/* inc/app_ui.css
   Zentrale HarbourTown-Basisoptik fuer Formulare, Dropdowns und Standardflaechen.
   Diese Datei ist bewusst vorsichtig gehalten: Sie normalisiert haeufige Altlasten,
   ohne einzelne Spezialseiten inhaltlich umzubauen. */

:root{
  --ht-blue:#040cd3;
  --ht-blue-2:#325dff;
  --ht-ink:#10233f;
  --ht-muted:#5e7193;
  --ht-line:#d7e4f6;
  --ht-soft:#f4f8ff;
  --ht-card:#ffffff;
  --ht-danger:#ef5350;
  --ht-success:#11b981;
  --ht-orange:#f59e0b;
  --ht-yellow:#facc15;
  --ht-status-bg:linear-gradient(180deg,#ffffff 0%,#fbfdff 56%,#f5f8fd 100%);
  --ht-status-inner:0 0 0 1px rgba(255,255,255,.95) inset;
  --ht-status-drop:0 10px 18px rgba(19,39,67,.05);
  --ht-status-neutral:#b7c7df;
  --ht-status-blue:#2d63ff;
  --ht-status-red:#ff5b61;
  --ht-status-yellow:#f2c51d;
  --ht-status-orange:#f39b18;
  --ht-status-green:#27cf78;
}


/* Phase 4 – globaler Typografie-Fix
   Einige Seiten fielen nach der UI-Umstellung auf Browser-Serif-Fonts zurück.
   Das zentrale UI erzwingt deshalb wieder die moderne HarbourTown-Systemschrift. */
html,
body,
button,
input,
select,
textarea,
table{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif !important;
}

html{
  min-height:100%;
  background:#f4f8ff;
}

body{
  margin:0;
  min-height:100vh;
  color:var(--ht-ink) !important;
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(900px 420px at 100% 16%, rgba(13,148,255,.10), transparent 62%),
    linear-gradient(180deg,#f8fbff,#eef4ff) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* Moderne Standard-Dropdowns und Eingabefelder.
   Wichtig: option bleibt dunkel auf weiss, damit Safari/Chrome nicht wieder helle Schrift anzeigen. */
select,
.ht-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="url"],
textarea{
  min-height:44px !important;
  border:1px solid var(--ht-line) !important;
  border-radius:14px !important;
  background:#fff !important;
  color:var(--ht-ink) !important;
  font-weight:800 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  padding:10px 14px !important;
  box-shadow:0 8px 20px rgba(13,33,72,.06) !important;
  outline:none !important;
}

select,
.ht-select{
  appearance:none !important;
  -webkit-appearance:none !important;
  padding-right:42px !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ht-muted) 50%),
    linear-gradient(135deg, var(--ht-muted) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 21px) 50%,
    calc(100% - 15px) 50% !important;
  background-size:6px 6px, 6px 6px !important;
  background-repeat:no-repeat !important;
}

select option,
.ht-select option{
  background:#fff !important;
  color:var(--ht-ink) !important;
  font-weight:800 !important;
}

select:focus,
.ht-select:focus,
input:focus,
textarea:focus{
  border-color:#6d8dff !important;
  box-shadow:0 0 0 4px rgba(4,12,211,.13), 0 8px 20px rgba(13,33,72,.08) !important;
}

textarea{
  min-height:96px !important;
  resize:vertical !important;
}

::placeholder{
  color:#7c8daa !important;
  opacity:1 !important;
}

/* Standard-Buttons: nur typische Klassen, keine nativen Spezialbuttons wie Checkboxen. */
a.btn,
button.btn,
.btn,
.button,
a.ht-btn,
button.ht-btn{
  min-height:38px;
  border-radius:11px;
  border:1px solid var(--ht-line);
  background:#f4f7ff;
  color:var(--ht-ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(13,33,72,.10);
  cursor:pointer;
}

a.btn:hover,
button.btn:hover,
.btn:hover,
.button:hover,
a.ht-btn:hover,
button.ht-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(13,33,72,.14);
}

.btn.blue,
.btn.primary,
.button.primary,
.ht-btn.primary,
a.primary{
  background:linear-gradient(180deg,var(--ht-blue-2),var(--ht-blue)) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(4,12,211,.22) !important;
}

.btn.red,
.btn.danger,
.button.danger,
.ht-btn.danger,
a.danger{
  background:linear-gradient(180deg,#ff6b6b,var(--ht-danger)) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(239,83,80,.20) !important;
}

.btn.green,
.btn.success,
.button.success,
.ht-btn.success,
a.success{
  background:linear-gradient(180deg,#1cd69a,#0aa76f) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(17,185,129,.20) !important;
}

.btn.orange,
.btn.warning,
.button.warning,
.ht-btn.warning,
a.warning{
  background:linear-gradient(180deg,#ffb84d,var(--ht-orange)) !important;
  border-color:rgba(245,158,11,.30) !important;
  color:#111827 !important;
  box-shadow:0 10px 22px rgba(245,158,11,.22) !important;
}

.btn.yellow,
.btn.scoreboard,
.button.scoreboard,
.ht-btn.scoreboard,
a.scoreboard{
  background:linear-gradient(180deg,#fff176,var(--ht-yellow)) !important;
  border-color:rgba(202,138,4,.30) !important;
  color:#3b2f00 !important;
  box-shadow:0 10px 22px rgba(250,204,21,.22) !important;
}

/* Helle, gut lesbare Standardflaechen fuer alte Seiten, die generische Klassen nutzen. */
.card,
.panel,
.box,
.section-card{
  border-color:var(--ht-line) !important;
}

.table-wrap,
.table-card{
  border:1px solid var(--ht-line);
  border-radius:18px;
  overflow:auto;
  background:#fff;
  box-shadow:0 14px 32px rgba(13,33,72,.08);
}

table{
  border-collapse:separate;
  border-spacing:0;
}

th{
  color:var(--ht-ink);
  font-weight:950;
}

td{
  color:var(--ht-ink);
}

@media(max-width:760px){
  select,
  .ht-select,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="url"],
  textarea{
    width:100%;
    font-size:16px !important; /* verhindert iOS-Zoom beim Fokus */
  }
}


/* =========================================================
   Finaler Basis-Feinschliff fuer Bedienbarkeit & Druck
   ========================================================= */
button:disabled,
.btn.disabled,
a.btn.disabled,
.ht-btn.disabled,
[aria-disabled="true"]{
  opacity:.55 !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
  filter:saturate(.75) !important;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible{
  outline:3px solid rgba(4,12,211,.30) !important;
  outline-offset:2px !important;
}

.ht-empty,
.empty,
.empty-state{
  border:1px dashed var(--ht-line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.74) !important;
  color:var(--ht-muted) !important;
  padding:18px !important;
  font-weight:800 !important;
}

.ht-page-actions,
.page-actions,
.content-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 16px;
}

@media(max-width:760px){
  .ht-page-actions,
  .page-actions,
  .content-actions{
    justify-content:flex-start;
  }
}

@media print{
  html,body{
    background:#fff !important;
    color:#111 !important;
  }
  .ht-topbar,
  .topbar,
  .bar,
  .nav,
  .ht-nav,
  .top-actions,
  .page-actions,
  .ht-page-actions,
  .content-actions,
  .btn,
  button,
  input[type="submit"],
  input[type="button"],
  .no-print,
  .ht-modal{
    display:none !important;
  }
  .wrap,
  main,
  .container{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .card,
  .panel,
  .box,
  .section-card{
    box-shadow:none !important;
    border:1px solid #ddd !important;
    break-inside:avoid;
  }
  table{
    width:100% !important;
    border-collapse:collapse !important;
  }
  th,td{
    border-bottom:1px solid #ddd !important;
  }
}


/* =========================================================
   Abschluss-Feinschliff: mobile Lesbarkeit, Listen & Status
   ========================================================= */
.ht-muted,
.muted,
.subtle,
.help,
.hint{
  color:var(--ht-muted) !important;
}

.badge,
.pill,
.chip,
.status-badge,
.ht-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid var(--ht-line);
  background:#eef4ff;
  color:var(--ht-ink);
  font-size:12px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
}

.badge.green,
.pill.green,
.chip.green,
.status-badge.green,
.ht-badge.success,
.badge.success{
  border-color:rgba(17,185,129,.28) !important;
  background:rgba(17,185,129,.12) !important;
  color:#076b49 !important;
}

.badge.orange,
.pill.orange,
.chip.orange,
.status-badge.orange,
.ht-badge.warning,
.badge.warning{
  border-color:rgba(245,158,11,.34) !important;
  background:rgba(245,158,11,.14) !important;
  color:#8a5200 !important;
}

.badge.red,
.pill.red,
.chip.red,
.status-badge.red,
.ht-badge.danger,
.badge.danger{
  border-color:rgba(239,83,80,.30) !important;
  background:rgba(239,83,80,.12) !important;
  color:#9d2523 !important;
}

.badge.blue,
.pill.blue,
.chip.blue,
.status-badge.blue,
.ht-badge.info,
.badge.info{
  border-color:rgba(4,12,211,.22) !important;
  background:rgba(4,12,211,.09) !important;
  color:#040a9f !important;
}

.actions,
td.actions,
.table-actions,
.ht-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

@media(max-width:760px){
  .card,
  .panel,
  .box,
  .section-card{
    border-radius:18px !important;
  }

  .table-wrap,
  .table-card{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  table{
    min-width:680px;
  }

  .actions,
  td.actions,
  .table-actions,
  .ht-actions{
    align-items:stretch;
  }

  .actions .btn,
  .actions .button,
  .actions .ht-btn,
  td.actions .btn,
  td.actions .button,
  td.actions .ht-btn,
  .table-actions .btn,
  .table-actions .button,
  .table-actions .ht-btn{
    min-height:40px;
  }
}

/* =========================================================
   Phase 4: zentrale UI-Bausteine fuer Verwaltungsseiten
   =========================================================
   Ziel: Seiten koennen schrittweise von lokalen CSS-Bloecken auf diese
   Klassen umgestellt werden, ohne Fachlogik anzufassen.
*/
.ht-page-shell,
.ht-content-shell{
  width:min(1180px, calc(100% - 32px));
  margin:22px auto 42px;
}

.ht-page-header,
.ht-section-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:0 0 18px;
}

.ht-page-title,
.ht-section-title{
  margin:0;
  color:var(--ht-ink);
  font-size:clamp(24px,3vw,36px);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:950;
}

.ht-section-title{font-size:clamp(20px,2.4vw,28px);}

.ht-page-subtitle,
.ht-section-subtitle,
.ht-lead{
  margin:6px 0 0;
  color:var(--ht-muted);
  font-size:14px;
  line-height:1.45;
  font-weight:750;
}

.ht-card,
.ht-panel,
.ht-surface{
  background:#fff;
  color:var(--ht-ink);
  border:1px solid var(--ht-line);
  border-radius:22px;
  box-shadow:0 16px 38px rgba(13,33,72,.09);
}

.ht-card{padding:22px;}
.ht-panel{padding:18px;}
.ht-surface{padding:0; overflow:hidden;}

.ht-card-grid,
.ht-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
}

.ht-form-grid,
.ht-filter-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  align-items:end;
}

.ht-form-grid.compact,
.ht-filter-grid.compact{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
}

.ht-field,
.ht-form-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}

.ht-field > label,
.ht-form-field > label,
.ht-label{
  color:var(--ht-muted);
  font-size:12px;
  line-height:1.2;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.ht-input,
.ht-textarea,
.ht-date,
.ht-time,
.ht-number{
  width:100%;
}

.ht-field-hint,
.ht-form-hint{
  margin:0;
  color:var(--ht-muted);
  font-size:12px;
  line-height:1.35;
  font-weight:750;
}

.ht-filterbar,
.ht-toolbar,
.ht-actionbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 16px;
}

.ht-filterbar{
  padding:14px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--ht-line);
  border-radius:18px;
  box-shadow:0 12px 28px rgba(13,33,72,.07);
}

.ht-actionbar{justify-content:flex-end;}
.ht-toolbar-left,
.ht-toolbar-right,
.ht-actionbar-left,
.ht-actionbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.ht-table-wrap{
  overflow:auto;
  border:1px solid var(--ht-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 32px rgba(13,33,72,.08);
}

.ht-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:720px;
}

.ht-table th,
.ht-table td{
  padding:12px 14px;
  border-bottom:1px solid #e8effa;
  text-align:left;
  vertical-align:top;
}

.ht-table th{
  background:#f5f8ff;
  color:var(--ht-muted);
  font-size:12px;
  line-height:1.2;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}

.ht-table tbody tr:hover td{background:#f9fbff;}
.ht-table tbody tr:last-child td{border-bottom:0;}

.ht-table-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.ht-stack{display:flex; flex-direction:column; gap:14px;}
.ht-row{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.ht-row-between{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}

.ht-note,
.ht-info-box,
.ht-warning-box,
.ht-danger-box,
.ht-success-box{
  border-radius:18px;
  padding:14px 16px;
  border:1px solid var(--ht-line);
  background:#f7faff;
  color:var(--ht-ink);
  font-weight:800;
  line-height:1.45;
}
.ht-info-box{border-color:rgba(4,12,211,.18); background:rgba(4,12,211,.06);}
.ht-warning-box{border-color:rgba(245,158,11,.30); background:rgba(245,158,11,.12);}
.ht-danger-box{border-color:rgba(239,83,80,.26); background:rgba(239,83,80,.10);}
.ht-success-box{border-color:rgba(17,185,129,.26); background:rgba(17,185,129,.10);}

@media(max-width:760px){
  .ht-page-shell,
  .ht-content-shell{
    width:min(100% - 20px,1180px);
    margin-top:14px;
  }
  .ht-card,
  .ht-panel{padding:16px;}
  .ht-filterbar,
  .ht-toolbar,
  .ht-actionbar{
    align-items:stretch;
    justify-content:flex-start;
  }
  .ht-toolbar-left,
  .ht-toolbar-right,
  .ht-actionbar-left,
  .ht-actionbar-right{
    width:100%;
  }
  .ht-actionbar .btn,
  .ht-actionbar .ht-btn,
  .ht-toolbar .btn,
  .ht-toolbar .ht-btn{
    flex:1 1 180px;
  }
}

/* Phase 4 – Admin/User-/Exportbereich */
.ht-user-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ht-user-row{
  display:grid;
  grid-template-columns:72px minmax(0,1.4fr) minmax(220px,.9fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid var(--ht-border, #dbe6f7);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 18px rgba(13,33,72,.045);
}
.ht-user-id{
  font-weight:900;
  color:var(--ht-muted, #5f7698);
}
.ht-user-main{
  min-width:0;
  display:grid;
  gap:4px;
}
.ht-user-main b{
  color:var(--ht-text, #10233f);
  font-size:16px;
  line-height:1.15;
}
.ht-user-main span{
  color:var(--ht-muted, #5f7698);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ht-user-meta{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.ht-user-meta span:not(.ht-badge){
  border:1px solid #d4e0fb;
  border-radius:999px;
  background:#f3f7ff;
  color:#24466f;
  font-size:12px;
  font-weight:800;
  padding:5px 9px;
}
@media (max-width: 860px){
  .ht-user-row{grid-template-columns:58px minmax(0,1fr) auto;}
  .ht-user-meta{grid-column:2 / 4;}
}
@media (max-width: 620px){
  .ht-user-row{grid-template-columns:1fr;}
  .ht-user-meta{grid-column:auto;}
}

/* Phase 4 – Benutzerverwaltung Tabellenkorrektur */
.ht-users-table .ht-user-cell{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:220px;
}
.ht-users-table .ht-user-cell strong{
  color:var(--ht-ink);
  font-weight:950;
  line-height:1.15;
}
.ht-users-table .ht-user-cell span{
  color:var(--ht-muted);
  font-weight:750;
  line-height:1.25;
}
.ht-table-action-head{text-align:right !important;}


/* Paket 134 – Rollenbadges stabilisieren */
.ht-badge.neutral{
  border-color:#d4e0fb !important;
  background:#f3f7ff !important;
  color:#24466f !important;
}
.ht-users-table .ht-badge{
  min-width:74px;
}
.ht-users-table td:nth-child(3){
  min-width:118px;
}

/* Phase 4 – Dashboard-nahe Seitenhülle für Verwaltungsseiten
   Ziel: Verwaltungsseiten wie Benutzerverwaltung sollen Breite, Hero und Kartenrhythmus
   des Hauptdashboards übernehmen, statt schmaler Tabelleninseln zu bilden. */
.ht-dashboard-shell{
  max-width:1260px;
  margin:0 auto;
  padding:30px 20px 48px;
  box-sizing:border-box;
}
.ht-dashboard-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin:6px 0 26px;
}
.ht-dashboard-hero h1{
  margin:0;
  color:var(--ht-ink);
  font-size:42px;
  letter-spacing:-.055em;
  line-height:1.02;
  font-weight:950;
}
.ht-dashboard-hero p{
  margin:10px 0 0;
  max-width:820px;
  color:var(--ht-muted);
  font-size:16px;
  line-height:1.5;
  font-weight:750;
}
.ht-dashboard-section{
  margin:0 0 22px;
  border:1px solid var(--ht-line);
  border-radius:22px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
  box-shadow:0 18px 48px rgba(13,33,72,.10);
  overflow:hidden;
}
.ht-dashboard-section-head{
  padding:22px 22px 16px;
  border-bottom:1px solid var(--ht-line);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.ht-dashboard-section-head h2{
  margin:0;
  color:var(--ht-ink);
  font-size:28px;
  letter-spacing:-.045em;
  line-height:1.08;
  font-weight:950;
}
.ht-dashboard-section-head p{
  margin:4px 0 0;
  color:var(--ht-muted);
  font-size:14px;
  line-height:1.45;
  font-weight:750;
}
.ht-dashboard-section-body{
  padding:16px;
}
.ht-dashboard-section .ht-table-wrap{
  box-shadow:none;
  border-radius:18px;
  background:#fff;
}
.ht-dashboard-section .ht-table{
  min-width:920px;
}
@media(max-width:760px){
  .ht-dashboard-shell{padding:24px 14px 42px;}
  .ht-dashboard-hero{grid-template-columns:1fr;align-items:start;}
  .ht-dashboard-hero h1{font-size:34px;}
  .ht-dashboard-hero .ht-btn{justify-self:start;}
  .ht-dashboard-section-head{padding:18px 18px 14px;}
  .ht-dashboard-section-body{padding:14px;}
}


/* Paket 137 – Dashboard-Abgleich repariert
   Wichtig: users.php nutzt dieselbe helle Dashboard-Fläche und saubere Hero-Struktur. */
.ht-dashboard-shell{
  width:min(1260px, calc(100% - 40px));
  max-width:1260px;
  margin:0 auto;
  padding:30px 0 54px;
}
.ht-dashboard-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin:0 0 22px;
}
.ht-dashboard-hero .ht-btn{
  align-self:end;
  justify-self:end;
}
.users-list-card{
  width:100%;
}
.ht-users-table th,
.ht-users-table td{
  vertical-align:middle;
}
.ht-users-table .ht-table-actions{
  justify-content:flex-end;
}
@media(max-width:760px){
  .ht-dashboard-shell{
    width:calc(100% - 28px);
    padding:24px 0 42px;
  }
  .ht-dashboard-hero{
    grid-template-columns:1fr;
    align-items:start;
  }
  .ht-dashboard-hero .ht-btn{
    justify-self:start;
  }
}

/* =========================================================
   Paket 162 – Buttonfarben-Fix via zentrale CSS-Variablen
   ---------------------------------------------------------
   Diese Schicht ersetzt die widerspruechlichen P158/P159/P160-Regeln.
   Styling bleibt zentral in app_ui.css. PHP-Dateien sollen nur semantische
   Klassen liefern: primary, secondary/light, danger/red, warning/yellow,
   orange, success/green.
   ========================================================= */
:root{
  --ht-p162-button-colors:1;
  --ht-btn-h:32px;
  --ht-btn-pad-x:12px;
  --ht-btn-radius:9px;
  --ht-btn-font:12.5px;
  --ht-btn-blue:rgba(4,12,211,.78);
  --ht-btn-blue-top:rgba(64,96,255,.86);
  --ht-btn-blue-border:rgba(4,12,211,.18);
  --ht-btn-shadow:0 5px 12px rgba(13,33,72,.08);
  --ht-btn-blue-shadow:0 5px 12px rgba(4,12,211,.13);
  --ht-btn-danger-shadow:0 5px 12px rgba(239,83,80,.16);
  --ht-btn-warning-shadow:0 5px 12px rgba(250,204,21,.18);
  --ht-btn-orange-shadow:0 5px 12px rgba(245,158,11,.18);
  --ht-action-btn-w:150px;
  --ht-action-btn-h:34px;
}

/* Formulare: Felder ohne type sind Textfelder und sollen gleich aussehen. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.ht-card,.ht-panel,.modalBody,.ht-modal) :where(input:not([type]),input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="url"],input[type="date"],input[type="time"],input[type="datetime-local"],textarea,.ht-input,.ht-textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){
  min-height:38px !important;
  border:1px solid #cbd8ee !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#10233f !important;
  padding:8px 12px !important;
  font-size:14px !important;
  font-weight:850 !important;
  line-height:1.22 !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
}
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.ht-card,.ht-panel,.modalBody,.ht-modal) :where(select,.ht-select){
  min-height:38px !important;
  border-radius:12px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
  font-size:14px !important;
}

/* Grundform fuer Inhaltsbuttons. Keine Topbar-, Zurueck-, Modal-X- oder Iconbuttons. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :where(a.btn,button.btn,.btn,a.ht-btn,button.ht-btn,.ht-btn,button[type="submit"].btn,input[type="submit"].btn,input[type="button"].btn,input[type="reset"].btn):not(.ht-nav-link):not(.ht-menu-toggle):not(.ht-back-button):not(.ht-modal-close):not([data-ht-modal-close]):not(.miniBtn):not(.pbtn):not(.icon-btn):not(.filter-btn.small):not(.small):not(.mini){
  box-sizing:border-box !important;
  min-height:var(--ht-btn-h) !important;
  height:auto !important;
  padding:6px var(--ht-btn-pad-x) !important;
  border-radius:var(--ht-btn-radius) !important;
  border:1px solid var(--ht-btn-border,var(--ht-btn-blue-border)) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:var(--ht-btn-font) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  color:var(--ht-btn-color,#324866) !important;
  background:var(--ht-btn-bg,var(--ht-status-bg)) !important;
  background-color:#ffffff !important;
  background-image:var(--ht-btn-bg,var(--ht-status-bg)) !important;
  box-shadow:var(--ht-btn-shadow-active, var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-neutral) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-neutral) 18%,transparent), var(--ht-status-drop)) !important;
  text-shadow:none !important;
}

/* Hell/sekundaer: Bearbeiten, Abbrechen, Archivieren, Reset. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :where(.btn.light,.btn.secondary,.btn.ghost,.btn-secondary,.btn-light,.ht-btn.light,.ht-btn.secondary,.ht-btn-secondary,button.light,button.secondary,button.reset,input[type="reset"].btn,a.light,a.secondary,a.ghost,[data-ht-modal-close],a[href*="edit_id="]):not(.ht-modal-close):not(.ht-nav-link):not(.ht-back-button){
  --ht-btn-bg:#f6f8fd;
  --ht-btn-border:var(--ht-line,#d7e4f6);
  --ht-btn-color:var(--ht-ink,#10233f);
  --ht-btn-shadow-active:var(--ht-btn-shadow);
  background:#f6f8fd !important;
  border:1px solid var(--ht-line,#d7e4f6) !important;
  color:var(--ht-ink,#10233f) !important;
  box-shadow:var(--ht-btn-shadow) !important;
}

/* Primaer/blau: heller Kern, Farbe nur Rahmen + Glow. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :where(.btn.primary,.btn.blue,.btn-primary,.ht-btn.primary,.ht-btn.blue,.ht-btn-primary,button.primary,button.blue,input[type="submit"].primary,input[type="button"].primary,a.primary,a.blue):not(.danger):not(.red):not(.delete):not(.del):not(.secondary):not(.light):not(.yellow):not(.scoreboard):not(.warning):not(.orange):not(.success):not(.green):not(.ht-nav-link):not(.ht-back-button){
  --ht-btn-bg:var(--ht-status-bg);
  --ht-btn-border:color-mix(in srgb,var(--ht-status-blue) 74%,white);
  --ht-btn-color:#1e395e;
  --ht-btn-shadow-active:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-blue) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-blue) 18%,transparent), var(--ht-status-drop);
  background:var(--ht-status-bg) !important;
  background-color:#ffffff !important;
  background-image:var(--ht-status-bg) !important;
  border:1px solid color-mix(in srgb,var(--ht-status-blue) 74%,white) !important;
  outline:1.5px solid color-mix(in srgb,var(--ht-status-blue) 58%,white) !important;
  outline-offset:-1.5px !important;
  color:#1e395e !important;
  -webkit-text-fill-color:#1e395e !important;
  text-shadow:none !important;
  box-shadow:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-blue) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-blue) 18%,transparent), var(--ht-status-drop) !important;
}

/* Rot: Loeschen und LIVE setzen – heller Kern, Farbe nur Rahmen + Glow. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :where(.btn.danger,.btn.red,.btn.delete,.btn.del,.btn-danger,.btn-red,.ht-btn.danger,.ht-btn.red,.ht-btn-danger,button.danger,button.red,button.delete,button.del,input[type="submit"].danger,input[type="submit"].red,input[type="button"].danger,input[type="button"].red,a.danger,a.red,a.delete,a.del):not(.ht-nav-link):not(.ht-back-button),
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) form:has(input[name="action"][value="set_live"]) :where(button[type="submit"],.btn),
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) form:has(input[name="action"][value*="delete"]) :where(button[type="submit"],.btn){
  --ht-btn-bg:var(--ht-status-bg);
  --ht-btn-border:color-mix(in srgb,var(--ht-status-red) 74%,white);
  --ht-btn-color:#56191b;
  --ht-btn-shadow-active:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-red) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-red) 18%,transparent), var(--ht-status-drop);
  background:var(--ht-status-bg) !important;
  background-color:#ffffff !important;
  background-image:var(--ht-status-bg) !important;
  border:1px solid color-mix(in srgb,var(--ht-status-red) 74%,white) !important;
  outline:1.5px solid color-mix(in srgb,var(--ht-status-red) 58%,white) !important;
  outline-offset:-1.5px !important;
  color:#56191b !important;
  -webkit-text-fill-color:#56191b !important;
  text-shadow:none !important;
  box-shadow:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-red) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-red) 18%,transparent), var(--ht-status-drop) !important;
}

/* Gruen: Erfolg/Reaktivieren – heller Kern, Farbe nur Rahmen + Glow. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :where(.btn.success,.btn.green,.btn-success,.btn-green,.ht-btn.success,.ht-btn.green,.ht-btn-success,button.success,button.green,input[type="submit"].success,input[type="button"].success,a.success,a.green):not(.ht-nav-link):not(.ht-back-button){
  --ht-btn-bg:var(--ht-status-bg);
  --ht-btn-border:color-mix(in srgb,var(--ht-status-green) 74%,white);
  --ht-btn-color:#163e28;
  --ht-btn-shadow-active:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-green) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-green) 18%,transparent), var(--ht-status-drop);
  background:var(--ht-status-bg) !important;
  background-color:#ffffff !important;
  background-image:var(--ht-status-bg) !important;
  border:1px solid color-mix(in srgb,var(--ht-status-green) 74%,white) !important;
  outline:1.5px solid color-mix(in srgb,var(--ht-status-green) 58%,white) !important;
  outline-offset:-1.5px !important;
  color:#163e28 !important;
  -webkit-text-fill-color:#163e28 !important;
  text-shadow:none !important;
  box-shadow:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-green) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-green) 18%,transparent), var(--ht-status-drop) !important;
}

/* Gelb: Scoreboard – heller Kern, Farbe nur Rahmen + Glow. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :where(.btn.warning,.btn.yellow,.btn.scoreboard,.btn-warning,.btn-yellow,.btn-scoreboard,.ht-btn.warning,.ht-btn.yellow,.ht-btn.scoreboard,.ht-btn-warning,button.warning,button.yellow,button.scoreboard,a.warning,a.yellow,a.scoreboard,a[href*="scoreboard_control.php"]):not(.orange):not(.ht-nav-link):not(.ht-back-button){
  --ht-btn-bg:var(--ht-status-bg);
  --ht-btn-border:color-mix(in srgb,var(--ht-status-yellow) 74%,white);
  --ht-btn-color:#5c4600;
  --ht-btn-shadow-active:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-yellow) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-yellow) 18%,transparent), var(--ht-status-drop);
  background:var(--ht-status-bg) !important;
  background-color:#ffffff !important;
  background-image:var(--ht-status-bg) !important;
  border:1px solid color-mix(in srgb,var(--ht-status-yellow) 74%,white) !important;
  outline:1.5px solid color-mix(in srgb,var(--ht-status-yellow) 58%,white) !important;
  outline-offset:-1.5px !important;
  color:#5c4600 !important;
  -webkit-text-fill-color:#5c4600 !important;
  text-shadow:none !important;
  box-shadow:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-yellow) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-yellow) 18%,transparent), var(--ht-status-drop) !important;
}

/* Orange: Saison oeffnen / Hinweisaktionen – heller Kern, Farbe nur Rahmen + Glow. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :where(.btn.orange,.btn-orange,.ht-btn.orange,.ht-btn-orange,button.orange,a.orange,a[href*="recordings_list.php"]):not(.scoreboard):not(.yellow):not(.ht-nav-link):not(.ht-back-button){
  --ht-btn-bg:var(--ht-status-bg);
  --ht-btn-border:color-mix(in srgb,var(--ht-status-orange) 74%,white);
  --ht-btn-color:#5a3914;
  --ht-btn-shadow-active:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-orange) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-orange) 18%,transparent), var(--ht-status-drop);
  background:var(--ht-status-bg) !important;
  background-color:#ffffff !important;
  background-image:var(--ht-status-bg) !important;
  border:1px solid color-mix(in srgb,var(--ht-status-orange) 74%,white) !important;
  outline:1.5px solid color-mix(in srgb,var(--ht-status-orange) 58%,white) !important;
  outline-offset:-1.5px !important;
  color:#5a3914 !important;
  -webkit-text-fill-color:#5a3914 !important;
  text-shadow:none !important;
  box-shadow:var(--ht-status-inner), 0 0 20px color-mix(in srgb,var(--ht-status-orange) 34%,transparent), 0 0 42px color-mix(in srgb,var(--ht-status-orange) 18%,transparent), var(--ht-status-drop) !important;
}

body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :where(a.btn,button.btn,.btn,a.ht-btn,button.ht-btn,.ht-btn):not(.ht-nav-link):not(.ht-back-button):not(.ht-menu-toggle):not(.ht-modal-close):not([data-ht-modal-close]):hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
}

/* Kleine Buttons bleiben klein. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal) :where(button.small,.btn.small,.ht-btn.small,button.mini,.btn.mini,.miniBtn,.icon-btn){
  min-height:26px !important;
  padding:4px 8px !important;
  border-radius:8px !important;
  font-size:11.5px !important;
}

/* Matchverwaltung: exakt sechs gleich grosse Buttons in zwei Reihen. */
.matchCard{
  grid-template-columns:minmax(0,1fr) max-content !important;
  align-items:center !important;
}
.matchActions{
  display:grid !important;
  grid-template-columns:repeat(3,var(--ht-action-btn-w)) !important;
  gap:8px !important;
  justify-content:end !important;
  align-items:center !important;
  min-width:calc((var(--ht-action-btn-w) * 3) + 16px) !important;
  max-width:calc((var(--ht-action-btn-w) * 3) + 16px) !important;
}
.matchActions form{margin:0 !important;display:block !important;min-width:0 !important;}
.matchActions > a,
.matchActions form > button{
  width:var(--ht-action-btn-w) !important;
  min-width:var(--ht-action-btn-w) !important;
  max-width:var(--ht-action-btn-w) !important;
  height:var(--ht-action-btn-h) !important;
  min-height:var(--ht-action-btn-h) !important;
  padding:0 10px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
@media(max-width:980px){
  .matchCard{grid-template-columns:1fr !important;}
  .matchActions{grid-template-columns:repeat(3,minmax(126px,1fr)) !important;min-width:0 !important;max-width:none !important;width:100% !important;justify-content:stretch !important;}
  .matchActions > a,.matchActions form > button{width:100% !important;min-width:0 !important;max-width:none !important;}
}
@media(max-width:560px){.matchActions{grid-template-columns:1fr !important;}}

/* Match-Dashboard: LIVE-Status zentriert, Status ueber Buttons. */
.livePanel{
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.liveStatus{
  margin:0 auto !important;
  justify-content:center !important;
  background:#e9fbf4 !important;
  border-color:#9ee7c9 !important;
  color:#076b49 !important;
  box-shadow:0 0 0 3px rgba(17,185,129,.10),0 0 18px rgba(17,185,129,.20) !important;
}
.liveStatus.isLive{
  background:#fff0f0 !important;
  border-color:#ffb3b3 !important;
  color:#b42323 !important;
  box-shadow:0 0 0 3px rgba(239,83,80,.12),0 0 20px rgba(239,83,80,.24) !important;
}
.liveActions{width:100% !important;justify-content:center !important;align-items:center !important;}
.liveActions form{margin:0 !important;display:inline-flex !important;}
.liveActions .btn,.liveActions button{min-height:32px !important;height:32px !important;padding:0 12px !important;}

/* Eishockey-Flow: zentrale Kompakt-/Zentrierlogik, keine lokalen P160-Bloecke noetig. */
.ef-shell{width:min(1120px,calc(100% - 32px)) !important;margin-top:18px !important;}
.ef-hero{padding:18px 20px !important;border-radius:20px !important;margin-bottom:14px !important;}
.ef-title{font-size:clamp(26px,3.1vw,38px) !important;letter-spacing:-.045em !important;line-height:1.05 !important;}
.ef-kicker{font-size:11px !important;}
.ef-meta{font-size:14px !important;line-height:1.35 !important;}
.ef-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;gap:12px !important;}
.ef-step,.ef-card{padding:14px !important;border-radius:18px !important;min-height:170px !important;gap:10px !important;align-items:center !important;justify-content:center !important;text-align:center !important;}
.ef-stepHead{width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:8px !important;}
.ef-stepHead > div{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:6px !important;}
.ef-step h2,.ef-card h2{font-size:20px !important;}
.ef-tag{min-height:22px !important;padding:3px 8px !important;font-size:10px !important;}
.ef-status{padding:4px 8px !important;font-size:11px !important;}
.ef-progress{padding:13px !important;border-radius:16px !important;}
.ef-progress strong{font-size:28px !important;}
.ef-actions,.ef-links{gap:7px !important;margin-top:8px !important;justify-content:center !important;align-items:center !important;}
.ef-actions .btn,.ef-links .btn,.ef-form .btn,.ef-form button{min-height:30px !important;height:30px !important;padding:0 10px !important;border-radius:9px !important;font-size:12px !important;}

/* Videoanalyse: Saisonkacheln mittig, Infofelder konsistent. */
.recordings-page .season-card.regie{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:12px !important;min-height:170px !important;}
.recordings-page .season-card.regie > div{width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;}
.recordings-page .season-card .title{justify-content:center !important;text-align:center !important;padding-right:0 !important;}
.recordings-page .season-card .desc{text-align:center !important;}
.recordings-page .season-card .stats{display:flex !important;justify-content:center !important;align-items:center !important;gap:8px !important;margin-top:10px !important;}
.recordings-page .season-card .stats > .stat{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:28px !important;height:28px !important;padding:0 12px !important;border-radius:999px !important;background:#f3f7ff !important;color:#040cd3 !important;border:1px solid #cfdcf7 !important;box-shadow:0 3px 9px rgba(13,33,72,.05) !important;font-size:12px !important;font-weight:950 !important;line-height:1 !important;}
.recordings-page .season-card .btnrow{width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;margin-top:0 !important;}
.recordings-page .season-card a[href*="recordings_list.php"]{min-height:30px !important;height:30px !important;padding:0 12px !important;border-radius:9px !important;font-size:12px !important;}

/* Videoanalyse verwalten: gleiche Buttonform, lesbare Zeilen, leuchtender Status. */
.recordings-admin-page .ht-table tbody td{font-weight:850 !important;}
.recordings-admin-page .ht-table tbody td:nth-child(3),
.recordings-admin-page .ht-table tbody td:nth-child(4){font-weight:900 !important;}
.recordings-admin-page .table-actions{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:7px !important;flex-wrap:nowrap !important;}
.recordings-admin-page .table-actions form{margin:0 !important;display:inline-flex !important;}
.recordings-admin-page .table-actions > .btn,
.recordings-admin-page .table-actions form > button{box-sizing:border-box !important;width:96px !important;min-width:96px !important;max-width:96px !important;height:32px !important;min-height:32px !important;padding:0 10px !important;border-radius:9px !important;font-size:12px !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;}
.recordings-admin-page .pill,
.recordings-admin-page .status{background:#e9fbf4 !important;border:1px solid #9ee7c9 !important;color:#076b49 !important;font-weight:950 !important;box-shadow:0 0 0 3px rgba(17,185,129,.10),0 0 18px rgba(17,185,129,.18) !important;}

/* Dashboard-Kachelverwaltung: kompakte Standardbuttons ohne doppelte lokale Sonderregeln. */
body.dashboard-tiles-page .panel-head .btn,
body.dashboard-tiles-page .section-row .actions .btn,
body.dashboard-tiles-page .tile .actions .btn,
body.dashboard-tiles-page .ht-modal-actions .btn{min-height:30px !important;height:30px !important;padding:0 10px !important;border-radius:9px !important;font-size:12px !important;}
body.dashboard-tiles-page .panel-head > .btn.primary{min-width:92px !important;}

[hidden],.ht-modal[hidden]{display:none !important;}


/* P221: alter Paket-184-Topbar-Block entfernt; inc/topbar.css ist alleinige Topbar-Quelle. */

/* =========================================================
   Paket 184 – ehemals lokales Seiten-CSS aus match_dashboard.php
   Nach app_ui.css verschoben und auf body.ht-page-match-dashboard begrenzt.
   ========================================================= */
body.ht-page-match-dashboard{
  --surface:#ffffff;
  --surface2:#f8fbff;
  --text:#10233f;
  --muted:#617798;
  --border:#dbe6f7;
  --blue:#040cd3;
  --blue2:#325dff;
  --green:#18bf83;
  --orange:#ff914d;
  --red:#ef5350;
  --shadow:0 18px 50px rgba(13,33,72,.08);
  --radius:24px;
}
body.ht-page-match-dashboard *{box-sizing:border-box}
body.ht-page-match-dashboard{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 420px at 88% 10%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(700px 360px at 12% 4%, rgba(50,93,255,.09), transparent 58%),
    linear-gradient(180deg,#f7faff 0,#eef4ff 100%);
  color:var(--text);
  font-weight:750;
}
body.ht-page-match-dashboard .nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
body.ht-page-match-dashboard /* Paket 184: lokale Button-UI entfernt; zentrale app_ui.css ist fuehrend. */

.wrap{max-width:1220px;margin:0 auto;padding:22px 20px 48px}
body.ht-page-match-dashboard .hero,
body.ht-page-match-dashboard .card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
body.ht-page-match-dashboard .hero{
  padding:30px 26px;
  margin-bottom:18px;
}
body.ht-page-match-dashboard .heroTop{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
}
body.ht-page-match-dashboard .sportIcon{font-size:34px;line-height:1;margin-bottom:8px}
body.ht-page-match-dashboard .hero h1{
  margin:0 0 10px;
  font-size:38px;
  line-height:1.06;
  letter-spacing:-.035em;
}
body.ht-page-match-dashboard .matchTitleTeam,
body.ht-page-match-dashboard .matchTitleVs{
  display:inline-block;
}
body.ht-page-match-dashboard .matchTitleVs{
  margin:0 .30em;
  color:#7b8ca7;
  font-size:.86em;
  font-weight:800;
  vertical-align:.06em;
}
body.ht-page-match-dashboard .meta{
  color:#5f7698;
  font-size:16px;
  font-weight:900;
}
body.ht-page-match-dashboard .livePanel{
  min-width:320px;
  justify-self:end;
  border:1px solid var(--border);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
body.ht-page-match-dashboard .liveStatus{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #dbe6f7;
  background:#f1f5ff;
  color:#040cd3;
  font-weight:950;
  font-size:13px;
}
body.ht-page-match-dashboard .liveStatus.isLive{
  background:#e9fbf4;
  border-color:#bdebd9;
  color:#0b6d49;
}
body.ht-page-match-dashboard .liveActions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
body.ht-page-match-dashboard .liveActions form{margin:0}
body.ht-page-match-dashboard .msg{margin:0 0 18px;border-radius:16px;padding:12px 14px;font-weight:900}
body.ht-page-match-dashboard .msg.ok{background:#e9fbf4;border:1px solid #bdebd9;color:#0b5f42}
body.ht-page-match-dashboard .msg.err{background:#fff0f0;border:1px solid #ffc7c7;color:#9b1c1c}
body.ht-page-match-dashboard .card{
  padding:20px;
  margin-bottom:22px;
}
body.ht-page-match-dashboard .cardHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
body.ht-page-match-dashboard .cardHead h2{
  margin:0;
  font-size:24px;
  letter-spacing:-.045em;
}
body.ht-page-match-dashboard .cardHead p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:14px;
}
body.ht-page-match-dashboard .statusGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
body.ht-page-match-dashboard .statusItem{
  min-height:72px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  padding:12px 13px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  overflow:hidden;
  text-align:left;
}
body.ht-page-match-dashboard .statusDot{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  color:#fff;
  font-weight:950;
  font-size:15px;
}
body.ht-page-match-dashboard .statusDot.ok{background:var(--green)}
body.ht-page-match-dashboard .statusDot.warn{background:var(--orange)}
body.ht-page-match-dashboard .statusText{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  text-align:left;
}
body.ht-page-match-dashboard .statusText b{
  display:block;
  font-size:14px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  width:100%;
}
body.ht-page-match-dashboard .statusText span{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  width:100%;
}
body.ht-page-match-dashboard .sectionTitle{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
  flex-wrap:wrap;
  margin:14px 0 12px;
}
body.ht-page-match-dashboard .sectionTitle h2{
  margin:0;
  font-size:26px;
  letter-spacing:-.055em;
}
body.ht-page-match-dashboard .sectionTitle p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
body.ht-page-match-dashboard .tileGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:22px;
}
body.ht-page-match-dashboard .tile{
  min-height:155px;
  border:1px solid var(--border);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 24px rgba(13,33,72,.055);
  padding:17px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
body.ht-page-match-dashboard .tile.softBlue{background:linear-gradient(180deg,#fff,#f5f8ff)}
body.ht-page-match-dashboard .tile.softRed{background:linear-gradient(180deg,#fff,#fff2f2);border-color:#ffd0d0}
body.ht-page-match-dashboard .tile.softGreen{background:linear-gradient(180deg,#fff,#effcf6)}
body.ht-page-match-dashboard .tag{
  display:inline-flex;
  width:max-content;
  min-height:28px;
  padding:0 10px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid #dbe6f7;
  background:#f3f7ff;
  color:#040cd3;
  font-size:12px;
  font-weight:950;
}
body.ht-page-match-dashboard .tile h3{
  margin:10px 0 8px;
  font-size:22px;
  letter-spacing:-.045em;
}
body.ht-page-match-dashboard .tile p{
  margin:0;
  color:#496489;
  line-height:1.35;
  font-size:15px;
}
body.ht-page-match-dashboard .tileActions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
}
body.ht-page-match-dashboard .tileActions a{min-height:40px}
body.ht-page-match-dashboard .vmixTable{
  border:1px solid var(--border);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
body.ht-page-match-dashboard .vmixRow{
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 92px;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid #e6eefb;
}
body.ht-page-match-dashboard .vmixRow:last-child{border-bottom:0}
body.ht-page-match-dashboard .vmixName{
  font-size:14px;
  font-weight:950;
  color:#10233f;
}
body.ht-page-match-dashboard .vmixUrl{
  min-width:0;
  display:block;
  padding:7px 10px;
  border-radius:11px;
  border:1px solid var(--border);
  background:#f8fbff;
  color:#10233f;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.ht-page-match-dashboard .vmixOpen{
  min-height:34px;
  padding:0 10px;
  border-radius:11px;
  border:1px solid #dbe6f7;
  background:#fff;
  color:#10233f;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:13px;
}
@media(max-width:1100px){
body.ht-page-match-dashboard .heroTop{grid-template-columns:1fr;}
body.ht-page-match-dashboard .livePanel{justify-self:stretch;min-width:0;width:auto;}
body.ht-page-match-dashboard .liveActions{justify-content:flex-start;}
body.ht-page-match-dashboard .statusGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ht-page-match-dashboard .tileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}


}
@media(max-width:720px){
body.ht-page-match-dashboard .hero h1{font-size:30px}
body.ht-page-match-dashboard .livePanel{min-width:0;width:100%}
body.ht-page-match-dashboard .statusGrid,
body.ht-page-match-dashboard .tileGrid{grid-template-columns:1fr}
body.ht-page-match-dashboard .vmixRow{grid-template-columns:1fr;gap:8px}
body.ht-page-match-dashboard .vmixOpen{width:max-content}


}
@media(max-width:640px){
body.ht-page-match-dashboard .nav{justify-content:flex-start}
body.ht-page-match-dashboard .nav a,
body.ht-page-match-dashboard .btn,
body.ht-page-match-dashboard button{width:100%}
body.ht-page-match-dashboard .tileActions a,
body.ht-page-match-dashboard .tileActions form,
body.ht-page-match-dashboard .tileActions button{width:100%}


}
body.ht-page-match-dashboard .regieInfoGrid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
body.ht-page-match-dashboard .regieInfoItem{
  border:1px solid var(--border);
  background:#fff;
  border-radius:16px;
  padding:12px 12px;
  box-shadow:0 8px 18px rgba(13,33,72,.04);
}
body.ht-page-match-dashboard .regieInfoItem span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:950;
  margin-bottom:5px;
}
body.ht-page-match-dashboard .regieInfoItem b{
  display:block;
  color:var(--text);
  font-size:18px;
  font-weight:1000;
  line-height:1.1;
}
body.ht-page-match-dashboard .regieInfoItem.wide b{
  font-size:15px;
  line-height:1.25;
  word-break:break-word;
}
@media(max-width:1100px){
body.ht-page-match-dashboard .regieInfoGrid{grid-template-columns:repeat(3,minmax(0,1fr));}

}
@media(max-width:640px){
body.ht-page-match-dashboard .regieInfoGrid{grid-template-columns:1fr;}

}
body.ht-page-match-dashboard .regieInfoItem.timeWatch{
  position:relative;
  border-color:#16a34a;
  background:#ecfdf3;
  box-shadow:0 0 0 3px rgba(22,163,74,.14), 0 12px 28px rgba(22,163,74,.14);
  overflow:hidden;
}
body.ht-page-match-dashboard .regieInfoItem.timeWatch span{
  color:#166534;
}
body.ht-page-match-dashboard .regieInfoItem.timeWatch b{
  color:#14532d;
}


@keyframes regieSoonPulse{
  0%,100%{
    border-color:#f97316;
    box-shadow:0 0 0 0 rgba(249,115,22,.20), 0 8px 18px rgba(13,33,72,.045);
  }
  50%{
    border-color:#f97316;
    box-shadow:0 0 0 6px rgba(249,115,22,.34), 0 14px 30px rgba(249,115,22,.28);
  }
}
body.ht-page-match-dashboard /* 5 Minuten vorher: kräftiges Orange,
body.ht-page-match-dashboard blinkend */
.regieInfoItem.timeSoon{
  border-color:#f97316 !important;
  background:#fff3e6 !important;
  animation:regieSoonPulse 1s ease-in-out infinite;
}
body.ht-page-match-dashboard .regieInfoItem.timeSoon span{
  color:#9a3412 !important;
}
body.ht-page-match-dashboard .regieInfoItem.timeSoon b{
  color:#7c2d12 !important;
}
body.ht-page-match-dashboard /* Zeitpunkt erreicht: kräftiges Rot,
body.ht-page-match-dashboard aber statisch */
.regieInfoItem.timeDue{
  border-color:#dc2626 !important;
  background:#ffe5e5 !important;
  box-shadow:0 0 0 3px rgba(220,38,38,.22), 0 12px 28px rgba(220,38,38,.22) !important;
  animation:none !important;
}
body.ht-page-match-dashboard .regieInfoItem.timeDue span{
  color:#7f1d1d !important;
}
body.ht-page-match-dashboard .regieInfoItem.timeDue b{
  color:#7f1d1d !important;
}
body.ht-page-match-dashboard .vmixOpen.blueTest{
  color:#fff;
  border-color:rgba(4,12,211,.18);
  background:linear-gradient(180deg,#325dff,#040cd3);
  box-shadow:0 10px 24px rgba(13,33,72,.06);
}
body.ht-page-match-dashboard .vmixOpen.blueTest:hover{
  background:linear-gradient(180deg,#234dff,#0309b8);
}
body.ht-page-match-dashboard .btnSame{
  width:172px;
  min-width:172px;
  max-width:172px;
  min-height:44px;
  padding-left:0;
  padding-right:0;
  text-align:center;
  white-space:nowrap;
}
body.ht-page-match-dashboard .cardHead .btnSame,
body.ht-page-match-dashboard .statusCard .btnSame,
body.ht-page-match-dashboard .prepareHead .btnSame{
  width:172px;
  min-width:172px;
  max-width:172px;
}
body.ht-page-match-dashboard /* vMix Linkfelder deutlicher */
.vmixUrl{
  background:#eef4ff !important;
  border-color:#9db5ea !important;
  color:#061a36 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 6px 16px rgba(13,33,72,.08);
  font-weight:950;
}
body.ht-page-match-dashboard .vmixUrl:before{
  content:"";
}
body.ht-page-match-dashboard /* FIX: Allgemeine Informationen / Uhrzeitfelder mittig */
.regieInfoItem{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
body.ht-page-match-dashboard .regieInfoItem span,
body.ht-page-match-dashboard .regieInfoItem b{
  text-align:center !important;
  width:100% !important;
}
body.ht-page-match-dashboard /* Spieltags-Checkliste gleichgroessig + echte Verkehrsampel */
.checkLayout{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  align-items:stretch;
}
body.ht-page-match-dashboard .checkColumn{
  display:flex;
  flex-direction:column;
  gap:12px;
}
body.ht-page-match-dashboard .checkItem,
body.ht-page-match-dashboard .trafficBox{
  min-height:86px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  text-align:left;
  box-shadow:0 6px 14px rgba(13,33,72,.035);
}
body.ht-page-match-dashboard .checkItem .statusDot{
  flex:0 0 28px;
  width:28px;
  height:28px;
  font-size:14px;
}
body.ht-page-match-dashboard .checkText{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}
body.ht-page-match-dashboard .checkText b{
  font-size:15px;
  line-height:1.05;
  color:var(--text);
}
body.ht-page-match-dashboard .checkText span{
  font-size:12px;
  line-height:1.1;
  color:var(--muted);
  font-weight:900;
}
body.ht-page-match-dashboard /* Ampel-Feld: nur die Ampel selbst,
body.ht-page-match-dashboard ohne sichtbares Zusatz-Feld */
.trafficBox{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
}
body.ht-page-match-dashboard .checkColumnTraffic{
  align-items:stretch;
}
body.ht-page-match-dashboard .checkColumnTraffic .trafficBox{
  order:2;
}
body.ht-page-match-dashboard /* Querformat-Verkehrsampel */
.trafficSignal{
  width:160px;
  height:72px;
  background:linear-gradient(180deg,#2f3137 0%, #1f2229 100%);
  border:2px solid #15181e;
  border-radius:10px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -2px 0 rgba(0,0,0,.35),
    0 10px 18px rgba(12,20,40,.18);
  position:relative;
}
body.ht-page-match-dashboard .trafficSignal::before,
body.ht-page-match-dashboard .trafficSignal::after{
  content:'';
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:8px;
  height:18px;
  border-radius:6px;
  background:linear-gradient(180deg,#34363c,#111317);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.08);
}
body.ht-page-match-dashboard .trafficSignal::before{ left:-6px; }
body.ht-page-match-dashboard .trafficSignal::after{ right:-6px; }
body.ht-page-match-dashboard .trafficSignal .lamp{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#232730;
  border:2px solid rgba(0,0,0,.45);
  position:relative;
  box-shadow:
    inset 0 4px 8px rgba(255,255,255,.06),
    inset 0 -6px 10px rgba(0,0,0,.45);
  opacity:1;
}
body.ht-page-match-dashboard .trafficSignal .lamp::after{
  content:'';
  position:absolute;
  top:7px;
  left:9px;
  width:20px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}
body.ht-page-match-dashboard .trafficSignal .lamp.red{ background:#3c1517; }
body.ht-page-match-dashboard .trafficSignal .lamp.yellow{ background:#4a3811; }
body.ht-page-match-dashboard .trafficSignal .lamp.green{ background:#123a24; }
body.ht-page-match-dashboard .trafficSignal .lamp.red.active{
  background:#ef4444;
  box-shadow:
    inset 0 4px 8px rgba(255,255,255,.18),
    inset 0 -6px 10px rgba(0,0,0,.25),
    0 0 14px rgba(239,68,68,.70),
    0 0 30px rgba(239,68,68,.35);
}
body.ht-page-match-dashboard .trafficSignal .lamp.yellow.active{
  background:#f59e0b;
  box-shadow:
    inset 0 4px 8px rgba(255,255,255,.18),
    inset 0 -6px 10px rgba(0,0,0,.25),
    0 0 14px rgba(245,158,11,.70),
    0 0 30px rgba(245,158,11,.35);
}
body.ht-page-match-dashboard .trafficSignal .lamp.green.active{
  background:#22c55e;
  box-shadow:
    inset 0 4px 8px rgba(255,255,255,.18),
    inset 0 -6px 10px rgba(0,0,0,.25),
    0 0 14px rgba(34,197,94,.70),
    0 0 30px rgba(34,197,94,.35);
}
@media(max-width:980px){
body.ht-page-match-dashboard .checkLayout{grid-template-columns:1fr;}


}
body.ht-page-match-dashboard .checklistCard{padding:18px;}
body.ht-page-match-dashboard .compactHead{margin-bottom:12px;}
body.ht-page-match-dashboard .compactHead h2{font-size:22px;}
body.ht-page-match-dashboard .compactHead p{font-size:13px;}


/* Paket 184: lokale Topbar-UI entfernt; zentrale app_ui.css ist fuehrend. */



/* Paket 184: lokaler P182-Button-Fix entfernt; zentrale app_ui.css ist fuehrend. */





/* =========================================================
   Paket 184 – ehemals lokales Seiten-CSS aus matches.php
   Nach app_ui.css verschoben und auf body.ht-page-matches begrenzt.
   ========================================================= */
body.ht-page-matches{--surface:#fff;--surface2:#f8fbff;--text:#10233f;--muted:#617798;--border:#dbe6f7;--blue:#040cd3;--blue2:#325dff;--green:#18bf83;--red:#ef5350;--orange:#ff914d;--shadow:0 18px 50px rgba(13,33,72,.08);--radius:24px}
body.ht-page-matches *{box-sizing:border-box}
body.ht-page-matches{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 420px at 88% 10%,rgba(4,12,211,.08),transparent 60%),radial-gradient(700px 360px at 12% 4%,rgba(50,93,255,.09),transparent 58%),linear-gradient(180deg,#f7faff 0,#eef4ff 100%);color:var(--text);font-weight:750}
body.ht-page-matches /* FIX: globale Seitenbuttons wiederherstellen */
.btn,
body.ht-page-matches button{
  min-height:38px;
  padding:0 12px;
  border-radius:11px;
  border:1px solid #dbe6f7;
  color:#10233f;
  background:rgba(255,255,255,.94);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  font-size:13px;
  box-shadow:0 10px 24px rgba(13,33,72,.06);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
body.ht-page-matches .btn:hover,
body.ht-page-matches button:hover{
  transform:translateY(-1px);
  border-color:#c6d7f2;
  box-shadow:0 14px 28px rgba(13,33,72,.10);
}
body.ht-page-matches .btn.blue,
body.ht-page-matches button.blue,
body.ht-page-matches .btn.primary,
body.ht-page-matches button.primary{
  color:#fff;
  border-color:rgba(4,12,211,.18);
  background:linear-gradient(180deg,#325dff,#040cd3);
}
body.ht-page-matches .btn.green,
body.ht-page-matches button.green{
  color:#fff;
  border-color:rgba(5,150,105,.24);
  background:linear-gradient(180deg,#10b981,#059669);
}
body.ht-page-matches .btn.red,
body.ht-page-matches button.red{
  color:#fff;
  border-color:rgba(234,76,76,.18);
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c);
}
body.ht-page-matches .btn.orange,
body.ht-page-matches button.orange{
  color:#422006;
  border-color:rgba(217,119,6,.34);
  background:linear-gradient(180deg,#ffb84d,#f59e0b);
}
body.ht-page-matches .btn.yellow,
body.ht-page-matches button.yellow,
body.ht-page-matches .btn.scoreboard,
body.ht-page-matches button.scoreboard{
  color:#3b2f00;
  border-color:rgba(202,138,4,.34);
  background:linear-gradient(180deg,#fff176,#facc15);
}
body.ht-page-matches .wrap{max-width:1220px;margin:0 auto;padding:28px 20px 56px}
body.ht-page-matches .pageHead{text-align:center;margin-bottom:18px}
body.ht-page-matches .pageHead h1{font-size:34px;letter-spacing:-.055em;margin:0 0 4px}
body.ht-page-matches .pageHead p{margin:0;color:var(--muted)}
body.ht-page-matches /* FIX: Tabs Aktiv / Archiviert / Alle sauber zentrieren */
.tabs{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin:16px 0;
}
body.ht-page-matches .tab{
  min-height:40px;
  height:40px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #c7d6f2;
  background:#fff;
  color:#10233f;
  text-decoration:none;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  box-shadow:0 8px 18px rgba(13,33,72,.04);
}
body.ht-page-matches .tab.active{
  background:#eef2ff;
  color:#040cd3;
  border-color:#b9ccea;
}
body.ht-page-matches .filterNote{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 auto 12px;padding:9px 13px;border:1px solid #cfe0f8;border-radius:999px;background:#fff;color:#617798;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(13,33,72,.04)}
body.ht-page-matches .filterNote b{color:#10233f}
body.ht-page-matches .miniLink{color:#040cd3;text-decoration:none;font-weight:950;margin-left:4px}
body.ht-page-matches .miniLink:hover{text-decoration:underline}
body.ht-page-matches .card{background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}
body.ht-page-matches .card h2{text-align:center;margin:0 0 16px;font-size:26px;letter-spacing:-.045em}
body.ht-page-matches .msg{border-radius:16px;padding:12px 14px;font-weight:900;margin-bottom:16px}
body.ht-page-matches .msg.ok{background:#e9fbf4;border:1px solid #bdebd9;color:#0b5f42}
body.ht-page-matches .msg.err{background:#fff0f0;border:1px solid #ffc7c7;color:#9b1c1c}
body.ht-page-matches .hint{color:#a13636;text-align:center;font-weight:950;margin:12px 0}
body.ht-page-matches .formGrid{
  display:grid;
  grid-template-columns:240px 150px minmax(220px,1fr) minmax(220px,1fr);
  gap:12px;
  align-items:end;
}
body.ht-page-matches .formWide{grid-column:1/-1}
body.ht-page-matches .halfGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
body.ht-page-matches label{
  display:block;
  font-size:13px;
  font-weight:950;
  margin-bottom:6px;
}
body.ht-page-matches input,
body.ht-page-matches select,
body.ht-page-matches textarea{
  width:100%;
  min-height:40px;
  height:40px;
  border-radius:13px;
  border:1px solid #c8d8f0;
  background:#fff;
  color:#10233f;
  padding:0 12px;
  font-size:14px;
  font-weight:850;
}
body.ht-page-matches textarea{
  height:auto;
  padding:12px;
  min-height:82px;
}
body.ht-page-matches .formGrid button[type=submit]{
  width:auto;
  min-width:170px;
  min-height:38px;
}
body.ht-page-matches .matchList{display:grid;gap:12px}
body.ht-page-matches .matchCard{border:1px solid var(--border);border-radius:20px;background:#fff;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
body.ht-page-matches .matchTitle{font-size:18px;font-weight:950}
body.ht-page-matches .matchMeta{color:var(--muted);font-size:14px;margin-top:4px}
body.ht-page-matches .matchActions{display:grid;grid-template-columns:repeat(3,112px);gap:7px;justify-content:flex-end;align-items:center;min-width:354px;max-width:354px}
body.ht-page-matches .matchActions form{margin:0;display:block}
body.ht-page-matches .matchActions>a,
body.ht-page-matches .matchActions form>button{width:112px;min-width:112px;max-width:112px}
body.ht-page-matches .empty{text-align:center;color:var(--muted);padding:16px;font-size:17px}
body.ht-page-matches .formActions{display:flex;justify-content:flex-start;margin-top:2px}
@media(max-width:920px){
body.ht-page-matches .formGrid,
body.ht-page-matches .halfGrid{grid-template-columns:1fr}
body.ht-page-matches .matchCard{grid-template-columns:1fr}
body.ht-page-matches .matchActions{grid-template-columns:repeat(2,minmax(120px,1fr));min-width:0;max-width:none;justify-content:stretch}
body.ht-page-matches .formGrid button[type=submit]{width:100%}

}
@media(max-width:640px){
body.ht-page-matches .nav a,
body.ht-page-matches .btn,
body.ht-page-matches button{width:100%}

}
body.ht-page-matches /* Match-Modal nutzt das zentrale System aus inc/modal.css */
.createbar{max-width:1120px;margin:0 auto 18px;display:flex;justify-content:center;}
body.ht-page-matches .ht-modal-card.ht-modal-card-wide form{margin:0;}
body.ht-page-matches .ht-modal-card.ht-modal-card-wide .formActions{justify-content:flex-end;}



/* Paket 184: lokaler P182-Button-Fix entfernt; zentrale app_ui.css ist fuehrend. */





/* =========================================================
   Paket 184 – ehemals lokales Seiten-CSS aus recordings.php
   Nach app_ui.css verschoben und auf body.ht-page-recordings begrenzt.
   ========================================================= */
body.ht-page-recordings{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --accent:#4f7cff; --accent2:#19c37d;
      --danger:#ff4d4d; --border:rgba(255,255,255,.10); --shadow:0 10px 30px rgba(0,0,0,.35); --radius:16px;
    }
body.ht-page-recordings{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 20% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 90% 10%, rgba(25,195,125,.20), transparent 60%),
        var(--bg);
      color:var(--text);
    }
body.ht-page-recordings a.btn,
body.ht-page-recordings .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);
      text-decoration:none;color:var(--text);background:rgba(255,255,255,.05);transition:transform .08s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;font-weight:750;font-size:14px;
    }
body.ht-page-recordings a.btn:hover,
body.ht-page-recordings .btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
body.ht-page-recordings a.btn.primary{background:linear-gradient(180deg,rgba(79,124,255,.95),rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}
body.ht-page-recordings a.btn.green{background:linear-gradient(180deg,rgba(25,195,125,.90),rgba(25,195,125,.70));border-color:rgba(25,195,125,.35);}
body.ht-page-recordings a.btn.red{background:linear-gradient(180deg,rgba(255,77,77,.92),rgba(255,77,77,.72));border-color:rgba(255,77,77,.40);}
body.ht-page-recordings a.btn.switch{border-color:rgba(79,124,255,.72);background:linear-gradient(135deg,#315cff,#6285ff);color:#fff;box-shadow:0 12px 30px rgba(79,124,255,.24);}
body.ht-page-recordings .wrap{max-width:1100px;margin:18px auto 28px;padding:0 18px 30px;}
body.ht-page-recordings h1{margin:16px 0 6px;font-size:30px;letter-spacing:.2px;}
body.ht-page-recordings .sub{color:var(--muted);font-size:14px;line-height:1.35;margin-bottom:14px;}
body.ht-page-recordings .contextbar{margin:0 0 18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
body.ht-page-recordings .context-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(79,124,255,.32);background:rgba(79,124,255,.13);color:#eef2ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:850;}
body.ht-page-recordings .context-chip span{color:var(--muted);font-weight:750;}
body.ht-page-recordings .section{margin-top:24px;}
body.ht-page-recordings .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;}
body.ht-page-recordings .section:first-of-type .section-head{border-top:0;padding-top:0;}
body.ht-page-recordings .section-title{margin:0;font-size:22px;font-weight:950;}
body.ht-page-recordings .section-desc{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.35;}
body.ht-page-recordings .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media(max-width:900px){
body.ht-page-recordings .grid{grid-template-columns:repeat(2,minmax(0,1fr));}

}
@media(max-width:620px){
body.ht-page-recordings .grid{grid-template-columns:1fr;}

}
body.ht-page-recordings .card{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow:hidden;}
body.ht-page-recordings .card.regie{border-color:rgba(255,77,77,.38);background:linear-gradient(180deg,rgba(255,77,77,.16),rgba(255,255,255,.03));box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 40px rgba(255,77,77,.14);}
body.ht-page-recordings .card.regie::after{content:"🎬";position:absolute;top:10px;right:12px;font-size:20px;opacity:.85;}
body.ht-page-recordings .title{font-weight:850;letter-spacing:.2px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-right:28px;}
body.ht-page-recordings .desc{color:var(--muted);font-size:13px;line-height:1.35;margin-top:6px;}
body.ht-page-recordings .btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
body.ht-page-recordings .pill{font-size:12px;color:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);white-space:nowrap;}
body.ht-page-recordings .footer{margin-top:18px;color:var(--muted);font-size:12px;opacity:.95;}
body.ht-page-recordings .stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
body.ht-page-recordings .stat{font-size:12px;color:var(--muted);padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--border);font-weight:800;white-space:nowrap;}
body.ht-page-recordings .empty{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);color:var(--muted);font-size:14px;line-height:1.45;}
body.ht-page-recordings .empty b{color:var(--text);}
body.ht-page-recordings .season-card .title{font-size:20px;}
body.ht-page-recordings .season-card{min-height:154px;}
body.ht-page-recordings /* ===== HarbourTown Stammdaten / Technik Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --accent:#040cd3 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --danger:#ea4c4c !important;
  --soft:#f7faff !important;
}
body.ht-page-recordings,
body.ht-page-recordings{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}
body.ht-page-recordings{color:#10233f !important;}
body.ht-page-recordings .btn.green,
body.ht-page-recordings a.btn.green,
body.ht-page-recordings .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}
body.ht-page-recordings .btn.red,
body.ht-page-recordings a.btn.red,
body.ht-page-recordings .red,
body.ht-page-recordings .danger,
body.ht-page-recordings .delete,
body.ht-page-recordings .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}
body.ht-page-recordings .btn.orange,
body.ht-page-recordings a.btn.orange,
body.ht-page-recordings .orange{
  color:#422006 !important;
  border-color:rgba(217,119,6,.34) !important;
  background:linear-gradient(180deg,#ffb84d,#f59e0b) !important;
}
body.ht-page-recordings .wrap,
body.ht-page-recordings .container,
body.ht-page-recordings main{
  color:#10233f !important;
}
body.ht-page-recordings .card,
body.ht-page-recordings .panel,
body.ht-page-recordings .box,
body.ht-page-recordings .tile,
body.ht-page-recordings .item,
body.ht-page-recordings .section,
body.ht-page-recordings .list,
body.ht-page-recordings .table-card,
body.ht-page-recordings form.card,
body.ht-page-recordings fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}
body.ht-page-recordings h1,
body.ht-page-recordings h2,
body.ht-page-recordings h3,
body.ht-page-recordings h4,
body.ht-page-recordings strong,
body.ht-page-recordings b,
body.ht-page-recordings label,
body.ht-page-recordings .title,
body.ht-page-recordings .name,
body.ht-page-recordings .lbl{
  color:#10233f !important;
}
body.ht-page-recordings p,
body.ht-page-recordings .sub,
body.ht-page-recordings .muted,
body.ht-page-recordings .hint,
body.ht-page-recordings .meta,
body.ht-page-recordings .note,
body.ht-page-recordings .small,
body.ht-page-recordings .foot,
body.ht-page-recordings .help{
  color:#5f7698 !important;
}
body.ht-page-recordings input,
body.ht-page-recordings select,
body.ht-page-recordings textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}
body.ht-page-recordings input::placeholder,
body.ht-page-recordings textarea::placeholder{color:#8aa0be !important;}
body.ht-page-recordings select option{
  color:#10233f !important;
  background:#fff !important;
}
body.ht-page-recordings table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
body.ht-page-recordings th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
body.ht-page-recordings td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
body.ht-page-recordings tr:nth-child(even) td{background:#f9fbff !important;}
body.ht-page-recordings .pill,
body.ht-page-recordings .badge,
body.ht-page-recordings .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}
body.ht-page-recordings .msg,
body.ht-page-recordings .ok,
body.ht-page-recordings .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}
body.ht-page-recordings .err,
body.ht-page-recordings .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}
body.ht-page-recordings hr{border-top:1px solid #dbe6f7 !important;}
body.ht-page-recordings code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}
body.ht-page-recordings /* ===== Finaler Menü-Sicherheitsfix ===== */

/* ===== Technik Stammdaten Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}
body.ht-page-recordings .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}
body.ht-page-recordings .card{
  padding:22px !important;
  border-radius:24px !important;
}
body.ht-page-recordings .card h2,
body.ht-page-recordings .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}
body.ht-page-recordings .row,
body.ht-page-recordings .filterBar,
body.ht-page-recordings .filters,
body.ht-page-recordings .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}
body.ht-page-recordings .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}
body.ht-page-recordings .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}
body.ht-page-recordings .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}
body.ht-page-recordings label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}
body.ht-page-recordings input[type="text"],
body.ht-page-recordings input[type="email"],
body.ht-page-recordings input[type="password"],
body.ht-page-recordings input[type="number"],
body.ht-page-recordings input[type="date"],
body.ht-page-recordings input[type="time"],
body.ht-page-recordings select,
body.ht-page-recordings textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}
body.ht-page-recordings textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}
body.ht-page-recordings .card .btn,
body.ht-page-recordings .card button,
body.ht-page-recordings .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}
body.ht-page-recordings .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
body.ht-page-recordings .actions .btn,
body.ht-page-recordings .actions button,
body.ht-page-recordings .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}
body.ht-page-recordings table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}
body.ht-page-recordings th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}
body.ht-page-recordings td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}
body.ht-page-recordings tr:last-child td{
  border-bottom:0 !important;
}
body.ht-page-recordings td form{ margin:0 !important; }
body.ht-page-recordings .badge,
body.ht-page-recordings .pill,
body.ht-page-recordings .tag,
body.ht-page-recordings .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}
body.ht-page-recordings .kpiGrid,
body.ht-page-recordings .stats,
body.ht-page-recordings .summary,
body.ht-page-recordings .grid{
  gap:16px !important;
}
body.ht-page-recordings .kpi,
body.ht-page-recordings .stat,
body.ht-page-recordings .summaryBox,
body.ht-page-recordings .item,
body.ht-page-recordings .tile,
body.ht-page-recordings .box,
body.ht-page-recordings .settingBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}
body.ht-page-recordings pre,
body.ht-page-recordings code{
  border-radius:16px !important;
  background:#f3f7ff !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
}
body.ht-page-recordings .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
@media(max-width:980px){
body.ht-page-recordings table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }


}
@media(max-width:640px){
body.ht-page-recordings .field,
body.ht-page-recordings .field.small,
body.ht-page-recordings .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }
body.ht-page-recordings .actions .btn,
body.ht-page-recordings .actions button,
body.ht-page-recordings .actions input[type=submit],
body.ht-page-recordings .field.btnw .btn,
body.ht-page-recordings .field.btnw button{
    width:100% !important;
  }


}
body.ht-page-recordings /* =========================================================
   Dashboard-Topbar-Referenz (nur Optik, keine Navigation)
   Vorlage: Produktions-Dashboard / index.php
   ========================================================= */

/* ===== Patch v16: Trainer-/Videoanalyse-Seiten ins helle Verwaltungsdesign ziehen ===== */
html,
body.ht-page-recordings{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}
body.ht-page-recordings .wrap{
  max-width:1220px !important;
  padding:28px 20px 52px !important;
}
body.ht-page-recordings h1,
body.ht-page-recordings h2,
body.ht-page-recordings h3,
body.ht-page-recordings h4,
body.ht-page-recordings .section-title,
body.ht-page-recordings .title,
body.ht-page-recordings .date-main,
body.ht-page-recordings .team-name,
body.ht-page-recordings b,
body.ht-page-recordings strong{
  color:#10233f !important;
}
body.ht-page-recordings .sub,
body.ht-page-recordings .section-desc,
body.ht-page-recordings .desc,
body.ht-page-recordings .date-sub,
body.ht-page-recordings .team-label,
body.ht-page-recordings .footer,
body.ht-page-recordings .muted{
  color:#5f7698 !important;
}
body.ht-page-recordings .section,
body.ht-page-recordings .card,
body.ht-page-recordings .match-card,
body.ht-page-recordings .table-card,
body.ht-page-recordings .empty{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
  box-shadow:0 12px 28px rgba(13,33,72,.07) !important;
}
body.ht-page-recordings .section{
  border-radius:22px !important;
  padding:18px !important;
}
body.ht-page-recordings .section-head{
  border-top:0 !important;
  padding-top:0 !important;
}
body.ht-page-recordings .card.regie,
body.ht-page-recordings .season-card.regie{
  border-color:#cfdcf7 !important;
  background:linear-gradient(180deg,#ffffff,#f4f8ff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.08) !important;
}
body.ht-page-recordings .context-chip,
body.ht-page-recordings .content-pill,
body.ht-page-recordings .pill,
body.ht-page-recordings .badge,
body.ht-page-recordings .tag,
body.ht-page-recordings .status{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #cfdcf7 !important;
  box-shadow:0 4px 12px rgba(13,33,72,.04) !important;
}
body.ht-page-recordings .context-chip span,
body.ht-page-recordings .content-pill span,
body.ht-page-recordings .pill span,
body.ht-page-recordings .badge span{
  color:#5f7698 !important;
}
body.ht-page-recordings .content-pill{
  min-height:28px !important;
  padding:0 12px !important;
  color:#10233f !important;
  font-weight:900 !important;
}
body.ht-page-recordings table{
  background:#fff !important;
  border-color:#dbe6f7 !important;
}
body.ht-page-recordings th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
body.ht-page-recordings td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#e6eefb !important;
}
body.ht-page-recordings tr:nth-child(even) td{background:#f9fbff !important;}
@media(max-width:760px){
body.ht-page-recordings .wrap{padding:22px 14px 42px !important;}
body.ht-page-recordings .section{padding:14px !important;}


}



/* Paket 184: lokaler P182-Button-Fix entfernt; zentrale app_ui.css ist fuehrend. */





/* =========================================================
   Paket 184 – ehemals lokales Seiten-CSS aus recordings_admin.php
   Nach app_ui.css verschoben und auf body.ht-page-recordings-admin begrenzt.
   ========================================================= */
body.ht-page-recordings-admin{--bg:#0b1220;--text:#eef2ff;--muted:#aab3cf;--accent:#4f7cff;--red:#ff4d4d;--green:#19c37d;--border:rgba(255,255,255,.10);--shadow:0 10px 30px rgba(0,0,0,.35)}
body.ht-page-recordings-admin{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1000px 500px at 20% 0%,rgba(79,124,255,.25),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(25,195,125,.18),transparent 60%),var(--bg);color:var(--text)}
body.ht-page-recordings-admin .wrap{max-width:1200px;margin:26px auto;padding:0 18px 40px}
body.ht-page-recordings-admin .top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
body.ht-page-recordings-admin h1{margin:0;font-size:32px}
body.ht-page-recordings-admin .sub{color:var(--muted);margin-top:6px}
body.ht-page-recordings-admin .card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border-radius:18px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px}
body.ht-page-recordings-admin .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:760px){
body.ht-page-recordings-admin .grid{grid-template-columns:1fr}

}
body.ht-page-recordings-admin label{display:block;color:var(--muted);font-size:13px;font-weight:850;margin:0 0 7px}
body.ht-page-recordings-admin input,
body.ht-page-recordings-admin select,
body.ht-page-recordings-admin textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#111a2e;color:var(--text);padding:10px;font:inherit}
body.ht-page-recordings-admin textarea{min-height:74px;resize:vertical}
body.ht-page-recordings-admin .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
body.ht-page-recordings-admin a.btn,
body.ht-page-recordings-admin button{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:12px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.06);text-decoration:none;font-weight:900;cursor:pointer}
body.ht-page-recordings-admin button.primary,
body.ht-page-recordings-admin a.btn.primary{background:linear-gradient(180deg,rgba(79,124,255,.95),rgba(79,124,255,.72));border-color:rgba(79,124,255,.45)}
body.ht-page-recordings-admin button.red,
body.ht-page-recordings-admin a.btn.red{background:linear-gradient(180deg,rgba(255,77,77,.90),rgba(255,77,77,.70));border-color:rgba(255,77,77,.40)}
body.ht-page-recordings-admin .msg{border:1px solid rgba(25,195,125,.35);background:rgba(25,195,125,.13);padding:10px;border-radius:12px;margin-bottom:12px}
body.ht-page-recordings-admin .err{border:1px solid rgba(255,77,77,.35);background:rgba(255,77,77,.13);padding:10px;border-radius:12px;margin-bottom:12px}
body.ht-page-recordings-admin table{width:100%;border-collapse:collapse;margin-top:8px}
body.ht-page-recordings-admin th,
body.ht-page-recordings-admin td{border-bottom:1px solid rgba(255,255,255,.10);padding:9px 8px;text-align:left;font-size:14px;vertical-align:top}
body.ht-page-recordings-admin th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
body.ht-page-recordings-admin td .small{color:var(--muted);font-size:12px}
body.ht-page-recordings-admin .pill{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:12px;color:#fff;background:rgba(255,255,255,.07)}
body.ht-page-recordings-admin /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}
body.ht-page-recordings-admin,
body.ht-page-recordings-admin{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}
body.ht-page-recordings-admin{color:#10233f !important;}
body.ht-page-recordings-admin .btn.green,
body.ht-page-recordings-admin a.btn.green,
body.ht-page-recordings-admin .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}
body.ht-page-recordings-admin .btn.red,
body.ht-page-recordings-admin a.btn.red,
body.ht-page-recordings-admin .red,
body.ht-page-recordings-admin .danger,
body.ht-page-recordings-admin .delete,
body.ht-page-recordings-admin .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}
body.ht-page-recordings-admin .wrap,
body.ht-page-recordings-admin .container,
body.ht-page-recordings-admin main{
  color:#10233f !important;
}
body.ht-page-recordings-admin .card,
body.ht-page-recordings-admin .panel,
body.ht-page-recordings-admin .box,
body.ht-page-recordings-admin .tile,
body.ht-page-recordings-admin .item,
body.ht-page-recordings-admin .section,
body.ht-page-recordings-admin .list,
body.ht-page-recordings-admin .table-card,
body.ht-page-recordings-admin form.card,
body.ht-page-recordings-admin fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}
body.ht-page-recordings-admin h1,
body.ht-page-recordings-admin h2,
body.ht-page-recordings-admin h3,
body.ht-page-recordings-admin h4,
body.ht-page-recordings-admin strong,
body.ht-page-recordings-admin b,
body.ht-page-recordings-admin label,
body.ht-page-recordings-admin .title,
body.ht-page-recordings-admin .name,
body.ht-page-recordings-admin .lbl{
  color:#10233f !important;
}
body.ht-page-recordings-admin p,
body.ht-page-recordings-admin .sub,
body.ht-page-recordings-admin .muted,
body.ht-page-recordings-admin .hint,
body.ht-page-recordings-admin .meta,
body.ht-page-recordings-admin .note,
body.ht-page-recordings-admin .small,
body.ht-page-recordings-admin .foot,
body.ht-page-recordings-admin .help{
  color:#5f7698 !important;
}
body.ht-page-recordings-admin input,
body.ht-page-recordings-admin select,
body.ht-page-recordings-admin textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}
body.ht-page-recordings-admin input::placeholder,
body.ht-page-recordings-admin textarea::placeholder{color:#8aa0be !important;}
body.ht-page-recordings-admin select option{
  color:#10233f !important;
  background:#fff !important;
}
body.ht-page-recordings-admin table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
body.ht-page-recordings-admin th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
body.ht-page-recordings-admin td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
body.ht-page-recordings-admin tr:nth-child(even) td{background:#f9fbff !important;}
body.ht-page-recordings-admin .pill,
body.ht-page-recordings-admin .badge,
body.ht-page-recordings-admin .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}
body.ht-page-recordings-admin .msg,
body.ht-page-recordings-admin .ok,
body.ht-page-recordings-admin .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}
body.ht-page-recordings-admin .err,
body.ht-page-recordings-admin .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}
body.ht-page-recordings-admin hr{border-top:1px solid #dbe6f7 !important;}
body.ht-page-recordings-admin code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}
body.ht-page-recordings-admin /* ===== Finaler Menü-Sicherheitsfix ===== */

/* ===== Technik Stammdaten Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}
body.ht-page-recordings-admin .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}
body.ht-page-recordings-admin .card{
  padding:22px !important;
  border-radius:24px !important;
}
body.ht-page-recordings-admin .card h2,
body.ht-page-recordings-admin .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}
body.ht-page-recordings-admin .row,
body.ht-page-recordings-admin .filterBar,
body.ht-page-recordings-admin .filters,
body.ht-page-recordings-admin .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}
body.ht-page-recordings-admin .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}
body.ht-page-recordings-admin .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}
body.ht-page-recordings-admin .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}
body.ht-page-recordings-admin label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}
body.ht-page-recordings-admin input[type="text"],
body.ht-page-recordings-admin input[type="email"],
body.ht-page-recordings-admin input[type="password"],
body.ht-page-recordings-admin input[type="number"],
body.ht-page-recordings-admin input[type="date"],
body.ht-page-recordings-admin input[type="time"],
body.ht-page-recordings-admin select,
body.ht-page-recordings-admin textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}
body.ht-page-recordings-admin textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}
body.ht-page-recordings-admin .card .btn,
body.ht-page-recordings-admin .card button,
body.ht-page-recordings-admin .card input[type=submit]{
  min-height:38px !important;
  border-radius:11px !important;
  padding:0 12px !important;
  font-size:13px !important;
}
body.ht-page-recordings-admin .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
body.ht-page-recordings-admin .actions .btn,
body.ht-page-recordings-admin .actions button,
body.ht-page-recordings-admin .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}
body.ht-page-recordings-admin table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}
body.ht-page-recordings-admin th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}
body.ht-page-recordings-admin td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}
body.ht-page-recordings-admin tr:last-child td{
  border-bottom:0 !important;
}
body.ht-page-recordings-admin td form{ margin:0 !important; }
body.ht-page-recordings-admin .badge,
body.ht-page-recordings-admin .pill,
body.ht-page-recordings-admin .tag,
body.ht-page-recordings-admin .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}
body.ht-page-recordings-admin .kpiGrid,
body.ht-page-recordings-admin .stats,
body.ht-page-recordings-admin .summary,
body.ht-page-recordings-admin .grid{
  gap:16px !important;
}
body.ht-page-recordings-admin .kpi,
body.ht-page-recordings-admin .stat,
body.ht-page-recordings-admin .summaryBox,
body.ht-page-recordings-admin .item,
body.ht-page-recordings-admin .tile,
body.ht-page-recordings-admin .box,
body.ht-page-recordings-admin .settingBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}
body.ht-page-recordings-admin pre,
body.ht-page-recordings-admin code{
  border-radius:16px !important;
  background:#f3f7ff !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
}
body.ht-page-recordings-admin .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}
@media(max-width:980px){
body.ht-page-recordings-admin table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }


}
@media(max-width:640px){
body.ht-page-recordings-admin .field,
body.ht-page-recordings-admin .field.small,
body.ht-page-recordings-admin .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }
body.ht-page-recordings-admin .actions .btn,
body.ht-page-recordings-admin .actions button,
body.ht-page-recordings-admin .actions input[type=submit],
body.ht-page-recordings-admin .field.btnw .btn,
body.ht-page-recordings-admin .field.btnw button{
    width:100% !important;
  }


}
body.ht-page-recordings-admin select,
body.ht-page-recordings-admin input,
body.ht-page-recordings-admin textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #c9d8ef !important;
  border-radius:14px !important;
  min-height:46px !important;
  font-weight:750 !important;
  box-shadow:0 1px 0 rgba(16,35,63,.04) !important;
}
body.ht-page-recordings-admin select:focus,
body.ht-page-recordings-admin input:focus,
body.ht-page-recordings-admin textarea:focus{
  outline:none !important;
  border-color:#040cd3 !important;
  box-shadow:0 0 0 4px rgba(4,12,211,.12) !important;
}
body.ht-page-recordings-admin option{background:#fff !important;color:#10233f !important;font-weight:700 !important;}
body.ht-page-recordings-admin /* Einheitliche Dropdowns wie Lineups/Schiedsrichter */
select{
  appearance:auto !important;
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #c9d8ef !important;
  border-radius:14px !important;
  min-height:48px !important;
  height:48px !important;
  padding:0 14px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  box-shadow:0 1px 0 rgba(16,35,63,.04) !important;
}
body.ht-page-recordings-admin select:focus{
  outline:none !important;
  border-color:#040cd3 !important;
  box-shadow:0 0 0 4px rgba(4,12,211,.14) !important;
}
body.ht-page-recordings-admin select option{background:#fff !important;color:#10233f !important;font-weight:800 !important;}



/* Paket 184: lokaler P182-Button-Fix entfernt; zentrale app_ui.css ist fuehrend. */




/* =========================================================
   Paket 184 – CSS-Hoheit Basis / zentrale UI-Schicht
   ---------------------------------------------------------
   Ziel:
   - app_ui.css ist die zentrale Quelle fuer allgemeine UI-Optik.
   - Lokale Seiten-CSS-Regeln duerfen Layout behalten, aber keine UI-Farben gewinnen.
   - Keine Groessenwerte fuer Buttons: keine Hoehe, Breite, Padding oder Font-Size.
   - Statusfelder bleiben unveraendert.
   ========================================================= */
:root{
  --ht-ui-bg:linear-gradient(180deg,#fff 0%,#fbfdff 56%,#f5f8fd 100%);
  --ht-ui-neutral:#b7c7df;
  --ht-ui-blue:#2d63ff;
  --ht-ui-red:#ff5b61;
  --ht-ui-yellow:#f2c51d;
  --ht-ui-orange:#f39b18;
  --ht-ui-green:#27cf78;
  --ht-ui-shadow-drop:0 10px 18px rgba(19,39,67,.05);
  --ht-ui-shadow-inner:0 0 0 1px rgba(255,255,255,.95) inset;
}

/* Zentrale Standardflaechen: gewinnt gegen lokale Basisfarben, ohne Seitenlayouts umzubauen. */
body :is(.card,.panel,.box,.section-card,.table-card,.ht-card,.ht-panel):not(.ht-topbar):not(.topbar):not(.bar){
  border-color:var(--ht-line) !important;
}
body :is(.table-wrap,.vmixTable,.dataTable,.listTable):not(.ht-topbar):not(.topbar):not(.bar){
  border-color:var(--ht-line) !important;
}

/* Dropdowns/Formulare zentral. Lokale Layoutbreiten duerfen bleiben. */
body :is(input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="url"],textarea,select):not(.native):not(.raw){
  background-color:#fff !important;
  color:var(--ht-ink) !important;
  border-color:#cbd8ee !important;
}

/* Button-Basis im freigegebenen Statusfeld-Stil.
   Wichtig: keine Hoehe/Breite/Padding/Font-Size. Nur Optik. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn,button.btn,a.button,button.button,a.ht-btn,button.ht-btn):not(.ht-nav-link):not(.ht-back-button):not(.ht-menu-toggle):not(.ht-modal-close):not([data-ht-modal-close]):not(.miniBtn):not(.pbtn):not(.icon-btn){
  background:var(--ht-ui-bg) !important;
  border-style:solid !important;
  border-color:color-mix(in srgb, var(--ht-ui-neutral) 74%, white) !important;
  color:#324866 !important;
  text-shadow:none !important;
  border-radius:999px !important;
  box-shadow:
    var(--ht-ui-shadow-inner),
    0 0 20px color-mix(in srgb, var(--ht-ui-neutral) 34%, transparent),
    0 0 42px color-mix(in srgb, var(--ht-ui-neutral) 18%, transparent),
    var(--ht-ui-shadow-drop) !important;
  filter:none !important;
}

/* Blau: primaer, Oeffnen, Dashboard, Produktions-Flow. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn.blue,button.btn.blue,a.btn.primary,button.btn.primary,a.ht-btn.blue,button.ht-btn.blue,a.ht-btn.primary,button.ht-btn.primary,a.button.primary,button.button.primary):not(.danger):not(.red):not(.delete):not(.del):not(.warning):not(.yellow):not(.scoreboard):not(.orange):not(.success):not(.green):not(.secondary):not(.light),
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) a.btn[href*="match_dashboard.php"]:not(.danger):not(.red):not(.warning):not(.yellow):not(.scoreboard):not(.orange):not(.success):not(.green):not(.secondary):not(.light),
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) a.btn[href*="production_flow.php"]:not(.danger):not(.red):not(.warning):not(.yellow):not(.scoreboard):not(.orange):not(.success):not(.green):not(.secondary):not(.light),
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) a.btn[href*="eishockey_flow.php"]:not(.danger):not(.red):not(.warning):not(.yellow):not(.scoreboard):not(.orange):not(.success):not(.green):not(.secondary):not(.light),
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) a.btn[href*="gameday_view.php"]:not(.danger):not(.red):not(.warning):not(.yellow):not(.scoreboard):not(.orange):not(.success):not(.green):not(.secondary):not(.light){
  border-color:color-mix(in srgb, var(--ht-ui-blue) 74%, white) !important;
  color:#1e395e !important;
  box-shadow:var(--ht-ui-shadow-inner),0 0 20px color-mix(in srgb, var(--ht-ui-blue) 34%, transparent),0 0 42px color-mix(in srgb, var(--ht-ui-blue) 18%, transparent),var(--ht-ui-shadow-drop) !important;
}

/* Neutral: Bearbeiten, Archivieren, Abbrechen, sekundär. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn.secondary,button.btn.secondary,a.btn.light,button.btn.light,a.btn.ghost,button.btn.ghost,a.btn.gray,button.btn.gray,a.btn.grey,button.btn.grey,a.ht-btn.secondary,button.ht-btn.secondary,a.ht-btn.light,button.ht-btn.light){
  border-color:color-mix(in srgb, var(--ht-ui-neutral) 74%, white) !important;
  color:#324866 !important;
  box-shadow:var(--ht-ui-shadow-inner),0 0 20px color-mix(in srgb, var(--ht-ui-neutral) 34%, transparent),0 0 42px color-mix(in srgb, var(--ht-ui-neutral) 18%, transparent),var(--ht-ui-shadow-drop) !important;
}

/* Rot: Loeschen, Entfernen, LIVE setzen. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn.danger,button.btn.danger,a.btn.red,button.btn.red,a.btn.delete,button.btn.delete,a.btn.del,button.btn.del,a.ht-btn.danger,button.ht-btn.danger,a.ht-btn.red,button.ht-btn.red,a.button.danger,button.button.danger,a.button.red,button.button.red){
  border-color:color-mix(in srgb, var(--ht-ui-red) 74%, white) !important;
  color:#56191b !important;
  box-shadow:var(--ht-ui-shadow-inner),0 0 20px color-mix(in srgb, var(--ht-ui-red) 34%, transparent),0 0 42px color-mix(in srgb, var(--ht-ui-red) 18%, transparent),var(--ht-ui-shadow-drop) !important;
}

/* Gelb: Scoreboard / Warning. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn.warning,button.btn.warning,a.btn.yellow,button.btn.yellow,a.btn.scoreboard,button.btn.scoreboard,a.ht-btn.warning,button.ht-btn.warning,a.ht-btn.yellow,button.ht-btn.yellow,a.ht-btn.scoreboard,button.ht-btn.scoreboard),
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) a.btn[href*="scoreboard_control.php"]{
  border-color:color-mix(in srgb, var(--ht-ui-yellow) 74%, white) !important;
  color:#5c4600 !important;
  box-shadow:var(--ht-ui-shadow-inner),0 0 20px color-mix(in srgb, var(--ht-ui-yellow) 34%, transparent),0 0 42px color-mix(in srgb, var(--ht-ui-yellow) 18%, transparent),var(--ht-ui-shadow-drop) !important;
}

/* Orange: Saison oeffnen / Spezialaktion. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn.orange,button.btn.orange,a.ht-btn.orange,button.ht-btn.orange),
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) a.btn[href*="recordings_list.php"]{
  border-color:color-mix(in srgb, var(--ht-ui-orange) 74%, white) !important;
  color:#5a3914 !important;
  box-shadow:var(--ht-ui-shadow-inner),0 0 20px color-mix(in srgb, var(--ht-ui-orange) 34%, transparent),0 0 42px color-mix(in srgb, var(--ht-ui-orange) 18%, transparent),var(--ht-ui-shadow-drop) !important;
}

/* Gruen: Erfolg / Freigeben / Export pruefen. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn.success,button.btn.success,a.btn.green,button.btn.green,a.ht-btn.success,button.ht-btn.success,a.ht-btn.green,button.ht-btn.green){
  border-color:color-mix(in srgb, var(--ht-ui-green) 74%, white) !important;
  color:#163e28 !important;
  box-shadow:var(--ht-ui-shadow-inner),0 0 20px color-mix(in srgb, var(--ht-ui-green) 34%, transparent),0 0 42px color-mix(in srgb, var(--ht-ui-green) 18%, transparent),var(--ht-ui-shadow-drop) !important;
}

/* Hover ohne Groessen-/Positionsaenderung. */
body :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn,button.btn,a.button,button.button,a.ht-btn,button.ht-btn):not(.ht-nav-link):not(.ht-back-button):not(.ht-menu-toggle):not(.ht-modal-close):not([data-ht-modal-close]):hover{
  transform:none !important;
  filter:saturate(1.05) !important;
}

/* Diagnosemarker im CSS: P184_CSS_HOHEIT_ACTIVE */


/* =========================================================
   P185 CSS-KONSOLIDIERUNG BATCH 1
   Lokale <style>-Bloecke aus Haupt-/Orga-/Verwaltungsseiten
   wurden hierhin verschoben und mit body.ht-page-* scoped.
   Ziel: zentrale Datei, kein CSS mehr in PHP-Seiten fuer diese Bereiche.
   ========================================================= */

/* --- P185 moved from index.php -> body.ht-page-index --- */
body.ht-page-index{
  --bg:#f5f8ff;
  --bg2:#eef4ff;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --text:#10233f;
  --text-soft:#22406d;
  --muted:#5f7698;
  --border:#dbe6f7;
  --border-strong:#c6d7f2;
  --blue:#040cd3;
  --blue-2:#325dff;
  --blue-soft:#edf2ff;
  --green:#15b97f;
  --red:#ea4c4c;
  --shadow:0 18px 48px rgba(13,33,72,.10);
  --shadow-soft:0 10px 24px rgba(13,33,72,.06);
  --radius:24px;
}body.ht-page-index *{box-sizing:border-box}body.ht-page-index, body.ht-page-index{margin:0;padding:0}body.ht-page-index{
  min-height:100vh;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(740px 340px at 100% 8%, rgba(0,186,255,.10), transparent 56%),
    linear-gradient(180deg, #f8fbff 0%, #f2f7ff 42%, #eef4ff 100%);
}body.ht-page-index .btn{
  min-height:42px;
  padding:0 14px;
  border-radius:13px;
  border:1px solid var(--border);
  color:var(--text);
  background:rgba(255,255,255,.92);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  font-size:14px;
  box-shadow:var(--shadow-soft);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}body.ht-page-index .btn:hover{
  transform:translateY(-1px);
  border-color:var(--border-strong);
  box-shadow:0 14px 28px rgba(13,33,72,.10);
}body.ht-page-index .btn.primary{
  color:#fff;
  border-color:rgba(4,12,211,.18);
  background:linear-gradient(180deg,var(--blue-2),var(--blue));
}body.ht-page-index .btn.red{
  color:#fff;
  border-color:rgba(234,76,76,.18);
  background:linear-gradient(180deg,#ff6b6b,var(--red));
}body.ht-page-index .wrap{
  max-width:1260px;
  margin:0 auto;
  padding:30px 20px 48px;
}body.ht-page-index .hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin:6px 0 26px;
}body.ht-page-index h1{
  margin:0;
  font-size:42px;
  letter-spacing:-.055em;
  line-height:1.02;
}body.ht-page-index .sub{
  color:var(--muted);
  font-size:16px;
  line-height:1.5;
  margin-top:10px;
  max-width:820px;
}body.ht-page-index .mode-pill{
  border:1px solid rgba(4,12,211,.10);
  background:var(--blue-soft);
  color:var(--blue);
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:var(--shadow-soft);
}body.ht-page-index .section{
  margin:0 0 22px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
  box-shadow:var(--shadow);
  overflow:hidden;
}body.ht-page-index .section-head{
  padding:22px 22px 16px;
  border-bottom:1px solid var(--border);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}body.ht-page-index .section-title{
  margin:0;
  font-size:28px;
  letter-spacing:-.045em;
}body.ht-page-index .section-desc{
  margin-top:4px;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}body.ht-page-index .grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:16px;
}body.ht-page-index .card{
  min-height:196px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:20px;
  border:1px solid #cfdcf4;
  background:
    radial-gradient(520px 180px at 0% 0%, rgba(50,93,255,.075), transparent 62%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 58%,#eef5ff 100%);
  box-shadow:0 12px 28px rgba(13,33,72,.075);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}body.ht-page-index .card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 38px rgba(13,33,72,.12);
  border-color:#b8caf0;
  background:
    radial-gradient(540px 190px at 0% 0%, rgba(50,93,255,.105), transparent 64%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 54%,#eaf2ff 100%);
}body.ht-page-index .card.primary{
  background:
    radial-gradient(540px 190px at 0% 0%, rgba(50,93,255,.105), transparent 64%),
    linear-gradient(180deg,#ffffff 0%,#f5f9ff 54%,#e8f0ff 100%);
  border-color:#bed0f2;
}body.ht-page-index .card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}body.ht-page-index .emoji{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f3f7ff,#e3ecff);
  border:1px solid #cbdaf5;
  font-size:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 8px 18px rgba(13,33,72,.06);
}body.ht-page-index .pill{
  font-size:11px;
  font-weight:900;
  color:var(--blue);
  border:1px solid #cbdaf5;
  background:linear-gradient(180deg,#ffffff,#edf3ff);
  border-radius:999px;
  padding:6px 9px;
  white-space:nowrap;
}body.ht-page-index .card h3{
  margin:14px 0 7px;
  font-size:22px;
  letter-spacing:-.04em;
  line-height:1.15;
}body.ht-page-index .card p{
  margin:0;
  color:var(--text-soft);
  font-size:14px;
  line-height:1.45;
}body.ht-page-index .btnrow{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}body.ht-page-index .btnrow .btn{
  min-width:118px;
  color:#fff;
  border-color:rgba(4,12,211,.20);
  background:linear-gradient(180deg,var(--blue-2),var(--blue));
}body.ht-page-index .btnrow .btn:hover{
  border-color:rgba(4,12,211,.30);
  box-shadow:0 14px 26px rgba(4,12,211,.16);
}body.ht-page-index .card.empty-card{
  min-height:156px;
  border-style:dashed;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}body.ht-page-index .card.empty-card:hover{
  transform:none;
}body.ht-page-index .card.empty-card .emoji{
  opacity:.78;
}body.ht-page-index .footer{
  margin-top:22px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}@media(max-width:1080px){
body.ht-page-index .grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}@media(max-width:760px){
body.ht-page-index .hero{grid-template-columns:1fr}body.ht-page-index .grid{grid-template-columns:1fr 1fr}body.ht-page-index h1{font-size:34px}body.ht-page-index .mode-pill{justify-self:start}
}@media(max-width:540px){
body.ht-page-index .grid{grid-template-columns:1fr}body.ht-page-index .section-head{padding:18px 18px 14px}body.ht-page-index .grid{padding:14px}
}

/* --- P185 moved from dashboard_alt.php -> body.ht-page-dashboard-alt --- */
body.ht-page-dashboard-alt{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --accent:#4f7cff; --accent2:#19c37d;
      --danger:#ff4d4d; --border:rgba(255,255,255,.10); --shadow:0 10px 30px rgba(0,0,0,.35); --radius:16px;
    }body.ht-page-dashboard-alt{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 20% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 90% 10%, rgba(25,195,125,.20), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-dashboard-alt a.btn, body.ht-page-dashboard-alt .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);
      text-decoration:none;color:var(--text);background:rgba(255,255,255,.05);transition:transform .08s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;font-weight:750;font-size:14px;
    }body.ht-page-dashboard-alt a.btn:hover, body.ht-page-dashboard-alt .btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}body.ht-page-dashboard-alt a.btn.primary{background:linear-gradient(180deg,rgba(79,124,255,.95),rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-dashboard-alt a.btn.green{background:linear-gradient(180deg,rgba(25,195,125,.90),rgba(25,195,125,.70));border-color:rgba(25,195,125,.35);}body.ht-page-dashboard-alt a.btn.red{background:linear-gradient(180deg,rgba(255,77,77,.92),rgba(255,77,77,.72));border-color:rgba(255,77,77,.40);}body.ht-page-dashboard-alt a.btn.switch{border-color:rgba(79,124,255,.72);background:linear-gradient(135deg,#315cff,#6285ff);color:#fff;box-shadow:0 12px 30px rgba(79,124,255,.24);}body.ht-page-dashboard-alt .wrap{max-width:1100px;margin:18px auto 28px;padding:0 18px 30px;}body.ht-page-dashboard-alt h1{margin:16px 0 6px;font-size:30px;letter-spacing:.2px;}body.ht-page-dashboard-alt .sub{color:var(--muted);font-size:14px;line-height:1.35;margin-bottom:14px;}body.ht-page-dashboard-alt .contextbar{margin:0 0 18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}body.ht-page-dashboard-alt .context-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(79,124,255,.32);background:rgba(79,124,255,.13);color:#eef2ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:850;}body.ht-page-dashboard-alt .context-chip span{color:var(--muted);font-weight:750;}body.ht-page-dashboard-alt .section{margin-top:24px;}body.ht-page-dashboard-alt .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;}body.ht-page-dashboard-alt .section:first-of-type .section-head{border-top:0;padding-top:0;}body.ht-page-dashboard-alt .section-title{margin:0;font-size:22px;font-weight:950;}body.ht-page-dashboard-alt .section-desc{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.35;}body.ht-page-dashboard-alt .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}@media(max-width:900px){
body.ht-page-dashboard-alt .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}@media(max-width:620px){
body.ht-page-dashboard-alt .grid{grid-template-columns:1fr;}
}body.ht-page-dashboard-alt .card{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow:hidden;}body.ht-page-dashboard-alt .card.regie{border-color:rgba(255,77,77,.38);background:linear-gradient(180deg,rgba(255,77,77,.16),rgba(255,255,255,.03));box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 40px rgba(255,77,77,.14);}body.ht-page-dashboard-alt .card.regie::after{content:"🎬";position:absolute;top:10px;right:12px;font-size:20px;opacity:.85;}body.ht-page-dashboard-alt .title{font-weight:850;letter-spacing:.2px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-right:28px;}body.ht-page-dashboard-alt .desc{color:var(--muted);font-size:13px;line-height:1.35;margin-top:6px;}body.ht-page-dashboard-alt .btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}body.ht-page-dashboard-alt .pill{font-size:12px;color:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);white-space:nowrap;}body.ht-page-dashboard-alt .footer{margin-top:18px;color:var(--muted);font-size:12px;opacity:.95;}body.ht-page-dashboard-alt /* ===== Patch v16: Trainer-/Videoanalyse-Seiten ins helle Verwaltungsdesign ziehen ===== */
html, body.ht-page-dashboard-alt{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-dashboard-alt .wrap{
  max-width:1220px !important;
  padding:28px 20px 52px !important;
}body.ht-page-dashboard-alt h1, body.ht-page-dashboard-alt h2, body.ht-page-dashboard-alt h3, body.ht-page-dashboard-alt h4, body.ht-page-dashboard-alt .section-title, body.ht-page-dashboard-alt .title, body.ht-page-dashboard-alt .date-main, body.ht-page-dashboard-alt .team-name, body.ht-page-dashboard-alt b, body.ht-page-dashboard-alt strong{
  color:#10233f !important;
}body.ht-page-dashboard-alt .sub, body.ht-page-dashboard-alt .section-desc, body.ht-page-dashboard-alt .desc, body.ht-page-dashboard-alt .date-sub, body.ht-page-dashboard-alt .team-label, body.ht-page-dashboard-alt .footer, body.ht-page-dashboard-alt .muted{
  color:#5f7698 !important;
}body.ht-page-dashboard-alt .section, body.ht-page-dashboard-alt .card, body.ht-page-dashboard-alt .match-card, body.ht-page-dashboard-alt .table-card, body.ht-page-dashboard-alt .empty{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
  box-shadow:0 12px 28px rgba(13,33,72,.07) !important;
}body.ht-page-dashboard-alt .section{
  border-radius:22px !important;
  padding:18px !important;
}body.ht-page-dashboard-alt .section-head{
  border-top:0 !important;
  padding-top:0 !important;
}body.ht-page-dashboard-alt .card.regie, body.ht-page-dashboard-alt .season-card.regie{
  border-color:#cfdcf7 !important;
  background:linear-gradient(180deg,#ffffff,#f4f8ff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.08) !important;
}body.ht-page-dashboard-alt .context-chip, body.ht-page-dashboard-alt .content-pill, body.ht-page-dashboard-alt .pill, body.ht-page-dashboard-alt .badge, body.ht-page-dashboard-alt .tag, body.ht-page-dashboard-alt .status{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #cfdcf7 !important;
  box-shadow:0 4px 12px rgba(13,33,72,.04) !important;
}body.ht-page-dashboard-alt .context-chip span, body.ht-page-dashboard-alt .content-pill span, body.ht-page-dashboard-alt .pill span, body.ht-page-dashboard-alt .badge span{
  color:#5f7698 !important;
}body.ht-page-dashboard-alt .content-pill{
  min-height:28px !important;
  padding:0 12px !important;
  color:#10233f !important;
  font-weight:900 !important;
}body.ht-page-dashboard-alt table{
  background:#fff !important;
  border-color:#dbe6f7 !important;
}body.ht-page-dashboard-alt th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-dashboard-alt td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#e6eefb !important;
}body.ht-page-dashboard-alt tr:nth-child(even) td{background:#f9fbff !important;}@media(max-width:760px){
body.ht-page-dashboard-alt .wrap{padding:22px 14px 42px !important;}body.ht-page-dashboard-alt .section{padding:14px !important;}
}

/* --- P185 moved from dashboard_tiles.php -> body.ht-page-dashboard-tiles --- */
body.ht-page-dashboard-tiles{--bg:#f4f8ff;--surface:#fff;--text:#10233f;--muted:#5f7698;--border:#dbe6f7;--blue:#040cd3;--blue2:#325dff;--red:#ea4c4c;--green:#14b87b;--shadow:0 18px 48px rgba(13,33,72,.10);--radius:22px}body.ht-page-dashboard-tiles *{box-sizing:border-box}body.ht-page-dashboard-tiles{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),linear-gradient(180deg,#f8fbff,#eef4ff)}body.ht-page-dashboard-tiles .wrap{max-width:1260px;margin:0 auto;padding:30px 20px 54px}body.ht-page-dashboard-tiles .hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}body.ht-page-dashboard-tiles .hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}body.ht-page-dashboard-tiles h1{margin:0;font-size:42px;letter-spacing:-.05em}body.ht-page-dashboard-tiles .sub{color:var(--muted);line-height:1.45}body.ht-page-dashboard-tiles .panel{border:1px solid var(--border);background:rgba(255,255,255,.82);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}body.ht-page-dashboard-tiles .panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px}body.ht-page-dashboard-tiles .panel-head h2{margin:0;font-size:24px;letter-spacing:-.04em}body.ht-page-dashboard-tiles .msg{border-color:rgba(20,184,123,.35);background:#f1fff8;color:#08704a}body.ht-page-dashboard-tiles .err{border-color:rgba(234,76,76,.35);background:#fff4f4;color:#a51f1f}body.ht-page-dashboard-tiles .section-list{display:grid;gap:10px}body.ht-page-dashboard-tiles .section-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);padding:13px}body.ht-page-dashboard-tiles .section-row h3{margin:0 0 4px;font-size:18px;letter-spacing:-.03em}body.ht-page-dashboard-tiles .badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;background:#edf3ff;color:var(--blue);border:1px solid #cbdaf5}body.ht-page-dashboard-tiles .badge.off{background:#fff4f4;color:#a51f1f;border-color:#f3c4c4}body.ht-page-dashboard-tiles .tile{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:flex-start;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);padding:14px;margin-bottom:12px}body.ht-page-dashboard-tiles .emoji{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#edf3ff;border:1px solid #cbdaf5;font-size:24px}body.ht-page-dashboard-tiles .tile h2{margin:0 0 4px;font-size:21px;letter-spacing:-.035em}body.ht-page-dashboard-tiles .meta{font-size:13px;color:var(--muted);line-height:1.4}body.ht-page-dashboard-tiles .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}body.ht-page-dashboard-tiles .actions form{margin:0;display:inline-flex}body.ht-page-dashboard-tiles .formgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}body.ht-page-dashboard-tiles .field{display:flex;flex-direction:column;gap:6px}body.ht-page-dashboard-tiles .field.w2{grid-column:span 2}body.ht-page-dashboard-tiles .field.w4{grid-column:1/-1}body.ht-page-dashboard-tiles label{font-size:12px;font-weight:900;color:#395175}body.ht-page-dashboard-tiles input, body.ht-page-dashboard-tiles textarea, body.ht-page-dashboard-tiles select{width:100%;border:1px solid #c8d8f0;border-radius:13px;background:#fff;color:var(--text);padding:11px 12px;font-weight:750;font:inherit}body.ht-page-dashboard-tiles textarea{min-height:76px;resize:vertical}body.ht-page-dashboard-tiles .check{display:flex;gap:8px;align-items:center;font-weight:900}body.ht-page-dashboard-tiles .check input{width:auto}body.ht-page-dashboard-tiles .hint{font-size:13px;color:var(--muted);margin-top:10px}@media(max-width:820px){
body.ht-page-dashboard-tiles .section-row, body.ht-page-dashboard-tiles .tile{grid-template-columns:1fr}body.ht-page-dashboard-tiles .actions{justify-content:flex-start}body.ht-page-dashboard-tiles .formgrid{grid-template-columns:1fr}body.ht-page-dashboard-tiles .field.w2, body.ht-page-dashboard-tiles .field.w4{grid-column:auto}body.ht-page-dashboard-tiles .hero{align-items:flex-start;flex-direction:column}body.ht-page-dashboard-tiles .hero-actions{justify-content:flex-start}
}

/* --- P185 moved from engagement_dashboard.php -> body.ht-page-engagement-dashboard --- */
body.ht-page-engagement-dashboard{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--text-soft:#22406d;--muted:#5f7698;--border:#dbe6f7;--blue:#040cd3;--blue-2:#325dff;--red:#ea4c4c;--green:#16a05d;--orange:#f59e0b;--shadow:0 18px 48px rgba(13,33,72,.10);--shadow-soft:0 10px 24px rgba(13,33,72,.06)}body.ht-page-engagement-dashboard *{box-sizing:border-box}body.ht-page-engagement-dashboard{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%)}body.ht-page-engagement-dashboard .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.92);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:14px;box-shadow:var(--shadow-soft)}body.ht-page-engagement-dashboard .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue-2),var(--blue))}body.ht-page-engagement-dashboard .btn.ghost{background:#fff;color:var(--text)}body.ht-page-engagement-dashboard .wrap{max-width:1220px;margin:0 auto;padding:30px 20px 48px}body.ht-page-engagement-dashboard .back{margin-bottom:18px}body.ht-page-engagement-dashboard .hero{border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.78);box-shadow:var(--shadow);padding:24px;margin-bottom:18px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}body.ht-page-engagement-dashboard .emoji{font-size:42px;margin-bottom:12px}body.ht-page-engagement-dashboard h1{margin:0;font-size:40px;letter-spacing:-.055em}body.ht-page-engagement-dashboard .sub{color:var(--muted);font-size:16px;line-height:1.48;margin-top:9px;max-width:860px}body.ht-page-engagement-dashboard .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}body.ht-page-engagement-dashboard .pill{display:inline-flex;font-size:11px;font-weight:900;color:var(--blue);border:1px solid #d4e0fb;background:#f3f7ff;border-radius:999px;padding:6px 9px}body.ht-page-engagement-dashboard .pill.good{color:#067647;background:#edfdf4;border-color:#bfead1}body.ht-page-engagement-dashboard .pill.warn{color:#9a5a00;background:#fff8e6;border-color:#f7df9b}body.ht-page-engagement-dashboard .stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;min-width:280px}body.ht-page-engagement-dashboard .stat{border:1px solid var(--border);background:#fff;border-radius:18px;padding:14px;box-shadow:var(--shadow-soft)}body.ht-page-engagement-dashboard .stat b{display:block;font-size:26px;letter-spacing:-.04em}body.ht-page-engagement-dashboard .stat span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:3px}body.ht-page-engagement-dashboard .section{margin-top:18px}body.ht-page-engagement-dashboard .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}body.ht-page-engagement-dashboard .section-head h2{margin:0;font-size:24px;letter-spacing:-.04em}body.ht-page-engagement-dashboard .event-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.ht-page-engagement-dashboard .event-mini{display:block;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:18px;background:#fff;padding:15px;box-shadow:var(--shadow-soft)}body.ht-page-engagement-dashboard .event-mini:hover{border-color:#b8c9ee;transform:translateY(-1px)}body.ht-page-engagement-dashboard .event-mini b{display:block;font-size:16px;letter-spacing:-.025em;margin-bottom:6px}body.ht-page-engagement-dashboard .event-mini span{display:block;color:var(--muted);font-size:13px;line-height:1.35}body.ht-page-engagement-dashboard .event-mini .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}body.ht-page-engagement-dashboard .mini-pill{font-size:10px;font-weight:900;color:#22406d;background:#f3f7ff;border:1px solid #d4e0fb;border-radius:999px;padding:4px 7px}body.ht-page-engagement-dashboard .empty{border:1px dashed #b8c9ee;border-radius:20px;background:rgba(255,255,255,.72);padding:20px;color:var(--text-soft)}body.ht-page-engagement-dashboard .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body.ht-page-engagement-dashboard .card{min-height:176px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f7faff);box-shadow:var(--shadow-soft)}body.ht-page-engagement-dashboard .card.primary{background:linear-gradient(180deg,#f5f8ff,#edf3ff);border-color:#c7d7f5}body.ht-page-engagement-dashboard .card h2{margin:8px 0 7px;font-size:22px;letter-spacing:-.04em}body.ht-page-engagement-dashboard .card p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.45}body.ht-page-engagement-dashboard .btnrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}body.ht-page-engagement-dashboard .note{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:900px){
body.ht-page-engagement-dashboard .hero{grid-template-columns:1fr}body.ht-page-engagement-dashboard .stats{min-width:0}body.ht-page-engagement-dashboard .grid{grid-template-columns:1fr 1fr}body.ht-page-engagement-dashboard .event-preview-grid{grid-template-columns:1fr}
}@media(max-width:560px){
body.ht-page-engagement-dashboard .grid{grid-template-columns:1fr}body.ht-page-engagement-dashboard h1{font-size:32px}body.ht-page-engagement-dashboard .stats{grid-template-columns:1fr 1fr}
}

/* --- P185 moved from club_productions.php -> body.ht-page-club-productions --- */
body.ht-page-club-productions{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--muted:#647894;--border:#dbe6f7;--blue:#040cd3;--blue2:#325dff;--green:#10a76f;--orange:#f59e0b;--shadow:0 18px 48px rgba(13,33,72,.10);--soft:0 10px 24px rgba(13,33,72,.06)}body.ht-page-club-productions *{box-sizing:border-box}body.ht-page-club-productions{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0 0,rgba(4,12,211,.08),transparent 60%),linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%)}body.ht-page-club-productions .wrap{max-width:1240px;margin:0 auto;padding:28px 20px 52px}body.ht-page-club-productions .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);background:#fff;color:var(--text);font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--soft)}body.ht-page-club-productions .btn.primary{background:linear-gradient(180deg,var(--blue2),var(--blue));border-color:rgba(4,12,211,.18);color:#fff}body.ht-page-club-productions .btn.red{background:linear-gradient(180deg,#ff6b6b,#ea4c4c);color:#fff;border-color:rgba(234,76,76,.2)}body.ht-page-club-productions .hero{border:1px solid var(--border);background:rgba(255,255,255,.78);box-shadow:var(--shadow);border-radius:28px;padding:22px;display:flex;align-items:center;gap:18px;margin-bottom:16px}body.ht-page-club-productions .club-logo{width:76px;height:76px;border:1px solid var(--border);border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}body.ht-page-club-productions .club-logo img{width:100%;height:100%;object-fit:contain;padding:8px}body.ht-page-club-productions h1{font-size:38px;margin:0;letter-spacing:-.055em}body.ht-page-club-productions .sub{color:var(--muted);line-height:1.45;margin-top:7px}body.ht-page-club-productions .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}body.ht-page-club-productions .stat{border:1px solid var(--border);background:#fff;border-radius:20px;padding:16px;box-shadow:var(--soft)}body.ht-page-club-productions .stat b{font-size:28px;display:block}body.ht-page-club-productions .stat span{color:var(--muted);font-size:13px;font-weight:800}body.ht-page-club-productions .toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}body.ht-page-club-productions .pill{display:inline-flex;border:1px solid #d4e0fb;background:#f3f7ff;color:var(--blue);font-size:11px;font-weight:900;border-radius:999px;padding:6px 9px}body.ht-page-club-productions .list{display:grid;gap:12px}body.ht-page-club-productions .row{border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f7faff);box-shadow:var(--soft);border-radius:20px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}body.ht-page-club-productions .title{font-size:17px;font-weight:950}body.ht-page-club-productions .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}body.ht-page-club-productions .status{font-size:11px;border-radius:999px;padding:6px 9px;font-weight:950;border:1px solid var(--border);background:#f7faff;color:#4f6788}body.ht-page-club-productions .status.good{background:#edfff8;border-color:#b8f1da;color:#08784f}body.ht-page-club-productions .status.warn{background:#fff8eb;border-color:#fde2ae;color:#9a5a00}body.ht-page-club-productions .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}body.ht-page-club-productions .empty{border:1px dashed #cbd8ef;border-radius:20px;background:#fff;padding:28px;text-align:center;color:var(--muted);font-weight:800}@media(max-width:820px){
body.ht-page-club-productions .hero{align-items:flex-start}body.ht-page-club-productions .stats{grid-template-columns:repeat(2,minmax(0,1fr))}body.ht-page-club-productions .row{grid-template-columns:1fr}body.ht-page-club-productions .actions{justify-content:flex-start}body.ht-page-club-productions h1{font-size:32px}
}@media(max-width:520px){
body.ht-page-club-productions .stats{grid-template-columns:1fr}body.ht-page-club-productions .hero{display:block}body.ht-page-club-productions .club-logo{margin-bottom:14px}
}

/* --- P185 moved from club_select.php -> body.ht-page-club-select --- */
body.ht-page-club-select{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--text-soft:#22406d;--muted:#5f7698;--border:#dbe6f7;--blue:#040cd3;--blue-2:#325dff;--red:#ea4c4c;--green:#15b97f;--shadow:0 18px 48px rgba(13,33,72,.10);--shadow-soft:0 10px 24px rgba(13,33,72,.06)}body.ht-page-club-select *{box-sizing:border-box}body.ht-page-club-select{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%)}body.ht-page-club-select .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.92);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;box-shadow:var(--shadow-soft);cursor:pointer}body.ht-page-club-select .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue-2),var(--blue))}body.ht-page-club-select .btn.red{color:#fff;border-color:rgba(234,76,76,.18);background:linear-gradient(180deg,#ff6b6b,var(--red))}body.ht-page-club-select .wrap{max-width:1220px;margin:0 auto;padding:30px 20px 48px}body.ht-page-club-select .hero{border:1px solid var(--border);border-radius:26px;background:rgba(255,255,255,.74);box-shadow:var(--shadow);padding:24px;margin-bottom:18px}body.ht-page-club-select h1{margin:0;font-size:40px;letter-spacing:-.055em}body.ht-page-club-select .sub{color:var(--muted);font-size:16px;line-height:1.48;margin-top:9px;max-width:860px}body.ht-page-club-select .context{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}body.ht-page-club-select .pill{display:inline-flex;font-size:11px;font-weight:900;color:var(--blue);border:1px solid #d4e0fb;background:#f3f7ff;border-radius:999px;padding:6px 9px}body.ht-page-club-select .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}body.ht-page-club-select .card{border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#fff,#f7faff);box-shadow:var(--shadow-soft);padding:18px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:13px;text-align:center}body.ht-page-club-select .card:hover{border-color:#bfd2f3;box-shadow:0 18px 32px rgba(13,33,72,.10)}body.ht-page-club-select .name{font-weight:950;line-height:1.15;font-size:16px}body.ht-page-club-select .short{color:var(--muted);font-size:12px;margin-top:5px}body.ht-page-club-select .card button{width:100%;height:42px;border:0;border-radius:13px;background:linear-gradient(180deg,var(--blue-2),var(--blue));color:white;font-weight:900;cursor:pointer;box-shadow:var(--shadow-soft)}body.ht-page-club-select .msg{max-width:760px;margin:0 0 16px;padding:12px;border-radius:14px;border:1px solid #f0c6c6;background:#fff1f1;color:#8f1d1d;font-weight:850}@media(max-width:1000px){
body.ht-page-club-select .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}@media(max-width:720px){
body.ht-page-club-select .grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ht-page-club-select h1{font-size:34px}
}@media(max-width:480px){
body.ht-page-club-select .grid{grid-template-columns:1fr}
}

/* --- P185 moved from clubs.php -> body.ht-page-clubs --- */
body.ht-page-clubs{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --accent:#4f7cff; --red:#ff4d4d;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    }body.ht-page-clubs *{box-sizing:border-box;}body.ht-page-clubs{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background: radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
                  radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
                  var(--bg);
      color:var(--text);
    }body.ht-page-clubs .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-clubs .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-clubs .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-clubs h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-clubs .sub{text-align:center;color:var(--muted);margin-bottom:16px;}body.ht-page-clubs .card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--cardA),var(--cardB));box-shadow:var(--shadow);padding:14px;}body.ht-page-clubs .msg{text-align:center;margin:10px 0;font-weight:900;}body.ht-page-clubs .ok{color:#7CFFB2;}body.ht-page-clubs .err{color:#FF7A7A;}body.ht-page-clubs label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-clubs input[type="text"], body.ht-page-clubs select, body.ht-page-clubs input[type="file"]{
      width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
    }body.ht-page-clubs input[type="file"]{padding:9px 12px;height:auto;}body.ht-page-clubs /* ✅ Windows Dropdown Fix (Options lesbar) */
    select.ss-select option{
      color:#0b1220;
      background:#ffffff;
    }body.ht-page-clubs .line{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-clubs .w-name{width:340px;max-width:100%;}body.ht-page-clubs .w-short{width:140px;max-width:100%;}body.ht-page-clubs .w-league{width:240px;max-width:100%;}body.ht-page-clubs .w-search{width:260px;max-width:100%;}body.ht-page-clubs .w-logo{width:320px;max-width:100%;}body.ht-page-clubs .w-btn{width:170px;max-width:100%;}@media (max-width:620px){
body.ht-page-clubs .w-name, body.ht-page-clubs .w-short, body.ht-page-clubs .w-league, body.ht-page-clubs .w-search, body.ht-page-clubs .w-logo, body.ht-page-clubs .w-btn{width:100%;}
}body.ht-page-clubs .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;font-size:14px;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
    }body.ht-page-clubs .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-clubs .btn.primary{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-clubs .btn.danger{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-clubs .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;}@media (max-width:900px){
body.ht-page-clubs .grid{grid-template-columns:1fr;}
}body.ht-page-clubs .club{
      border:1px solid var(--border);border-radius:var(--radius);
      background:rgba(255,255,255,.035);padding:12px;
      display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
    }body.ht-page-clubs .clubL{display:flex;align-items:center;gap:12px;min-width:280px;}body.ht-page-clubs .thumb{width:56px;height:56px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;}body.ht-page-clubs .thumb img{width:100%;height:100%;object-fit:contain;padding:8px;}body.ht-page-clubs .clubtitle b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px;}body.ht-page-clubs .clubtitle span{display:block;color:var(--muted);font-size:12px;margin-top:2px;}body.ht-page-clubs .badge{
      font-size:12px;color:rgba(255,255,255,.9);
      padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);
      border:1px solid var(--border);font-weight:900;display:inline-flex;gap:8px;align-items:center;
    }body.ht-page-clubs .clubR{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}body.ht-page-clubs code{background:rgba(255,255,255,.06);border:1px solid var(--border);padding:2px 6px;border-radius:8px;color:var(--text);font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-size:12px;word-break:break-all;}body.ht-page-clubs /* ===== HarbourTown Stammdaten / Technik Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --accent:#040cd3 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --danger:#ea4c4c !important;
  --soft:#f7faff !important;
}body.ht-page-clubs, body.ht-page-clubs{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-clubs{color:#10233f !important;}body.ht-page-clubs .btn.green, body.ht-page-clubs a.btn.green, body.ht-page-clubs .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-clubs .btn.red, body.ht-page-clubs a.btn.red, body.ht-page-clubs .red, body.ht-page-clubs .danger, body.ht-page-clubs .delete, body.ht-page-clubs .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-clubs .wrap, body.ht-page-clubs .container, body.ht-page-clubs main{
  color:#10233f !important;
}body.ht-page-clubs .card, body.ht-page-clubs .panel, body.ht-page-clubs .box, body.ht-page-clubs .tile, body.ht-page-clubs .item, body.ht-page-clubs .section, body.ht-page-clubs .list, body.ht-page-clubs .table-card, body.ht-page-clubs form.card, body.ht-page-clubs fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-clubs h1, body.ht-page-clubs h2, body.ht-page-clubs h3, body.ht-page-clubs h4, body.ht-page-clubs strong, body.ht-page-clubs b, body.ht-page-clubs label, body.ht-page-clubs .title, body.ht-page-clubs .name, body.ht-page-clubs .lbl{
  color:#10233f !important;
}body.ht-page-clubs p, body.ht-page-clubs .sub, body.ht-page-clubs .muted, body.ht-page-clubs .hint, body.ht-page-clubs .meta, body.ht-page-clubs .note, body.ht-page-clubs .small, body.ht-page-clubs .foot, body.ht-page-clubs .help{
  color:#5f7698 !important;
}body.ht-page-clubs input, body.ht-page-clubs select, body.ht-page-clubs textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-clubs input::placeholder, body.ht-page-clubs textarea::placeholder{color:#8aa0be !important;}body.ht-page-clubs select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-clubs table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-clubs th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-clubs td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-clubs tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-clubs .pill, body.ht-page-clubs .badge, body.ht-page-clubs .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-clubs .msg, body.ht-page-clubs .ok, body.ht-page-clubs .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-clubs .err, body.ht-page-clubs .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-clubs hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-clubs code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-clubs /* ===== Technik Stammdaten Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-clubs .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-clubs .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-clubs .card h2, body.ht-page-clubs .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-clubs .row, body.ht-page-clubs .filterBar, body.ht-page-clubs .filters, body.ht-page-clubs .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-clubs .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-clubs .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-clubs .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-clubs label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-clubs input[type="text"], body.ht-page-clubs input[type="email"], body.ht-page-clubs input[type="password"], body.ht-page-clubs input[type="number"], body.ht-page-clubs input[type="date"], body.ht-page-clubs input[type="time"], body.ht-page-clubs select, body.ht-page-clubs textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-clubs textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-clubs .card .btn, body.ht-page-clubs .card button, body.ht-page-clubs .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-clubs .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-clubs .actions .btn, body.ht-page-clubs .actions button, body.ht-page-clubs .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-clubs table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-clubs th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-clubs td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-clubs tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-clubs td form{ margin:0 !important; }body.ht-page-clubs .badge, body.ht-page-clubs .pill, body.ht-page-clubs .tag, body.ht-page-clubs .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-clubs .kpiGrid, body.ht-page-clubs .stats, body.ht-page-clubs .summary, body.ht-page-clubs .grid{
  gap:16px !important;
}body.ht-page-clubs .kpi, body.ht-page-clubs .stat, body.ht-page-clubs .summaryBox, body.ht-page-clubs .item, body.ht-page-clubs .tile, body.ht-page-clubs .box, body.ht-page-clubs .settingBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-clubs pre, body.ht-page-clubs code{
  border-radius:16px !important;
  background:#f3f7ff !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
}body.ht-page-clubs .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-clubs table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-clubs .field, body.ht-page-clubs .field.small, body.ht-page-clubs .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-clubs .actions .btn, body.ht-page-clubs .actions button, body.ht-page-clubs .actions input[type=submit], body.ht-page-clubs .field.btnw .btn, body.ht-page-clubs .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from leagues.php -> body.ht-page-leagues --- */
body.ht-page-leagues{
    --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
    --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
    --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    --blue:#4f7cff; --red:#ff4d4d;
  }body.ht-page-leagues *{box-sizing:border-box;}body.ht-page-leagues{
    margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:
      radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
      radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
      var(--bg);
    color:var(--text);
  }body.ht-page-leagues .nav a{
    display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);
    text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;
  }body.ht-page-leagues .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-leagues .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-leagues h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-leagues .sub{text-align:center;color:var(--muted);margin-bottom:16px;}body.ht-page-leagues .card{
    border:1px solid var(--border);border-radius:var(--radius);
    background:linear-gradient(180deg,var(--cardA),var(--cardB));
    box-shadow:var(--shadow);padding:14px;
  }body.ht-page-leagues .msg{text-align:center;margin:10px 0;font-weight:900;}body.ht-page-leagues .ok{color:#7CFFB2;}body.ht-page-leagues .er{color:#FF7A7A;}body.ht-page-leagues label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-leagues input{
    width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
  }body.ht-page-leagues .line{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-leagues .w-name{width:520px;max-width:100%;}body.ht-page-leagues .w-short{width:220px;max-width:100%;}body.ht-page-leagues .w-btn{width:170px;max-width:100%;}@media (max-width:720px){
body.ht-page-leagues .w-name, body.ht-page-leagues .w-short, body.ht-page-leagues .w-btn{width:100%;}
}body.ht-page-leagues .btn{
    height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;font-size:14px;
    width:100%;
  }body.ht-page-leagues .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-leagues .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-leagues .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-leagues .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;}@media (max-width:900px){
body.ht-page-leagues .grid{grid-template-columns:1fr;}
}body.ht-page-leagues .item{
    border:1px solid var(--border); border-radius:var(--radius);
    background:rgba(255,255,255,.035);
    padding:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
  }body.ht-page-leagues .itemL{min-width:280px;}body.ht-page-leagues .namebig{font-weight:950;font-size:16px;}body.ht-page-leagues .meta{color:var(--muted);font-size:12px;margin-top:4px;}body.ht-page-leagues .badge{
    font-size:12px;color:rgba(255,255,255,.92);
    padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);
    border:1px solid var(--border);font-weight:900;display:inline-flex;gap:8px;align-items:center;
  }body.ht-page-leagues .itemR{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}body.ht-page-leagues a.btnlink{
    height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;font-size:14px;
    display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  }body.ht-page-leagues a.btnlink:hover{background:rgba(255,255,255,.09);}body.ht-page-leagues a.btnlink.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-leagues /* ===== HarbourTown Stammdaten / Technik Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --accent:#040cd3 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --danger:#ea4c4c !important;
  --soft:#f7faff !important;
}body.ht-page-leagues, body.ht-page-leagues{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-leagues{color:#10233f !important;}body.ht-page-leagues .btn.green, body.ht-page-leagues a.btn.green, body.ht-page-leagues .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-leagues .btn.red, body.ht-page-leagues a.btn.red, body.ht-page-leagues .red, body.ht-page-leagues .danger, body.ht-page-leagues .delete, body.ht-page-leagues .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-leagues .wrap, body.ht-page-leagues .container, body.ht-page-leagues main{
  color:#10233f !important;
}body.ht-page-leagues .card, body.ht-page-leagues .panel, body.ht-page-leagues .box, body.ht-page-leagues .tile, body.ht-page-leagues .item, body.ht-page-leagues .section, body.ht-page-leagues .list, body.ht-page-leagues .table-card, body.ht-page-leagues form.card, body.ht-page-leagues fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-leagues h1, body.ht-page-leagues h2, body.ht-page-leagues h3, body.ht-page-leagues h4, body.ht-page-leagues strong, body.ht-page-leagues b, body.ht-page-leagues label, body.ht-page-leagues .title, body.ht-page-leagues .name, body.ht-page-leagues .lbl{
  color:#10233f !important;
}body.ht-page-leagues p, body.ht-page-leagues .sub, body.ht-page-leagues .muted, body.ht-page-leagues .hint, body.ht-page-leagues .meta, body.ht-page-leagues .note, body.ht-page-leagues .small, body.ht-page-leagues .foot, body.ht-page-leagues .help{
  color:#5f7698 !important;
}body.ht-page-leagues input, body.ht-page-leagues select, body.ht-page-leagues textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-leagues input::placeholder, body.ht-page-leagues textarea::placeholder{color:#8aa0be !important;}body.ht-page-leagues select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-leagues table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-leagues th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-leagues td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-leagues tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-leagues .pill, body.ht-page-leagues .badge, body.ht-page-leagues .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-leagues .msg, body.ht-page-leagues .ok, body.ht-page-leagues .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-leagues .err, body.ht-page-leagues .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-leagues hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-leagues code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-leagues /* ===== Technik Stammdaten Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-leagues .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-leagues .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-leagues .card h2, body.ht-page-leagues .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-leagues .row, body.ht-page-leagues .filterBar, body.ht-page-leagues .filters, body.ht-page-leagues .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-leagues .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-leagues .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-leagues .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-leagues label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-leagues input[type="text"], body.ht-page-leagues input[type="email"], body.ht-page-leagues input[type="password"], body.ht-page-leagues input[type="number"], body.ht-page-leagues input[type="date"], body.ht-page-leagues input[type="time"], body.ht-page-leagues select, body.ht-page-leagues textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-leagues textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-leagues .card .btn, body.ht-page-leagues .card button, body.ht-page-leagues .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-leagues .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-leagues .actions .btn, body.ht-page-leagues .actions button, body.ht-page-leagues .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-leagues table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-leagues th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-leagues td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-leagues tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-leagues td form{ margin:0 !important; }body.ht-page-leagues .badge, body.ht-page-leagues .pill, body.ht-page-leagues .tag, body.ht-page-leagues .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-leagues .kpiGrid, body.ht-page-leagues .stats, body.ht-page-leagues .summary, body.ht-page-leagues .grid{
  gap:16px !important;
}body.ht-page-leagues .kpi, body.ht-page-leagues .stat, body.ht-page-leagues .summaryBox, body.ht-page-leagues .item, body.ht-page-leagues .tile, body.ht-page-leagues .box, body.ht-page-leagues .settingBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-leagues pre, body.ht-page-leagues code{
  border-radius:16px !important;
  background:#f3f7ff !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
}body.ht-page-leagues .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-leagues table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-leagues .field, body.ht-page-leagues .field.small, body.ht-page-leagues .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-leagues .actions .btn, body.ht-page-leagues .actions button, body.ht-page-leagues .actions input[type=submit], body.ht-page-leagues .field.btnw .btn, body.ht-page-leagues .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from players.php -> body.ht-page-players --- */
body.ht-page-players{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d;
    }body.ht-page-players *{ box-sizing:border-box; }body.ht-page-players{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-players .nav a{
      display:inline-flex; align-items:center; gap:8px;
      padding:10px 12px; border-radius:12px; border:1px solid var(--border);
      text-decoration:none; color:var(--text); background:rgba(255,255,255,.04);
      font-weight:750; margin-left:8px;
    }body.ht-page-players .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-players .wrap{max-width:1100px; margin:0 auto; padding:18px 18px 34px;}body.ht-page-players h1{text-align:center; margin:18px 0 6px; font-size:28px; font-weight:950;}body.ht-page-players .sub{text-align:center; color:var(--muted); margin-bottom:16px; font-size:14px;}body.ht-page-players .card{
      border:1px solid var(--border); border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);
      padding:14px;
    }body.ht-page-players .center{text-align:center;}body.ht-page-players .msg{margin:10px 0; text-align:center; font-weight:900;}body.ht-page-players .ok{color:#7CFFB2;}body.ht-page-players .er{color:#FF7A7A;}body.ht-page-players label{font-weight:800; font-size:13px; color:var(--muted); display:block; margin-bottom:6px;}body.ht-page-players input, body.ht-page-players select, body.ht-page-players textarea{
      width:100%; height:44px; border-radius:12px; border:1px solid var(--border);
      background:rgba(255,255,255,.05); color:var(--text);
      padding:0 12px; outline:none;
      min-width:0;
    }body.ht-page-players textarea{height:auto; padding:10px 12px;}body.ht-page-players input[type="file"]{height:auto; padding:10px 12px;}body.ht-page-players .btn{
      height:40px; padding:0 12px; border-radius:10px;
      border:1px solid var(--border);
      background:rgba(255,255,255,.05);
      color:var(--text);
      font-weight:950;
      cursor:pointer;
      white-space:nowrap;
    }body.ht-page-players .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-players .btn.blue{
      background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));
      border-color:rgba(79,124,255,.35);
    }body.ht-page-players .btn.red{
      background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));
      border-color:rgba(255,77,77,.35);
    }body.ht-page-players .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-players .row{
      display:flex; gap:10px; flex-wrap:wrap;
      align-items:flex-end; justify-content:center;
    }body.ht-page-players .field{ flex:1 1 260px; }body.ht-page-players .field.small{ flex:0 0 140px; }body.ht-page-players .field.btnw{ flex:0 0 220px; }@media (max-width: 900px){
body.ht-page-players .field.small{ flex:1 1 160px; }body.ht-page-players .field.btnw{ flex:1 1 220px; }
}@media (max-width: 520px){
body.ht-page-players .field, body.ht-page-players .field.small, body.ht-page-players .field.btnw{ flex:1 1 100%; }
}body.ht-page-players table{width:100%; border-collapse:collapse;}body.ht-page-players th, body.ht-page-players td{border-bottom:1px solid rgba(255,255,255,.10); padding:10px 8px; vertical-align:middle;}body.ht-page-players th{color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.8px; text-align:left;}body.ht-page-players .actions{display:flex; gap:8px; align-items:center; justify-content:flex-end; flex-wrap:wrap;}body.ht-page-players .pill{
      display:inline-flex; align-items:center; justify-content:center;
      padding:4px 10px; border-radius:999px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
      font-weight:900; font-size:12px;
    }body.ht-page-players .pill.on{border-color:rgba(25,195,125,.30); background:rgba(25,195,125,.12);}body.ht-page-players .pill.off{opacity:.65;}body.ht-page-players .clubshort{
      font-weight:950; letter-spacing:.6px;
      padding:6px 10px; border-radius:999px;
      display:inline-block;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.12);
      max-width:160px;
      overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }body.ht-page-players /* Portrait */
    .avatar{
      width:34px; height:34px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      object-fit: cover;
      display:block;
    }body.ht-page-players .avatar.placeholder{
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:950;
      color: rgba(238,242,255,.55);
      font-size:12px;
    }body.ht-page-players /* ===== HarbourTown Light Design Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:18px !important;
  --cardA:rgba(255,255,255,.94) !important;
  --cardB:rgba(247,250,255,.98) !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --blue-2:#325dff !important;
}body.ht-page-players, body.ht-page-players{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:var(--text) !important;
}body.ht-page-players .btn.primary, body.ht-page-players a.btn.primary, body.ht-page-players button.primary, body.ht-page-players .nav .primary, body.ht-page-players .tab.active, body.ht-page-players .active.btn{
  color:#fff !important;
  border-color:rgba(4,12,211,.18) !important;
  background:linear-gradient(180deg,#325dff,#040cd3) !important;
}body.ht-page-players .btn.green, body.ht-page-players a.btn.green, body.ht-page-players button.green, body.ht-page-players .okbtn, body.ht-page-players .saveBtn{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-players .btn.red, body.ht-page-players a.btn.red, body.ht-page-players button.red, body.ht-page-players .danger, body.ht-page-players .del, body.ht-page-players .delete, body.ht-page-players .miniBtn.red{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-players .wrap, body.ht-page-players .container, body.ht-page-players main{
  color:var(--text) !important;
}body.ht-page-players .card, body.ht-page-players .panel, body.ht-page-players .box, body.ht-page-players .center, body.ht-page-players .table-card, body.ht-page-players form.card, body.ht-page-players .section, body.ht-page-players .list, body.ht-page-players .item{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid var(--border) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:var(--text) !important;
}body.ht-page-players h1, body.ht-page-players h2, body.ht-page-players h3, body.ht-page-players h4, body.ht-page-players strong, body.ht-page-players b, body.ht-page-players label, body.ht-page-players .title, body.ht-page-players .name{
  color:var(--text) !important;
}body.ht-page-players p, body.ht-page-players .sub, body.ht-page-players .muted, body.ht-page-players .hint, body.ht-page-players .meta, body.ht-page-players .note, body.ht-page-players .small, body.ht-page-players .foot{
  color:var(--muted) !important;
}body.ht-page-players input, body.ht-page-players select, body.ht-page-players textarea{
  background:#fff !important;
  color:var(--text) !important;
  border:1px solid var(--border) !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-players select option{
  color:var(--text) !important;
  background:#fff !important;
}body.ht-page-players table{
  color:var(--text) !important;
  border-color:var(--border) !important;
}body.ht-page-players th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}body.ht-page-players td{
  background:#fff !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}body.ht-page-players .msg, body.ht-page-players .ok, body.ht-page-players .success{
  color:#0c6f52 !important;
}body.ht-page-players .err, body.ht-page-players .error{
  color:#a43636 !important;
}body.ht-page-players .pill, body.ht-page-players .badge, body.ht-page-players .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-players hr{
  border-top:1px solid #dbe6f7 !important;
}body.ht-page-players code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}

/* --- P185 moved from lineups.php -> body.ht-page-lineups --- */
body.ht-page-lineups{
  --bg:#f5f8ff;
  --surface:#ffffff;
  --surface2:#f8fbff;
  --text:#10233f;
  --muted:#617798;
  --border:#dbe6f7;
  --border2:#b9ccea;
  --blue:#040cd3;
  --blue2:#325dff;
  --green:#14b87a;
  --red:#e74b4b;
  --shadow:0 18px 50px rgba(13,33,72,.08);
  --radius:24px;
}body.ht-page-lineups *{box-sizing:border-box}body.ht-page-lineups{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 420px at 88% 10%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(700px 360px at 12% 4%, rgba(50,93,255,.09), transparent 58%),
    linear-gradient(180deg,#f7faff 0,#eef4ff 100%);
  color:var(--text);
  font-weight:750;
}body.ht-page-lineups .wrap{
  max-width:980px;
  margin:0 auto;
  padding:22px 20px 48px;
}body.ht-page-lineups .card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow);
  margin-bottom:18px;
}body.ht-page-lineups .matchHead{
  text-align:center;
  padding:20px 22px;
}body.ht-page-lineups .matchHead h1{
  margin:0 0 8px;
  font-size:28px;
  letter-spacing:-.045em;
}body.ht-page-lineups .matchMeta{
  color:var(--muted);
  font-size:16px;
}body.ht-page-lineups .sideTabs{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}body.ht-page-lineups .sideTab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  min-width:88px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  text-decoration:none;
  font-weight:950;
  box-shadow:0 8px 20px rgba(13,33,72,.05);
}body.ht-page-lineups .sideTab.active{
  color:#fff;
  border-color:rgba(4,12,211,.18);
  background:linear-gradient(180deg,#325dff,#040cd3);
}body.ht-page-lineups .msg{
  margin:14px auto 0;
  max-width:620px;
  border-radius:16px;
  padding:12px 14px;
  font-weight:900;
}body.ht-page-lineups .msg.ok{
  background:#e9fbf4;
  border:1px solid #bdebd9;
  color:#0b5f42;
}body.ht-page-lineups .msg.err{
  background:#fff0f0;
  border:1px solid #ffc7c7;
  color:#9b1c1c;
}body.ht-page-lineups .lineupTitle{
  text-align:center;
}body.ht-page-lineups .lineupTitle h2{
  margin:0 0 6px;
  font-size:26px;
  letter-spacing:-.04em;
}body.ht-page-lineups .lineupTitle p{
  margin:0 0 16px;
  color:var(--muted);
}body.ht-page-lineups .slotSection{
  margin-top:18px;
}body.ht-page-lineups .slotSection h3{
  margin:0 0 12px;
  text-align:center;
  font-size:21px;
  letter-spacing:-.035em;
}body.ht-page-lineups .slot-row{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin:9px 0;
}body.ht-page-lineups .slotlbl{
  color:#5f7698;
  font-size:18px;
  font-weight:950;
  text-align:right;
}body.ht-page-lineups .slotSelect{
  width:100%;
  min-height:48px;
  height:48px;
  border-radius:14px;
  border:1px solid var(--border2);
  background:#ffffff;
  color:#071d38;
  padding:0 42px 0 14px;
  outline:none;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.015em;
  box-shadow:
    inset 0 1px 2px rgba(16,35,63,.03),
    0 4px 12px rgba(13,33,72,.04);
  appearance:auto;
}body.ht-page-lineups .slotSelect:hover{
  border-color:#8faadb;
  box-shadow:
    0 9px 20px rgba(13,33,72,.09),
    0 0 0 3px rgba(50,93,255,.06);
}body.ht-page-lineups .slotSelect:focus{
  border-color:#325dff;
  color:#071d38;
  box-shadow:
    0 0 0 4px rgba(50,93,255,.14),
    0 9px 20px rgba(13,33,72,.08);
}body.ht-page-lineups .slotSelect option{
  color:#071d38;
  background:#ffffff;
  font-size:17px;
  font-weight:800;
}body.ht-page-lineups .slotSelect option:checked{
  color:#040cd3;
  background:#eef2ff;
  font-weight:950;
}body.ht-page-lineups .btnrow{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}body.ht-page-lineups .liveLinks{
  margin-top:18px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface2);
  color:var(--muted);
  text-align:center;
  font-size:13px;
}body.ht-page-lineups .liveLinks code{
  display:inline-block;
  max-width:100%;
  margin-top:6px;
  padding:5px 8px;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--border);
  color:var(--text);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:800;
  word-break:break-all;
}body.ht-page-lineups .emptyNotice{
  color:#9b5b00;
  background:#fff8e8;
  border:1px solid #f6dfaa;
  border-radius:16px;
  padding:12px 14px;
  margin:12px 0;
  text-align:center;
  font-weight:900;
}@media(max-width:640px){
body.ht-page-lineups .nav a{width:100%}body.ht-page-lineups .slot-row{grid-template-columns:1fr;gap:6px}body.ht-page-lineups .slotlbl{text-align:left}body.ht-page-lineups .btnrow button{width:100%}
}

/* --- P185 moved from officials.php -> body.ht-page-officials --- */
body.ht-page-officials{
  --surface:#ffffff;
  --surface2:#f8fbff;
  --text:#10233f;
  --muted:#617798;
  --border:#dbe6f7;
  --border2:#b9ccea;
  --blue:#040cd3;
  --blue2:#325dff;
  --red:#e74b4b;
  --green:#14b87a;
  --shadow:0 18px 50px rgba(13,33,72,.08);
  --radius:24px;
}body.ht-page-officials *{box-sizing:border-box}body.ht-page-officials{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 420px at 88% 10%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(700px 360px at 12% 4%, rgba(50,93,255,.09), transparent 58%),
    linear-gradient(180deg,#f7faff 0,#eef4ff 100%);
  color:var(--text);
  font-weight:750;
}body.ht-page-officials .wrap{
  max-width:980px;
  margin:0 auto;
  padding:22px 20px 48px;
}body.ht-page-officials .card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow);
  margin-bottom:18px;
}body.ht-page-officials .matchHead{
  text-align:center;
  padding:20px 22px;
}body.ht-page-officials .matchHead h1{
  margin:0 0 8px;
  font-size:28px;
  letter-spacing:-.045em;
}body.ht-page-officials .matchMeta{
  color:var(--muted);
  font-size:16px;
}body.ht-page-officials .msg{
  margin:14px auto 0;
  max-width:620px;
  border-radius:16px;
  padding:12px 14px;
  font-weight:900;
}body.ht-page-officials .msg.ok{
  background:#e9fbf4;
  border:1px solid #bdebd9;
  color:#0b5f42;
}body.ht-page-officials .msg.err{
  background:#fff0f0;
  border:1px solid #ffc7c7;
  color:#9b1c1c;
}body.ht-page-officials .sectionTitle{
  text-align:center;
  margin-bottom:18px;
}body.ht-page-officials .sectionTitle h2{
  margin:0 0 6px;
  font-size:26px;
  letter-spacing:-.04em;
}body.ht-page-officials .sectionTitle p{
  margin:0;
  color:var(--muted);
}body.ht-page-officials .formGrid{
  display:grid;
  gap:14px;
}body.ht-page-officials .fieldRow{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:18px;
  border:1px solid var(--border);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 10px 24px rgba(13,33,72,.04);
}body.ht-page-officials .fieldLabel{
  font-size:20px;
  font-weight:950;
  color:#193256;
}body.ht-page-officials .fieldSelect{
  width:100%;
  min-height:50px;
  height:50px;
  border-radius:14px;
  border:1px solid var(--border2);
  background:#ffffff;
  color:#071d38;
  padding:0 42px 0 14px;
  outline:none;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.015em;
  box-shadow:
    inset 0 1px 2px rgba(16,35,63,.03),
    0 4px 12px rgba(13,33,72,.04);
}body.ht-page-officials .fieldSelect:hover{
  border-color:#8faadb;
  box-shadow:
    0 9px 20px rgba(13,33,72,.09),
    0 0 0 3px rgba(50,93,255,.06);
}body.ht-page-officials .fieldSelect:focus{
  border-color:#325dff;
  color:#071d38;
  box-shadow:
    0 0 0 4px rgba(50,93,255,.14),
    0 9px 20px rgba(13,33,72,.08);
}body.ht-page-officials .fieldSelect option{
  color:#071d38;
  background:#ffffff;
  font-size:17px;
  font-weight:800;
}body.ht-page-officials .fieldSelect option:checked{
  color:#040cd3;
  background:#eef2ff;
  font-weight:950;
}body.ht-page-officials .btnrow{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}body.ht-page-officials .liveLinks{
  margin-top:18px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface2);
  color:var(--muted);
  text-align:center;
  font-size:13px;
}body.ht-page-officials .liveLinks code{
  display:inline-block;
  max-width:100%;
  margin-top:6px;
  padding:5px 8px;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--border);
  color:var(--text);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:800;
  word-break:break-all;
}body.ht-page-officials .note{
  margin-top:16px;
  text-align:center;
  color:var(--muted);
  font-size:14px;
}@media(max-width:720px){
body.ht-page-officials .fieldRow{grid-template-columns:1fr;gap:8px}
}@media(max-width:640px){
body.ht-page-officials .nav a{width:100%}body.ht-page-officials .btnrow button{width:100%}
}

/* --- P185 moved from referees.php -> body.ht-page-referees --- */
body.ht-page-referees{
    --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
    --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
    --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    --blue:#4f7cff; --red:#ff4d4d;
  }body.ht-page-referees *{box-sizing:border-box;}body.ht-page-referees{
    margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:
      radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
      radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
      var(--bg);
    color:var(--text);
  }body.ht-page-referees .nav a{
    display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);
    text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;
  }body.ht-page-referees .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-referees .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-referees h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-referees .sub{text-align:center;color:var(--muted);margin-bottom:16px;}body.ht-page-referees .card{
    border:1px solid var(--border);border-radius:var(--radius);
    background:linear-gradient(180deg,var(--cardA),var(--cardB));
    box-shadow:var(--shadow);padding:14px;
  }body.ht-page-referees .msg{text-align:center;margin:10px 0;font-weight:900;}body.ht-page-referees .ok{color:#7CFFB2;}body.ht-page-referees .er{color:#FF7A7A;}body.ht-page-referees label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-referees input{
    width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
  }body.ht-page-referees /* Einzeilig + schmal */
  .line{
    display:flex;
    align-items:flex-end;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
  }body.ht-page-referees .field{flex:0 0 auto;width:230px;max-width:100%;}body.ht-page-referees .action{flex:0 0 auto;width:170px;max-width:100%;}body.ht-page-referees .actionRow{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}body.ht-page-referees .actionRow .btn{width:170px;}@media (max-width: 520px){
body.ht-page-referees .field, body.ht-page-referees .action, body.ht-page-referees .actionRow .btn{width:100%;}body.ht-page-referees .actionRow{width:100%;}
}body.ht-page-referees .btn{
    height:44px; padding:0 16px; border-radius:12px;
    border:1px solid var(--border); background:rgba(255,255,255,.05);
    color:var(--text); font-weight:950; cursor:pointer; font-size:14px;
    width:100%;
  }body.ht-page-referees .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-referees .btn.blue{
    background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));
    border-color:rgba(79,124,255,.35);
  }body.ht-page-referees .btn.red{
    background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));
    border-color:rgba(255,77,77,.35);
  }body.ht-page-referees .list{margin-top:12px; display:flex; flex-direction:column; gap:10px;}body.ht-page-referees .item{
    border:1px solid var(--border); border-radius:var(--radius);
    background:rgba(255,255,255,.035);
    padding:12px;
  }body.ht-page-referees .item-top{
    display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
    margin-bottom:8px;
  }body.ht-page-referees .namebig{font-weight:950;font-size:16px;}body.ht-page-referees .badge{
    font-size:12px;color:rgba(255,255,255,.92);
    padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);
    border:1px solid var(--border);font-weight:900;
  }

/* --- P185 moved from startingsix.php -> body.ht-page-startingsix --- */
body.ht-page-startingsix{
  --bg:#f5f8ff;
  --surface:#ffffff;
  --surface2:#f8fbff;
  --text:#10233f;
  --muted:#617798;
  --border:#dbe6f7;
  --border2:#b9ccea;
  --blue:#040cd3;
  --blue2:#325dff;
  --green:#14b87a;
  --red:#e74b4b;
  --shadow:0 18px 50px rgba(13,33,72,.08);
  --radius:24px;
}body.ht-page-startingsix *{box-sizing:border-box}body.ht-page-startingsix{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 420px at 88% 10%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(700px 360px at 12% 4%, rgba(50,93,255,.09), transparent 58%),
    linear-gradient(180deg,#f7faff 0,#eef4ff 100%);
  color:var(--text);
  font-weight:750;
}body.ht-page-startingsix .wrap{
  max-width:980px;
  margin:0 auto;
  padding:22px 20px 48px;
}body.ht-page-startingsix .card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow);
  margin-bottom:18px;
}body.ht-page-startingsix .matchHead{
  text-align:center;
  padding:20px 22px;
}body.ht-page-startingsix .matchHead h1{
  margin:0 0 8px;
  font-size:28px;
  letter-spacing:-.045em;
}body.ht-page-startingsix .matchMeta{
  color:var(--muted);
  font-size:16px;
}body.ht-page-startingsix .sideTabs{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}body.ht-page-startingsix .sideTab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  min-width:88px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  text-decoration:none;
  font-weight:950;
  box-shadow:0 8px 20px rgba(13,33,72,.05);
}body.ht-page-startingsix .sideTab.active{
  color:#fff;
  border-color:rgba(4,12,211,.18);
  background:linear-gradient(180deg,#325dff,#040cd3);
}body.ht-page-startingsix .msg{
  margin:14px auto 0;
  max-width:620px;
  border-radius:16px;
  padding:12px 14px;
  font-weight:900;
}body.ht-page-startingsix .msg.ok{
  background:#e9fbf4;
  border:1px solid #bdebd9;
  color:#0b5f42;
}body.ht-page-startingsix .msg.err{
  background:#fff0f0;
  border:1px solid #ffc7c7;
  color:#9b1c1c;
}body.ht-page-startingsix .lineupTitle{
  text-align:center;
}body.ht-page-startingsix .lineupTitle h2{
  margin:0 0 6px;
  font-size:26px;
  letter-spacing:-.04em;
}body.ht-page-startingsix .lineupTitle p{
  margin:0 0 16px;
  color:var(--muted);
}body.ht-page-startingsix .positionGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:8px;
}body.ht-page-startingsix .positionCard{
  border:1px solid var(--border);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  padding:18px;
  box-shadow:0 10px 24px rgba(13,33,72,.05);
}body.ht-page-startingsix .positionCard.full{
  grid-column:1 / -1;
}body.ht-page-startingsix .positionCard h3{
  margin:0 0 12px;
  text-align:center;
  font-size:20px;
  letter-spacing:-.03em;
}body.ht-page-startingsix .slot-row{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin:9px 0;
}body.ht-page-startingsix .slotlbl{
  color:#5f7698;
  font-size:18px;
  font-weight:950;
  text-align:right;
}body.ht-page-startingsix .slotSelect{
  width:100%;
  min-height:48px;
  height:48px;
  border-radius:14px;
  border:1px solid var(--border2);
  background:#ffffff;
  color:#071d38;
  padding:0 42px 0 14px;
  outline:none;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.015em;
  box-shadow:
    inset 0 1px 2px rgba(16,35,63,.03),
    0 4px 12px rgba(13,33,72,.04);
  appearance:auto;
}body.ht-page-startingsix .slotSelect:hover{
  border-color:#8faadb;
  box-shadow:
    0 9px 20px rgba(13,33,72,.09),
    0 0 0 3px rgba(50,93,255,.06);
}body.ht-page-startingsix .slotSelect:focus{
  border-color:#325dff;
  color:#071d38;
  box-shadow:
    0 0 0 4px rgba(50,93,255,.14),
    0 9px 20px rgba(13,33,72,.08);
}body.ht-page-startingsix .slotSelect option{
  color:#071d38;
  background:#ffffff;
  font-size:17px;
  font-weight:800;
}body.ht-page-startingsix .slotSelect option:checked{
  color:#040cd3;
  background:#eef2ff;
  font-weight:950;
}body.ht-page-startingsix .btnrow{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}body.ht-page-startingsix .liveLinks{
  margin-top:18px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface2);
  color:var(--muted);
  text-align:center;
  font-size:13px;
}body.ht-page-startingsix .liveLinks code{
  display:inline-block;
  max-width:100%;
  margin-top:6px;
  padding:5px 8px;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--border);
  color:var(--text);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:800;
  word-break:break-all;
}body.ht-page-startingsix .emptyNotice{
  color:#9b5b00;
  background:#fff8e8;
  border:1px solid #f6dfaa;
  border-radius:16px;
  padding:12px 14px;
  margin:12px 0;
  text-align:center;
  font-weight:900;
}@media(max-width:780px){
body.ht-page-startingsix .positionGrid{grid-template-columns:1fr}
}@media(max-width:640px){
body.ht-page-startingsix .nav a{width:100%}body.ht-page-startingsix .slot-row{grid-template-columns:1fr;gap:6px}body.ht-page-startingsix .slotlbl{text-align:left}body.ht-page-startingsix .btnrow button{width:100%}
}

/* --- P185 moved from penalty_types.php -> body.ht-page-penalty-types --- */
body.ht-page-penalty-types{
    --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
    --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
    --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    --blue:#4f7cff; --red:#ff4d4d;
  }body.ht-page-penalty-types *{box-sizing:border-box;}body.ht-page-penalty-types{
    margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:
      radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
      radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
      var(--bg);
    color:var(--text);
  }body.ht-page-penalty-types .nav a{
    display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);
    text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;
  }body.ht-page-penalty-types .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-penalty-types .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-penalty-types h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-penalty-types .sub{text-align:center;color:var(--muted);margin-bottom:16px;}body.ht-page-penalty-types .card{
    border:1px solid var(--border);border-radius:var(--radius);
    background:linear-gradient(180deg,var(--cardA),var(--cardB));
    box-shadow:var(--shadow);padding:14px;
  }body.ht-page-penalty-types .msg{text-align:center;margin:10px 0;font-weight:900;}body.ht-page-penalty-types .ok{color:#7CFFB2;}body.ht-page-penalty-types .er{color:#FF7A7A;}body.ht-page-penalty-types label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-penalty-types input{
    width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
  }body.ht-page-penalty-types /* ✅ Overlap-fix: einzeilig, body.ht-page-penalty-types schmale Breiten, body.ht-page-penalty-types wrap statt Überlappen */
  .line{
    display:flex;
    align-items:flex-end;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
  }body.ht-page-penalty-types .field{flex:0 0 auto;width:340px;max-width:100%;}body.ht-page-penalty-types .action{flex:0 0 auto;width:170px;max-width:100%;}body.ht-page-penalty-types .btn{
    height:44px; padding:0 16px; border-radius:12px;
    border:1px solid var(--border); background:rgba(255,255,255,.05);
    color:var(--text); font-weight:950; cursor:pointer; font-size:14px;
    width:100%;
  }body.ht-page-penalty-types .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-penalty-types .btn.blue{
    background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));
    border-color:rgba(79,124,255,.35);
  }body.ht-page-penalty-types .btn.red{
    background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));
    border-color:rgba(255,77,77,.35);
  }body.ht-page-penalty-types .list{margin-top:12px; display:flex; flex-direction:column; gap:10px;}body.ht-page-penalty-types .item{
    border:1px solid var(--border); border-radius:var(--radius);
    background:rgba(255,255,255,.035);
    padding:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
  }body.ht-page-penalty-types .namebig{font-weight:950;font-size:16px;}body.ht-page-penalty-types .badge{
    font-size:12px;color:rgba(255,255,255,.92);
    padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);
    border:1px solid var(--border);font-weight:900;
  }body.ht-page-penalty-types .btnrow{
    display:flex; gap:10px; flex-wrap:wrap; align-items:center;
  }body.ht-page-penalty-types .btn.small{width:auto; min-width:150px;}@media (max-width: 520px){
body.ht-page-penalty-types .field, body.ht-page-penalty-types .action, body.ht-page-penalty-types .btn.small{width:100%; min-width:unset;}body.ht-page-penalty-types .item{align-items:flex-start;}body.ht-page-penalty-types .btnrow{width:100%;}
}body.ht-page-penalty-types a.clean{color:var(--text);text-decoration:none;}body.ht-page-penalty-types /* ===== HarbourTown Stammdaten / Technik Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --accent:#040cd3 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --danger:#ea4c4c !important;
  --soft:#f7faff !important;
}body.ht-page-penalty-types, body.ht-page-penalty-types{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-penalty-types{color:#10233f !important;}body.ht-page-penalty-types .btn.green, body.ht-page-penalty-types a.btn.green, body.ht-page-penalty-types .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-penalty-types .btn.red, body.ht-page-penalty-types a.btn.red, body.ht-page-penalty-types .red, body.ht-page-penalty-types .danger, body.ht-page-penalty-types .delete, body.ht-page-penalty-types .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-penalty-types .wrap, body.ht-page-penalty-types .container, body.ht-page-penalty-types main{
  color:#10233f !important;
}body.ht-page-penalty-types .card, body.ht-page-penalty-types .panel, body.ht-page-penalty-types .box, body.ht-page-penalty-types .tile, body.ht-page-penalty-types .item, body.ht-page-penalty-types .section, body.ht-page-penalty-types .list, body.ht-page-penalty-types .table-card, body.ht-page-penalty-types form.card, body.ht-page-penalty-types fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-penalty-types h1, body.ht-page-penalty-types h2, body.ht-page-penalty-types h3, body.ht-page-penalty-types h4, body.ht-page-penalty-types strong, body.ht-page-penalty-types b, body.ht-page-penalty-types label, body.ht-page-penalty-types .title, body.ht-page-penalty-types .name, body.ht-page-penalty-types .lbl{
  color:#10233f !important;
}body.ht-page-penalty-types p, body.ht-page-penalty-types .sub, body.ht-page-penalty-types .muted, body.ht-page-penalty-types .hint, body.ht-page-penalty-types .meta, body.ht-page-penalty-types .note, body.ht-page-penalty-types .small, body.ht-page-penalty-types .foot, body.ht-page-penalty-types .help{
  color:#5f7698 !important;
}body.ht-page-penalty-types input, body.ht-page-penalty-types select, body.ht-page-penalty-types textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-penalty-types input::placeholder, body.ht-page-penalty-types textarea::placeholder{color:#8aa0be !important;}body.ht-page-penalty-types select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-penalty-types table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-penalty-types th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-penalty-types td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-penalty-types tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-penalty-types .pill, body.ht-page-penalty-types .badge, body.ht-page-penalty-types .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-penalty-types .msg, body.ht-page-penalty-types .ok, body.ht-page-penalty-types .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-penalty-types .err, body.ht-page-penalty-types .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-penalty-types hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-penalty-types code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}

/* --- P185 moved from production_engagements.php -> body.ht-page-production-engagements --- */
body.ht-page-production-engagements{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--text-soft:#22406d;--muted:#5f7698;--border:#dbe6f7;--blue:#040cd3;--blue-2:#325dff;--red:#ea4c4c;--shadow:0 18px 48px rgba(13,33,72,.10);--shadow-soft:0 10px 24px rgba(13,33,72,.06)}body.ht-page-production-engagements *{box-sizing:border-box}body.ht-page-production-engagements{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%)}body.ht-page-production-engagements .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.92);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;box-shadow:var(--shadow-soft);cursor:pointer}body.ht-page-production-engagements .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue-2),var(--blue))}body.ht-page-production-engagements .btn.red{color:#fff;border-color:rgba(234,76,76,.18);background:linear-gradient(180deg,#ff6b6b,var(--red))}body.ht-page-production-engagements .wrap{max-width:1240px;margin:0 auto;padding:30px 20px 48px}body.ht-page-production-engagements h1{margin:0;font-size:38px;letter-spacing:-.055em}body.ht-page-production-engagements .sub{color:var(--muted);font-size:15px;line-height:1.5;margin-top:9px;margin-bottom:20px}body.ht-page-production-engagements .panel{background:rgba(255,255,255,.78);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:18px;margin-bottom:18px}body.ht-page-production-engagements .panel h2{margin:0 0 14px;font-size:24px;letter-spacing:-.04em}body.ht-page-production-engagements .msg, body.ht-page-production-engagements .err{padding:11px 13px;border-radius:14px;margin:0 0 14px;font-weight:850}body.ht-page-production-engagements .msg{background:#e9fbf4;border:1px solid #bdebd9;color:#0c5d40}body.ht-page-production-engagements .err{background:#fff1f1;border:1px solid #f0c6c6;color:#8f1d1d}body.ht-page-production-engagements .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.ht-page-production-engagements .full{grid-column:1/-1}body.ht-page-production-engagements label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:950;margin-bottom:6px}body.ht-page-production-engagements input, body.ht-page-production-engagements select, body.ht-page-production-engagements textarea{width:100%;min-height:42px;border:1px solid var(--border);border-radius:13px;background:#fff;color:var(--text);padding:0 12px;font-weight:800}body.ht-page-production-engagements textarea{padding:10px 12px;min-height:84px;resize:vertical}body.ht-page-production-engagements .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}body.ht-page-production-engagements .table{display:grid;gap:10px}body.ht-page-production-engagements .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px;box-shadow:var(--shadow-soft)}body.ht-page-production-engagements .row-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}body.ht-page-production-engagements .row-title b{font-size:17px}body.ht-page-production-engagements .pill{font-size:11px;font-weight:900;color:var(--blue);border:1px solid #d4e0fb;background:#f3f7ff;border-radius:999px;padding:5px 8px}body.ht-page-production-engagements .meta{color:var(--text-soft);font-size:13px;line-height:1.4;margin-top:5px}body.ht-page-production-engagements .muted{color:var(--muted)}body.ht-page-production-engagements .row-main{min-width:0}@media(max-width:900px){
body.ht-page-production-engagements .grid{grid-template-columns:1fr 1fr}body.ht-page-production-engagements .row{grid-template-columns:1fr}body.ht-page-production-engagements .row-actions{justify-content:flex-start}
}@media(max-width:620px){
body.ht-page-production-engagements .grid{grid-template-columns:1fr}
}

/* --- P185 moved from production_event_dashboard.php -> body.ht-page-production-event-dashboard --- */
body.ht-page-production-event-dashboard{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--text-soft:#22406d;--muted:#5f7698;--border:#dbe6f7;--blue:#040cd3;--blue-2:#325dff;--red:#ea4c4c;--shadow:0 18px 48px rgba(13,33,72,.10);--shadow-soft:0 10px 24px rgba(13,33,72,.06)}body.ht-page-production-event-dashboard *{box-sizing:border-box}body.ht-page-production-event-dashboard{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%)}body.ht-page-production-event-dashboard .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.92);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;box-shadow:var(--shadow-soft)}body.ht-page-production-event-dashboard .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue-2),var(--blue))}body.ht-page-production-event-dashboard .wrap{max-width:1220px;margin:0 auto;padding:30px 20px 48px}body.ht-page-production-event-dashboard .back{margin-bottom:18px}body.ht-page-production-event-dashboard .hero{border:1px solid var(--border);border-radius:26px;background:rgba(255,255,255,.74);box-shadow:var(--shadow);padding:24px;margin-bottom:18px}body.ht-page-production-event-dashboard .emoji{font-size:42px;margin-bottom:12px}body.ht-page-production-event-dashboard h1{margin:0;font-size:40px;letter-spacing:-.055em}body.ht-page-production-event-dashboard .sub{color:var(--muted);font-size:16px;line-height:1.48;margin-top:9px;max-width:860px}body.ht-page-production-event-dashboard .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}body.ht-page-production-event-dashboard .pill{display:inline-flex;font-size:11px;font-weight:900;color:var(--blue);border:1px solid #d4e0fb;background:#f3f7ff;border-radius:999px;padding:6px 9px}body.ht-page-production-event-dashboard .statusbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}body.ht-page-production-event-dashboard .statusitem{border:1px solid var(--border);background:#fff;border-radius:17px;padding:12px;box-shadow:var(--shadow-soft)}body.ht-page-production-event-dashboard .statusitem b{display:block;font-size:18px}body.ht-page-production-event-dashboard .statusitem.status-ok{border-color:#bfe8d8;background:#f2fff9}body.ht-page-production-event-dashboard .statusitem.status-warn{border-color:#f2d49d;background:#fff9ec}body.ht-page-production-event-dashboard .statusitem.status-bad{border-color:#efcaca;background:#fff5f5}body.ht-page-production-event-dashboard .statusitem span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:3px}body.ht-page-production-event-dashboard .ampel{display:inline-flex;align-items:center;gap:8px}body.ht-page-production-event-dashboard .dot{width:13px;height:13px;border-radius:999px;background:#ea4c4c}body.ht-page-production-event-dashboard .dot.warn{background:#f4a62a}body.ht-page-production-event-dashboard .dot.ok{background:#15b97f}body.ht-page-production-event-dashboard .issues{margin-top:12px;padding:12px 14px;border-radius:16px;background:#fff8e9;border:1px solid #f2d49d;color:#6d4a00;font-weight:800;font-size:13px}body.ht-page-production-event-dashboard .issues.bad{background:#fff1f1;border-color:#f0c6c6;color:#8f1d1d}body.ht-page-production-event-dashboard .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body.ht-page-production-event-dashboard .card{min-height:176px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f7faff);box-shadow:var(--shadow-soft)}body.ht-page-production-event-dashboard .card.primary{background:linear-gradient(180deg,#f5f8ff,#edf3ff);border-color:#c7d7f5}body.ht-page-production-event-dashboard .card h2{margin:0 0 7px;font-size:22px;letter-spacing:-.04em}body.ht-page-production-event-dashboard .card p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.45}body.ht-page-production-event-dashboard .btnrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}body.ht-page-production-event-dashboard .explainer{margin:0 0 18px;border:1px solid #cfe0fb;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f4f8ff);box-shadow:var(--shadow-soft);padding:18px}body.ht-page-production-event-dashboard .explainer h2{margin:0 0 8px;font-size:21px;letter-spacing:-.035em}body.ht-page-production-event-dashboard .explainer p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.55}body.ht-page-production-event-dashboard .explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}body.ht-page-production-event-dashboard .explainer-step{border:1px solid var(--border);background:#fff;border-radius:16px;padding:12px}body.ht-page-production-event-dashboard .explainer-step b{display:block;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}body.ht-page-production-event-dashboard .explainer-step span{display:block;color:var(--text);font-size:14px;font-weight:800}body.ht-page-production-event-dashboard .pathbox{margin:0 0 18px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:var(--shadow-soft);padding:18px}body.ht-page-production-event-dashboard .pathbox h2{margin:0 0 6px;font-size:21px;letter-spacing:-.035em}body.ht-page-production-event-dashboard .pathbox p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.5}body.ht-page-production-event-dashboard .pathgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}body.ht-page-production-event-dashboard .pathcard{display:block;text-decoration:none;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:16px;padding:13px;transition:.16s transform,.16s box-shadow,.16s border-color}body.ht-page-production-event-dashboard .pathcard:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft);border-color:#b9cbef}body.ht-page-production-event-dashboard .pathcard b{display:block;color:var(--blue);font-size:14px;margin-bottom:4px}body.ht-page-production-event-dashboard .pathcard span{display:block;color:var(--muted);font-size:12px;line-height:1.38;font-weight:700}body.ht-page-production-event-dashboard .note{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:900px){
body.ht-page-production-event-dashboard .pathgrid{grid-template-columns:1fr}body.ht-page-production-event-dashboard .explainer-grid{grid-template-columns:1fr}
}@media(max-width:900px){
body.ht-page-production-event-dashboard .grid{grid-template-columns:1fr 1fr}
}@media(max-width:560px){
body.ht-page-production-event-dashboard .grid{grid-template-columns:1fr}body.ht-page-production-event-dashboard h1{font-size:32px}
}

/* --- P185 moved from production_events.php -> body.ht-page-production-events --- */
body.ht-page-production-events{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--text-soft:#22406d;--muted:#5f7698;--border:#dbe6f7;--blue:#040cd3;--blue-2:#325dff;--red:#ea4c4c;--green:#15b97f;--shadow:0 18px 48px rgba(13,33,72,.10);--shadow-soft:0 10px 24px rgba(13,33,72,.06)}body.ht-page-production-events *{box-sizing:border-box}body.ht-page-production-events{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%)}body.ht-page-production-events .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.92);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;box-shadow:var(--shadow-soft);cursor:pointer}body.ht-page-production-events .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue-2),var(--blue))}body.ht-page-production-events .btn.red{color:#fff;border-color:rgba(234,76,76,.18);background:linear-gradient(180deg,#ff6b6b,var(--red))}body.ht-page-production-events .btn.green{color:#fff;border-color:rgba(21,185,127,.18);background:linear-gradient(180deg,#22d093,var(--green))}body.ht-page-production-events .wrap{max-width:1240px;margin:0 auto;padding:30px 20px 48px}body.ht-page-production-events h1{margin:0;font-size:38px;letter-spacing:-.055em}body.ht-page-production-events .sub{color:var(--muted);font-size:15px;line-height:1.5;margin-top:9px;margin-bottom:20px}body.ht-page-production-events .back{margin-bottom:18px}body.ht-page-production-events .panel{background:rgba(255,255,255,.78);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:18px;margin-bottom:18px}body.ht-page-production-events .panel h2{margin:0 0 14px;font-size:24px;letter-spacing:-.04em}body.ht-page-production-events .msg, body.ht-page-production-events .err{padding:11px 13px;border-radius:14px;margin:0 0 14px;font-weight:850}body.ht-page-production-events .msg{background:#e9fbf4;border:1px solid #bdebd9;color:#0c5d40}body.ht-page-production-events .err{background:#fff1f1;border:1px solid #f0c6c6;color:#8f1d1d}body.ht-page-production-events .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.ht-page-production-events .full{grid-column:1/-1}body.ht-page-production-events label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:950;margin-bottom:6px}body.ht-page-production-events input, body.ht-page-production-events textarea, body.ht-page-production-events select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:13px;background:#fff;color:var(--text);padding:0 12px;font-weight:850;font-size:15px;outline:none}body.ht-page-production-events input:focus, body.ht-page-production-events textarea:focus, body.ht-page-production-events select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(4,12,211,.12)}body.ht-page-production-events select option{background:#fff;color:#10233f;font-weight:800}body.ht-page-production-events .match-link-field.is-hidden{display:none!important}body.ht-page-production-events textarea{padding:10px 12px;min-height:84px;resize:vertical}body.ht-page-production-events .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}body.ht-page-production-events .event-list{display:grid;gap:10px}body.ht-page-production-events .event{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px;box-shadow:var(--shadow-soft)}body.ht-page-production-events .datebox{width:78px;height:78px;border-radius:18px;background:#edf3ff;border:1px solid #d4e0fb;color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:950}body.ht-page-production-events .datebox b{font-size:20px;line-height:1}body.ht-page-production-events .datebox span{font-size:12px;margin-top:4px}body.ht-page-production-events .event h3{margin:0;font-size:19px;letter-spacing:-.035em}body.ht-page-production-events .meta{color:var(--text-soft);font-size:13px;line-height:1.4;margin-top:5px}body.ht-page-production-events .pill{display:inline-flex;font-size:11px;font-weight:900;color:var(--blue);border:1px solid #d4e0fb;background:#f3f7ff;border-radius:999px;padding:5px 8px}@media(max-width:900px){
body.ht-page-production-events .grid{grid-template-columns:1fr 1fr}body.ht-page-production-events .event{grid-template-columns:78px minmax(0,1fr)}body.ht-page-production-events .event-actions{grid-column:1/-1;justify-content:flex-start}
}@media(max-width:620px){
body.ht-page-production-events .grid{grid-template-columns:1fr}body.ht-page-production-events .event{grid-template-columns:1fr}body.ht-page-production-events .datebox{width:100%;height:auto;padding:12px;align-items:flex-start}
}

/* --- P185 moved from production_maps.php -> body.ht-page-production-maps --- */
body.ht-page-production-maps{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--text-soft:#22406d;--muted:#5f7698;--border:#dbe6f7;--border-strong:#c6d7f2;--blue:#040cd3;--blue-2:#325dff;--red:#ea4c4c;--green:#15b97f;--orange:#f4a62a;--shadow:0 18px 48px rgba(13,33,72,.10);--shadow-soft:0 10px 24px rgba(13,33,72,.06)}body.ht-page-production-maps *{box-sizing:border-box}body.ht-page-production-maps{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%)}body.ht-page-production-maps .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.92);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;box-shadow:var(--shadow-soft)}body.ht-page-production-maps .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue-2),var(--blue))}body.ht-page-production-maps .btn.red{color:#fff;border-color:rgba(234,76,76,.18);background:linear-gradient(180deg,#ff6b6b,var(--red))}body.ht-page-production-maps .wrap{max-width:1220px;margin:0 auto;padding:30px 20px 48px}body.ht-page-production-maps .back{margin-bottom:18px}body.ht-page-production-maps .hero{border:1px solid var(--border);border-radius:26px;background:rgba(255,255,255,.74);box-shadow:var(--shadow);padding:24px;margin-bottom:18px}body.ht-page-production-maps .emoji{font-size:42px;margin-bottom:12px}body.ht-page-production-maps h1{margin:0;font-size:40px;letter-spacing:-.055em}body.ht-page-production-maps .sub{color:var(--muted);font-size:16px;line-height:1.48;margin-top:9px;max-width:880px}body.ht-page-production-maps .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}body.ht-page-production-maps .stat{border:1px solid var(--border);background:#fff;border-radius:17px;padding:12px;box-shadow:var(--shadow-soft)}body.ht-page-production-maps .stat b{display:block;font-size:22px}body.ht-page-production-maps .stat span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:3px}body.ht-page-production-maps .filters{border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft);padding:16px;margin-bottom:18px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:12px;align-items:end}body.ht-page-production-maps .field label{display:block;font-size:12px;font-weight:900;color:var(--text-soft);margin:0 0 6px}body.ht-page-production-maps .field input, body.ht-page-production-maps .field select{width:100%;height:48px;border-radius:14px;border:1px solid #c8d8f2;background:#fff;color:#10233f;font-size:15px;font-weight:800;padding:0 14px;outline:none;box-shadow:0 6px 16px rgba(13,33,72,.05)}body.ht-page-production-maps .field select{appearance:auto}body.ht-page-production-maps .field input:focus, body.ht-page-production-maps .field select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(4,12,211,.12),0 8px 18px rgba(13,33,72,.08)}body.ht-page-production-maps .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body.ht-page-production-maps .card{min-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f7faff);box-shadow:var(--shadow-soft)}body.ht-page-production-maps .card.primary{background:linear-gradient(180deg,#f5f8ff,#edf3ff);border-color:#c7d7f5}body.ht-page-production-maps .topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}body.ht-page-production-maps .typeicon{font-size:32px}body.ht-page-production-maps .pill{display:inline-flex;font-size:11px;font-weight:900;color:var(--blue);border:1px solid #d4e0fb;background:#f3f7ff;border-radius:999px;padding:6px 9px;margin:0 5px 6px 0}body.ht-page-production-maps .pill.ok{color:#0b7651;border-color:#bfe8d8;background:#f2fff9}body.ht-page-production-maps .pill.warn{color:#7b4a00;border-color:#f2d49d;background:#fff9ec}body.ht-page-production-maps .pill.bad{color:#8f1d1d;border-color:#efcaca;background:#fff5f5}body.ht-page-production-maps .card h2{margin:6px 0 7px;font-size:22px;letter-spacing:-.04em;line-height:1.15}body.ht-page-production-maps .card p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.45}body.ht-page-production-maps .smallmeta{color:var(--muted);font-size:12px;font-weight:800;line-height:1.45;margin-top:8px}body.ht-page-production-maps .btnrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}body.ht-page-production-maps .empty{border:1px dashed #c7d7f5;border-radius:22px;background:#fff;padding:22px;color:var(--muted);font-weight:800}@media(max-width:950px){
body.ht-page-production-maps .filters{grid-template-columns:1fr 1fr}body.ht-page-production-maps .grid{grid-template-columns:1fr 1fr}body.ht-page-production-maps .stats{grid-template-columns:1fr 1fr}
}@media(max-width:620px){
body.ht-page-production-maps .filters, body.ht-page-production-maps .grid, body.ht-page-production-maps .stats{grid-template-columns:1fr}body.ht-page-production-maps h1{font-size:32px}
}

/* --- P185 moved from produktionsbereich.php -> body.ht-page-produktionsbereich --- */
body.ht-page-produktionsbereich{
  --bg:#f5f8ff;
  --bg2:#eef4ff;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --text:#10233f;
  --text-soft:#22406d;
  --muted:#5f7698;
  --border:#dbe6f7;
  --border-strong:#c6d7f2;
  --blue:#040cd3;
  --blue-2:#325dff;
  --blue-soft:#edf2ff;
  --red:#ea4c4c;
  --shadow:0 18px 48px rgba(13,33,72,.10);
  --shadow-soft:0 10px 24px rgba(13,33,72,.06);
}body.ht-page-produktionsbereich *{box-sizing:border-box}body.ht-page-produktionsbereich, body.ht-page-produktionsbereich{margin:0;padding:0}body.ht-page-produktionsbereich{
  min-height:100vh;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(740px 340px at 100% 8%, rgba(0,186,255,.10), transparent 56%),
    linear-gradient(180deg, #f8fbff 0%, #f2f7ff 42%, #eef4ff 100%);
}body.ht-page-produktionsbereich .btn{
  min-height:42px;
  padding:0 14px;
  border-radius:13px;
  border:1px solid var(--border);
  color:var(--text);
  background:rgba(255,255,255,.92);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  font-size:14px;
  box-shadow:var(--shadow-soft);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}body.ht-page-produktionsbereich .btn:hover{
  transform:translateY(-1px);
  border-color:var(--border-strong);
  box-shadow:0 14px 28px rgba(13,33,72,.10);
}body.ht-page-produktionsbereich .btn.primary{
  color:#fff;
  border-color:rgba(4,12,211,.18);
  background:linear-gradient(180deg,var(--blue-2),var(--blue));
}body.ht-page-produktionsbereich .btn.red{
  color:#fff;
  border-color:rgba(234,76,76,.18);
  background:linear-gradient(180deg,#ff6b6b,var(--red));
}body.ht-page-produktionsbereich .wrap{
  max-width:1220px;
  margin:0 auto;
  padding:30px 20px 48px;
}body.ht-page-produktionsbereich .back{margin-bottom:18px}body.ht-page-produktionsbereich .hero{
  border:1px solid var(--border);
  border-radius:26px;
  background:rgba(255,255,255,.74);
  backdrop-filter:blur(8px);
  box-shadow:var(--shadow);
  padding:24px;
  margin-bottom:18px;
}body.ht-page-produktionsbereich .emoji{
  font-size:40px;
  margin-bottom:12px;
}body.ht-page-produktionsbereich h1{
  margin:0;
  font-size:40px;
  letter-spacing:-.055em;
  line-height:1.02;
}body.ht-page-produktionsbereich .sub{
  color:var(--muted);
  font-size:16px;
  line-height:1.48;
  margin-top:9px;
  max-width:820px;
}body.ht-page-produktionsbereich .grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}body.ht-page-produktionsbereich .card{
  min-height:176px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border-radius:20px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#ffffff,#f7faff);
  box-shadow:var(--shadow-soft);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}body.ht-page-produktionsbereich .card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 32px rgba(13,33,72,.10);
  border-color:#bfd2f3;
}body.ht-page-produktionsbereich .card.primary{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff);
  border-color:#c7d7f5;
}body.ht-page-produktionsbereich .card.red{
  background:linear-gradient(180deg,#fff6f6,#fff1f1);
  border-color:#f0d0d0;
}body.ht-page-produktionsbereich .pill{
  display:inline-flex;
  font-size:11px;
  font-weight:900;
  color:var(--blue);
  border:1px solid #d4e0fb;
  background:#f3f7ff;
  border-radius:999px;
  padding:6px 9px;
  margin-bottom:10px;
}body.ht-page-produktionsbereich .card h2{
  margin:0 0 7px;
  font-size:22px;
  letter-spacing:-.04em;
  line-height:1.15;
}body.ht-page-produktionsbereich .card p{
  margin:0;
  color:var(--text-soft);
  font-size:14px;
  line-height:1.45;
}body.ht-page-produktionsbereich .btnrow{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}body.ht-page-produktionsbereich .btnrow .btn{min-width:118px}body.ht-page-produktionsbereich .note{
  margin-top:18px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}@media(max-width:900px){
body.ht-page-produktionsbereich .grid{grid-template-columns:1fr 1fr}
}@media(max-width:560px){
body.ht-page-produktionsbereich .grid{grid-template-columns:1fr}body.ht-page-produktionsbereich h1{font-size:32px}
}body.ht-page-produktionsbereich /* --- Produktionsbereich: Vereinskacheln --- */
.subhead{
  margin:22px 0 12px;
  font-size:24px;
  letter-spacing:-.04em;
  color:var(--text);
}body.ht-page-produktionsbereich .club-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}body.ht-page-produktionsbereich .club-logo{
  width:58px;
  height:58px;
  border-radius:18px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#ffffff,#f4f8ff);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}body.ht-page-produktionsbereich .club-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:8px;
}body.ht-page-produktionsbereich .club-card{
  min-height:210px;
}

/* --- P185 moved from match_overview.php -> body.ht-page-match-overview --- */
body.ht-page-match-overview{--text:#10233f;--text-soft:#22406d;--muted:#5f7698;--border:#dbe6f7;--blue:#040cd3;--blue-2:#325dff;--red:#ea4c4c;--green:#15b97f;--shadow:0 18px 48px rgba(13,33,72,.10);--shadow-soft:0 10px 24px rgba(13,33,72,.06)}body.ht-page-match-overview *{box-sizing:border-box}body.ht-page-match-overview{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%)}body.ht-page-match-overview .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.92);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;box-shadow:var(--shadow-soft)}body.ht-page-match-overview .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue-2),var(--blue))}body.ht-page-match-overview .btn.red{color:#fff;border-color:rgba(234,76,76,.18);background:linear-gradient(180deg,#ff6b6b,var(--red))}body.ht-page-match-overview .wrap{max-width:1220px;margin:0 auto;padding:30px 20px 48px}body.ht-page-match-overview .hero{border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.78);box-shadow:var(--shadow);padding:28px;margin-bottom:18px}body.ht-page-match-overview .badge{display:inline-flex;border-radius:999px;border:1px solid #d4e0fb;background:#f3f7ff;color:var(--blue);padding:6px 10px;font-size:12px;font-weight:950;margin-bottom:14px}body.ht-page-match-overview .badge.live{color:#fff;background:linear-gradient(180deg,#22d093,var(--green));border-color:rgba(21,185,127,.25)}body.ht-page-match-overview h1{margin:0;font-size:44px;letter-spacing:-.06em}body.ht-page-match-overview .sub{color:var(--muted);font-size:16px;line-height:1.5;margin-top:10px}body.ht-page-match-overview .panel{border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.74);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}body.ht-page-match-overview .panel h2{margin:0 0 12px;font-size:24px;letter-spacing:-.04em}body.ht-page-match-overview .status-grid, body.ht-page-match-overview .link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}body.ht-page-match-overview .status{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fff,#f7faff);padding:14px;display:flex;gap:12px;align-items:center}body.ht-page-match-overview .dot{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:950;color:#fff;background:#ff8a1f}body.ht-page-match-overview .status.ok .dot{background:linear-gradient(180deg,#22d093,var(--green))}body.ht-page-match-overview .status b{display:block}body.ht-page-match-overview .status span{display:block;color:var(--muted);font-size:12px;margin-top:3px}body.ht-page-match-overview .link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.ht-page-match-overview .link-grid .btn{width:100%}@media(max-width:900px){
body.ht-page-match-overview .status-grid, body.ht-page-match-overview .link-grid{grid-template-columns:1fr 1fr}
}@media(max-width:540px){
body.ht-page-match-overview .status-grid, body.ht-page-match-overview .link-grid{grid-template-columns:1fr}body.ht-page-match-overview h1{font-size:34px}
}

/* --- P185 moved from match_preparation_overview.php -> body.ht-page-match-preparation-overview --- */
body.ht-page-match-preparation-overview{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--muted:#617798;--border:#dbe6f7;--blue:#040cd3;--blue2:#325dff;--green:#18bf83;--orange:#ff914d;--red:#ef5350;--shadow:0 18px 48px rgba(13,33,72,.10);--radius:24px}body.ht-page-match-preparation-overview *{box-sizing:border-box}body.ht-page-match-preparation-overview{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff,#eef4ff);color:var(--text);font-weight:750}body.ht-page-match-preparation-overview .btn, body.ht-page-match-preparation-overview button{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.96);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:14px;box-shadow:0 10px 24px rgba(13,33,72,.08);cursor:pointer}body.ht-page-match-preparation-overview .btn.primary, body.ht-page-match-preparation-overview button.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue2),var(--blue))}body.ht-page-match-preparation-overview .wrap{max-width:1260px;margin:0 auto;padding:30px 20px 52px}body.ht-page-match-preparation-overview .hero{margin:6px 0 22px}body.ht-page-match-preparation-overview .hero h1{margin:0;font-size:40px;letter-spacing:-.05em;line-height:1.05}body.ht-page-match-preparation-overview .hero p{margin:10px 0 0;color:var(--muted);font-size:16px}body.ht-page-match-preparation-overview .panel{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}body.ht-page-match-preparation-overview .filters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;align-items:end}body.ht-page-match-preparation-overview .field label{display:block;font-size:12px;color:var(--muted);font-weight:950;margin:0 0 6px}body.ht-page-match-preparation-overview .field input, body.ht-page-match-preparation-overview .field select{width:100%;height:48px;border:1px solid #c8d8f2;border-radius:14px;background:#fff;color:#10233f;font-size:15px;font-weight:850;padding:0 13px;outline:none}body.ht-page-match-preparation-overview .field input:focus, body.ht-page-match-preparation-overview .field select:focus{border-color:#325dff;box-shadow:0 0 0 4px rgba(50,93,255,.14)}body.ht-page-match-preparation-overview .table{width:100%;border-collapse:separate;border-spacing:0 10px}body.ht-page-match-preparation-overview .table th{font-size:12px;color:var(--muted);text-align:left;padding:0 12px}body.ht-page-match-preparation-overview .table td{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 12px;vertical-align:middle}body.ht-page-match-preparation-overview .table td:first-child{border-left:1px solid var(--border);border-radius:16px 0 0 16px}body.ht-page-match-preparation-overview .table td:last-child{border-right:1px solid var(--border);border-radius:0 16px 16px 0}body.ht-page-match-preparation-overview .matchTitle{font-weight:950}body.ht-page-match-preparation-overview .matchMeta{color:var(--muted);font-size:13px;margin-top:3px}body.ht-page-match-preparation-overview .statusLine{display:flex;gap:6px;flex-wrap:wrap}body.ht-page-match-preparation-overview .miniStatus{height:30px;padding:0 9px;border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:950;background:#f8fbff}body.ht-page-match-preparation-overview .miniStatus i{width:18px;height:18px;border-radius:999px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px}body.ht-page-match-preparation-overview .miniStatus.ok{border-color:rgba(24,191,131,.26);background:#e9fbf4;color:#0b6d49}body.ht-page-match-preparation-overview .miniStatus.ok i{background:var(--green)}body.ht-page-match-preparation-overview .miniStatus.warn{border-color:rgba(255,145,77,.30);background:#fff5ed;color:#9a4b13}body.ht-page-match-preparation-overview .miniStatus.warn i{background:var(--orange)}body.ht-page-match-preparation-overview .miniStatus.bad{border-color:rgba(239,83,80,.30);background:#fff0f0;color:#a01d1d}body.ht-page-match-preparation-overview .miniStatus.bad i{background:var(--red)}body.ht-page-match-preparation-overview .empty{padding:28px;text-align:center;color:var(--muted);font-weight:850}@media(max-width:900px){
body.ht-page-match-preparation-overview .filters{grid-template-columns:1fr}body.ht-page-match-preparation-overview .table{display:block;overflow-x:auto}body.ht-page-match-preparation-overview .hero h1{font-size:32px}
}body.ht-page-match-preparation-overview select, body.ht-page-match-preparation-overview input, body.ht-page-match-preparation-overview textarea{font-family:inherit;}

/* --- P185 moved from match_recordings.php -> body.ht-page-match-recordings --- */
body.ht-page-match-recordings{--bg:#f5f8ff;--text:#10233f;--muted:#5f7698;--line:#dbe6f7;--blue:#040cd3;--card:#fff;--shadow:0 18px 48px rgba(13,33,72,.10)}body.ht-page-match-recordings *{box-sizing:border-box}body.ht-page-match-recordings{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff,#eef4ff);color:var(--text)}body.ht-page-match-recordings .nav{display:flex;gap:8px;flex-wrap:wrap}body.ht-page-match-recordings .nav a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 11px;font-weight:850;background:rgba(255,255,255,.08)}body.ht-page-match-recordings .wrap{max-width:1180px;margin:24px auto 40px;padding:0 18px}body.ht-page-match-recordings .hero, body.ht-page-match-recordings .card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px;margin-bottom:16px}body.ht-page-match-recordings .hero h1{margin:0;font-size:30px;letter-spacing:-.03em}body.ht-page-match-recordings .sub{color:var(--muted);margin:7px 0 0}body.ht-page-match-recordings .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}body.ht-page-match-recordings .item{border:1px solid var(--line);border-radius:18px;background:#f8fbff;padding:16px;display:flex;flex-direction:column;gap:10px}body.ht-page-match-recordings .tag{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:950}body.ht-page-match-recordings .item h3{margin:0;font-size:18px}body.ht-page-match-recordings .item p{margin:0;color:var(--muted)}body.ht-page-match-recordings .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}body.ht-page-match-recordings .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--text);text-decoration:none;border-radius:14px;padding:10px 13px;font-weight:950}body.ht-page-match-recordings .btn.blue{background:linear-gradient(180deg,#1624ff,#040cd3);border-color:#040cd3;color:#fff}body.ht-page-match-recordings .empty{border:1px dashed #c8d8f0;border-radius:18px;padding:18px;color:var(--muted);background:#fbfdff}body.ht-page-match-recordings .meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}body.ht-page-match-recordings .pill{display:inline-flex;border:1px solid var(--line);background:#f6f9ff;border-radius:999px;padding:6px 10px;font-weight:850;color:#355274}

/* --- P185 moved from matchauswahl.php -> body.ht-page-matchauswahl --- */
body.ht-page-matchauswahl{--surface:#fff;--surface2:#f8fbff;--text:#10233f;--muted:#617798;--border:#dbe6f7;--blue:#040cd3;--blue2:#325dff;--green:#18bf83;--red:#ef5350;--shadow:0 18px 50px rgba(13,33,72,.08);--radius:24px}body.ht-page-matchauswahl *{box-sizing:border-box}body.ht-page-matchauswahl{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 420px at 88% 10%,rgba(4,12,211,.08),transparent 60%),linear-gradient(180deg,#f7fbff 0%,#eef4fb 100%);color:var(--text);font-weight:750}body.ht-page-matchauswahl a{text-decoration:none;color:inherit}body.ht-page-matchauswahl .nav{display:flex;gap:10px;flex-wrap:wrap}body.ht-page-matchauswahl .btn, body.ht-page-matchauswahl .nav a, body.ht-page-matchauswahl button{height:42px;padding:0 15px;border-radius:14px;border:1px solid var(--border);background:#fff;color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:950;cursor:pointer;box-shadow:0 4px 12px rgba(13,33,72,.08)}body.ht-page-matchauswahl .nav a{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none}body.ht-page-matchauswahl .nav a.primary, body.ht-page-matchauswahl .btn.primary, body.ht-page-matchauswahl button.primary{background:linear-gradient(180deg,var(--blue2),var(--blue));color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(4,12,211,.18)}body.ht-page-matchauswahl .wrap{max-width:1180px;margin:0 auto;padding:28px 18px 44px}body.ht-page-matchauswahl .hero{background:#fff;border:1px solid var(--border);border-radius:28px;padding:22px;box-shadow:var(--shadow);margin-bottom:16px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}body.ht-page-matchauswahl .hero h1{margin:0;font-size:34px;letter-spacing:-.05em;line-height:1}body.ht-page-matchauswahl .hero p{margin:8px 0 0;color:var(--muted);font-weight:850}body.ht-page-matchauswahl .heroBadge{display:inline-flex;border:1px solid var(--border);background:#eef4ff;color:var(--blue);font-weight:1000;border-radius:999px;padding:8px 12px}body.ht-page-matchauswahl .card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px}body.ht-page-matchauswahl .filterGrid{display:grid;grid-template-columns:220px 260px auto;gap:12px;align-items:end;justify-content:start}body.ht-page-matchauswahl label{display:block;font-size:12px;color:var(--muted);font-weight:1000;text-transform:uppercase;margin-bottom:6px}body.ht-page-matchauswahl select{width:100%;height:44px;border-radius:14px;border:1px solid var(--border);background:#fff;color:#10233f;padding:0 12px;font-weight:950;outline:none}body.ht-page-matchauswahl select option{background:#fff;color:#10233f}body.ht-page-matchauswahl .tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0 16px}body.ht-page-matchauswahl .tab{height:42px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:#f8fbff;font-weight:950;color:var(--muted)}body.ht-page-matchauswahl .tab.active{background:linear-gradient(180deg,var(--blue2),var(--blue));color:#fff;border-color:transparent}body.ht-page-matchauswahl .matchList{display:grid;grid-template-columns:1fr;gap:12px}body.ht-page-matchauswahl .match{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#fff,#f9fbff);padding:14px;box-shadow:0 8px 22px rgba(13,33,72,.05)}body.ht-page-matchauswahl .datebox{width:82px;height:82px;border-radius:20px;background:#eef4ff;border:1px solid #dbe6f7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}body.ht-page-matchauswahl .datebox b{font-size:18px}body.ht-page-matchauswahl .datebox span{font-size:12px;color:var(--muted);font-weight:950;margin-top:2px}body.ht-page-matchauswahl .match h3{margin:0;font-size:20px;letter-spacing:-.03em}body.ht-page-matchauswahl .meta{margin-top:5px;color:var(--muted);font-size:13px;font-weight:850}body.ht-page-matchauswahl .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}body.ht-page-matchauswahl .pill{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--muted);font-size:12px;font-weight:1000}body.ht-page-matchauswahl .pill.live{background:linear-gradient(180deg,#22d093,var(--green));color:#fff;border-color:rgba(21,185,127,.25)}body.ht-page-matchauswahl .pill.end{background:#edf1f8;color:#6d7890}body.ht-page-matchauswahl .pill.soon{background:linear-gradient(180deg,var(--blue2),var(--blue));color:#fff}body.ht-page-matchauswahl .pill.future{color:var(--blue)}body.ht-page-matchauswahl .empty{border:1px solid var(--border);border-radius:22px;background:#fff;padding:22px;color:var(--muted);box-shadow:var(--shadow)}body.ht-page-matchauswahl .empty h3{margin:0 0 6px;color:#10233f;font-size:22px;letter-spacing:-.04em}body.ht-page-matchauswahl .empty p{margin:0 0 14px;font-weight:850}body.ht-page-matchauswahl .emptyActions{display:flex;gap:8px;flex-wrap:wrap}body.ht-page-matchauswahl .tabsTop{margin:0 0 14px}body.ht-page-matchauswahl .tabsTop .tabs{justify-content:center}body.ht-page-matchauswahl .quickInfo{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}body.ht-page-matchauswahl .quickInfo span{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;border:1px solid var(--border);background:#fff;color:#496489;font-weight:950;font-size:13px;padding:0 12px}body.ht-page-matchauswahl .quickInfo b{color:#10233f}@media(max-width:900px){
body.ht-page-matchauswahl .filterGrid{grid-template-columns:1fr}body.ht-page-matchauswahl .match{grid-template-columns:78px minmax(0,1fr)}body.ht-page-matchauswahl .actions{grid-column:1/-1;justify-content:flex-start}
}@media(max-width:560px){
body.ht-page-matchauswahl .match{grid-template-columns:1fr}body.ht-page-matchauswahl .datebox{width:100%;height:auto;align-items:flex-start;padding:12px}body.ht-page-matchauswahl .btn, body.ht-page-matchauswahl .nav a, body.ht-page-matchauswahl button{width:100%}
}

/* --- P185 moved from matches_archivieren.php -> body.ht-page-matches-archivieren --- */
body.ht-page-matches-archivieren{--bg:#f5f8ff;--text:#10233f;--muted:#64748b;--border:#dbe6f7;--shadow:0 18px 50px rgba(13,33,72,.08);--radius:20px;--blue:#040cd3;--blue2:#325dff;--green:#18bf83;--red:#ef5350}body.ht-page-matches-archivieren *{box-sizing:border-box}body.ht-page-matches-archivieren{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff 0,#eef4ff 100%);color:var(--text);font-weight:750}body.ht-page-matches-archivieren .wrap{max-width:960px;margin:0 auto;padding:30px 20px 52px}body.ht-page-matches-archivieren .card{border:1px solid var(--border);background:rgba(255,255,255,.94);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:0 0 18px}body.ht-page-matches-archivieren h1{margin:0 0 8px;font-size:32px;line-height:1.05;letter-spacing:-.04em;color:var(--text)}body.ht-page-matches-archivieren p{color:var(--muted);line-height:1.48;margin:10px 0 0}body.ht-page-matches-archivieren .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}body.ht-page-matches-archivieren .stat{border:1px solid var(--border);background:#f8fbff;border-radius:16px;padding:15px}body.ht-page-matches-archivieren .stat b{display:block;font-size:30px;line-height:1;margin-bottom:8px;letter-spacing:-.04em;color:var(--text)}body.ht-page-matches-archivieren .stat span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}body.ht-page-matches-archivieren .msg, body.ht-page-matches-archivieren .err{padding:12px 14px;border-radius:14px;margin:0 0 16px;font-size:14px;font-weight:900;border:1px solid}body.ht-page-matches-archivieren .msg{border-color:#bdebd9;background:#e9fbf4;color:#0c5d40}body.ht-page-matches-archivieren .err{border-color:#ffc7c7;background:#fff0f0;color:#9b1c1c}body.ht-page-matches-archivieren .btn, body.ht-page-matches-archivieren button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:#f4f7ff;font-weight:950;font-size:13px;cursor:pointer;box-shadow:0 8px 18px rgba(13,33,72,.08)}body.ht-page-matches-archivieren .btn:hover, body.ht-page-matches-archivieren button:hover{background:#fff;transform:translateY(-1px)}body.ht-page-matches-archivieren .btn.primary, body.ht-page-matches-archivieren button.primary{color:#fff;background:linear-gradient(180deg,var(--blue2),var(--blue));border-color:rgba(4,12,211,.18)}body.ht-page-matches-archivieren .btn.red, body.ht-page-matches-archivieren button.red{color:#fff;background:linear-gradient(180deg,#ff6b6b,var(--red));border-color:rgba(239,83,80,.22)}body.ht-page-matches-archivieren .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media(max-width:760px){
body.ht-page-matches-archivieren .wrap{padding:22px 16px 42px}body.ht-page-matches-archivieren .stats{grid-template-columns:1fr !important}body.ht-page-matches-archivieren .actions .btn, body.ht-page-matches-archivieren .actions button{width:100%}
}

/* --- P185 moved from recordings_list.php -> body.ht-page-recordings-list --- */
body.ht-page-recordings-list{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --accent:#4f7cff; --accent2:#19c37d;
      --danger:#ff4d4d; --border:rgba(255,255,255,.10); --shadow:0 10px 30px rgba(0,0,0,.35); --radius:16px;
    }body.ht-page-recordings-list{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 20% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 90% 10%, rgba(25,195,125,.20), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-recordings-list a.btn, body.ht-page-recordings-list .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);
      text-decoration:none;color:var(--text);background:rgba(255,255,255,.05);transition:transform .08s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;font-weight:750;font-size:14px;
    }body.ht-page-recordings-list a.btn:hover, body.ht-page-recordings-list .btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}body.ht-page-recordings-list a.btn.primary{background:linear-gradient(180deg,rgba(79,124,255,.95),rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-recordings-list a.btn.green{background:linear-gradient(180deg,rgba(25,195,125,.90),rgba(25,195,125,.70));border-color:rgba(25,195,125,.35);}body.ht-page-recordings-list a.btn.red{background:linear-gradient(180deg,rgba(255,77,77,.92),rgba(255,77,77,.72));border-color:rgba(255,77,77,.40);}body.ht-page-recordings-list a.btn.switch{border-color:rgba(79,124,255,.72);background:linear-gradient(135deg,#315cff,#6285ff);color:#fff;box-shadow:0 12px 30px rgba(79,124,255,.24);}body.ht-page-recordings-list .wrap{max-width:1100px;margin:18px auto 28px;padding:0 18px 30px;}body.ht-page-recordings-list h1{margin:16px 0 6px;font-size:30px;letter-spacing:.2px;}body.ht-page-recordings-list .sub{color:var(--muted);font-size:14px;line-height:1.35;margin-bottom:14px;}body.ht-page-recordings-list .contextbar{margin:0 0 18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}body.ht-page-recordings-list .context-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(79,124,255,.32);background:rgba(79,124,255,.13);color:#eef2ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:850;}body.ht-page-recordings-list .context-chip span{color:var(--muted);font-weight:750;}body.ht-page-recordings-list .section{margin-top:24px;}body.ht-page-recordings-list .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;}body.ht-page-recordings-list .section:first-of-type .section-head{border-top:0;padding-top:0;}body.ht-page-recordings-list .section-title{margin:0;font-size:22px;font-weight:950;}body.ht-page-recordings-list .section-desc{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.35;}body.ht-page-recordings-list .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}@media(max-width:900px){
body.ht-page-recordings-list .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}@media(max-width:620px){
body.ht-page-recordings-list .grid{grid-template-columns:1fr;}
}body.ht-page-recordings-list .card{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow:hidden;}body.ht-page-recordings-list .card.regie{border-color:rgba(255,77,77,.38);background:linear-gradient(180deg,rgba(255,77,77,.16),rgba(255,255,255,.03));box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 40px rgba(255,77,77,.14);}body.ht-page-recordings-list .card.regie::after{content:"🎬";position:absolute;top:10px;right:12px;font-size:20px;opacity:.85;}body.ht-page-recordings-list .title{font-weight:850;letter-spacing:.2px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-right:28px;}body.ht-page-recordings-list .desc{color:var(--muted);font-size:13px;line-height:1.35;margin-top:6px;}body.ht-page-recordings-list .btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}body.ht-page-recordings-list .pill{font-size:12px;color:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);white-space:nowrap;}body.ht-page-recordings-list .footer{margin-top:18px;color:var(--muted);font-size:12px;opacity:.95;}body.ht-page-recordings-list .stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}body.ht-page-recordings-list .stat{font-size:12px;color:var(--muted);padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--border);font-weight:800;white-space:nowrap;}body.ht-page-recordings-list .table-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}body.ht-page-recordings-list table{width:100%;border-collapse:collapse;}body.ht-page-recordings-list th, body.ht-page-recordings-list td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.075);vertical-align:middle;}body.ht-page-recordings-list th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.045);font-weight:900;}body.ht-page-recordings-list tr:last-child td{border-bottom:0;}body.ht-page-recordings-list tbody tr{transition:background .12s ease;}body.ht-page-recordings-list tbody tr:hover{background:rgba(255,255,255,.035);}body.ht-page-recordings-list .date-main{font-weight:900;font-size:16px;line-height:1.1;}body.ht-page-recordings-list .date-sub{font-size:12px;color:var(--muted);font-weight:800;margin-top:4px;}body.ht-page-recordings-list .team-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:900;margin-bottom:3px;}body.ht-page-recordings-list .team-name{font-weight:900;font-size:15px;line-height:1.2;}body.ht-page-recordings-list .content-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);font-size:12px;font-weight:850;color:rgba(255,255,255,.92);white-space:nowrap;}body.ht-page-recordings-list .empty{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);color:var(--muted);font-size:14px;line-height:1.45;}body.ht-page-recordings-list .empty b{color:var(--text);}body.ht-page-recordings-list .mobile-list{display:none;}body.ht-page-recordings-list .match-card{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:11px;}body.ht-page-recordings-list .match-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}body.ht-page-recordings-list .match-date{font-weight:950;font-size:17px;}body.ht-page-recordings-list .match-day{color:var(--muted);font-size:12px;font-weight:800;margin-top:2px;}body.ht-page-recordings-list .match-teams{display:grid;gap:9px;}body.ht-page-recordings-list .match-action{display:flex;justify-content:flex-start;}@media(max-width:760px){
body.ht-page-recordings-list .table-card{display:none;}body.ht-page-recordings-list .mobile-list{display:grid;grid-template-columns:1fr;gap:12px;}body.ht-page-recordings-list .contextbar{margin-bottom:14px;}
}body.ht-page-recordings-list /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-recordings-list, body.ht-page-recordings-list{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-recordings-list{color:#10233f !important;}body.ht-page-recordings-list .btn.green, body.ht-page-recordings-list a.btn.green, body.ht-page-recordings-list .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-recordings-list .btn.red, body.ht-page-recordings-list a.btn.red, body.ht-page-recordings-list .red, body.ht-page-recordings-list .danger, body.ht-page-recordings-list .delete, body.ht-page-recordings-list .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-recordings-list .wrap, body.ht-page-recordings-list .container, body.ht-page-recordings-list main{
  color:#10233f !important;
}body.ht-page-recordings-list .card, body.ht-page-recordings-list .panel, body.ht-page-recordings-list .box, body.ht-page-recordings-list .tile, body.ht-page-recordings-list .item, body.ht-page-recordings-list .section, body.ht-page-recordings-list .list, body.ht-page-recordings-list .table-card, body.ht-page-recordings-list form.card, body.ht-page-recordings-list fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-recordings-list h1, body.ht-page-recordings-list h2, body.ht-page-recordings-list h3, body.ht-page-recordings-list h4, body.ht-page-recordings-list strong, body.ht-page-recordings-list b, body.ht-page-recordings-list label, body.ht-page-recordings-list .title, body.ht-page-recordings-list .name, body.ht-page-recordings-list .lbl{
  color:#10233f !important;
}body.ht-page-recordings-list p, body.ht-page-recordings-list .sub, body.ht-page-recordings-list .muted, body.ht-page-recordings-list .hint, body.ht-page-recordings-list .meta, body.ht-page-recordings-list .note, body.ht-page-recordings-list .small, body.ht-page-recordings-list .foot, body.ht-page-recordings-list .help{
  color:#5f7698 !important;
}body.ht-page-recordings-list input, body.ht-page-recordings-list select, body.ht-page-recordings-list textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-recordings-list input::placeholder, body.ht-page-recordings-list textarea::placeholder{color:#8aa0be !important;}body.ht-page-recordings-list select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-recordings-list table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-recordings-list th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-recordings-list td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-recordings-list tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-recordings-list .pill, body.ht-page-recordings-list .badge, body.ht-page-recordings-list .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-recordings-list .msg, body.ht-page-recordings-list .ok, body.ht-page-recordings-list .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-recordings-list .err, body.ht-page-recordings-list .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-recordings-list hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-recordings-list code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-recordings-list /* ===== Technik Stammdaten Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-recordings-list .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-recordings-list .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-recordings-list .card h2, body.ht-page-recordings-list .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-recordings-list .row, body.ht-page-recordings-list .filterBar, body.ht-page-recordings-list .filters, body.ht-page-recordings-list .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-recordings-list .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-recordings-list .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-recordings-list .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-recordings-list label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-recordings-list input[type="text"], body.ht-page-recordings-list input[type="email"], body.ht-page-recordings-list input[type="password"], body.ht-page-recordings-list input[type="number"], body.ht-page-recordings-list input[type="date"], body.ht-page-recordings-list input[type="time"], body.ht-page-recordings-list select, body.ht-page-recordings-list textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-recordings-list textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-recordings-list .card .btn, body.ht-page-recordings-list .card button, body.ht-page-recordings-list .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-recordings-list .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-recordings-list .actions .btn, body.ht-page-recordings-list .actions button, body.ht-page-recordings-list .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-recordings-list table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-recordings-list th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-recordings-list td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-recordings-list tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-recordings-list td form{ margin:0 !important; }body.ht-page-recordings-list .badge, body.ht-page-recordings-list .pill, body.ht-page-recordings-list .tag, body.ht-page-recordings-list .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-recordings-list .kpiGrid, body.ht-page-recordings-list .stats, body.ht-page-recordings-list .summary, body.ht-page-recordings-list .grid{
  gap:16px !important;
}body.ht-page-recordings-list .kpi, body.ht-page-recordings-list .stat, body.ht-page-recordings-list .summaryBox, body.ht-page-recordings-list .item, body.ht-page-recordings-list .tile, body.ht-page-recordings-list .box, body.ht-page-recordings-list .settingBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-recordings-list pre, body.ht-page-recordings-list code{
  border-radius:16px !important;
  background:#f3f7ff !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
}body.ht-page-recordings-list .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-recordings-list table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-recordings-list .field, body.ht-page-recordings-list .field.small, body.ht-page-recordings-list .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-recordings-list .actions .btn, body.ht-page-recordings-list .actions button, body.ht-page-recordings-list .actions input[type=submit], body.ht-page-recordings-list .field.btnw .btn, body.ht-page-recordings-list .field.btnw button{
    width:100% !important;
  }
}body.ht-page-recordings-list /* ===== Patch v16: Trainer-/Videoanalyse-Seiten ins helle Verwaltungsdesign ziehen ===== */
html, body.ht-page-recordings-list{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-recordings-list .wrap{
  max-width:1220px !important;
  padding:28px 20px 52px !important;
}body.ht-page-recordings-list h1, body.ht-page-recordings-list h2, body.ht-page-recordings-list h3, body.ht-page-recordings-list h4, body.ht-page-recordings-list .section-title, body.ht-page-recordings-list .title, body.ht-page-recordings-list .date-main, body.ht-page-recordings-list .team-name, body.ht-page-recordings-list b, body.ht-page-recordings-list strong{
  color:#10233f !important;
}body.ht-page-recordings-list .sub, body.ht-page-recordings-list .section-desc, body.ht-page-recordings-list .desc, body.ht-page-recordings-list .date-sub, body.ht-page-recordings-list .team-label, body.ht-page-recordings-list .footer, body.ht-page-recordings-list .muted{
  color:#5f7698 !important;
}body.ht-page-recordings-list .section, body.ht-page-recordings-list .card, body.ht-page-recordings-list .match-card, body.ht-page-recordings-list .table-card, body.ht-page-recordings-list .empty{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
  box-shadow:0 12px 28px rgba(13,33,72,.07) !important;
}body.ht-page-recordings-list .section{
  border-radius:22px !important;
  padding:18px !important;
}body.ht-page-recordings-list .section-head{
  border-top:0 !important;
  padding-top:0 !important;
}body.ht-page-recordings-list .card.regie, body.ht-page-recordings-list .season-card.regie{
  border-color:#cfdcf7 !important;
  background:linear-gradient(180deg,#ffffff,#f4f8ff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.08) !important;
}body.ht-page-recordings-list .context-chip, body.ht-page-recordings-list .content-pill, body.ht-page-recordings-list .pill, body.ht-page-recordings-list .badge, body.ht-page-recordings-list .tag, body.ht-page-recordings-list .status{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #cfdcf7 !important;
  box-shadow:0 4px 12px rgba(13,33,72,.04) !important;
}body.ht-page-recordings-list .context-chip span, body.ht-page-recordings-list .content-pill span, body.ht-page-recordings-list .pill span, body.ht-page-recordings-list .badge span{
  color:#5f7698 !important;
}body.ht-page-recordings-list .content-pill{
  min-height:28px !important;
  padding:0 12px !important;
  color:#10233f !important;
  font-weight:900 !important;
}body.ht-page-recordings-list table{
  background:#fff !important;
  border-color:#dbe6f7 !important;
}body.ht-page-recordings-list th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-recordings-list td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#e6eefb !important;
}body.ht-page-recordings-list tr:nth-child(even) td{background:#f9fbff !important;}@media(max-width:760px){
body.ht-page-recordings-list .wrap{padding:22px 14px 42px !important;}body.ht-page-recordings-list .section{padding:14px !important;}
}

/* --- P185 moved from recordings_setup.php -> body.ht-page-recordings-setup --- */
body.ht-page-recordings-setup{
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --text:#10233f;
  --text-soft:#22406d;
  --muted:#5f7698;
  --border:#dbe6f7;
  --border-strong:#c6d7f2;
  --blue:#040cd3;
  --blue-2:#325dff;
  --blue-soft:#edf2ff;
  --green:#15b97f;
  --red:#ea4c4c;
  --shadow:0 18px 48px rgba(13,33,72,.10);
  --shadow-soft:0 10px 24px rgba(13,33,72,.06);
  --radius:24px;
}body.ht-page-recordings-setup *{box-sizing:border-box}body.ht-page-recordings-setup{
  color:var(--text);
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(740px 340px at 100% 8%, rgba(0,186,255,.10), transparent 56%),
    linear-gradient(180deg, #f8fbff 0%, #f2f7ff 42%, #eef4ff 100%);
}body.ht-page-recordings-setup .wrap{
  max-width:1260px;
  margin:0 auto;
  padding:30px 20px 48px;
}body.ht-page-recordings-setup .hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin:6px 0 26px;
}body.ht-page-recordings-setup h1{
  margin:0;
  font-size:42px;
  letter-spacing:-.055em;
  line-height:1.02;
  color:var(--text);
}body.ht-page-recordings-setup .sub{
  color:var(--muted);
  font-size:16px;
  line-height:1.5;
  margin-top:10px;
  max-width:820px;
}body.ht-page-recordings-setup .mode-pill{
  border:1px solid rgba(4,12,211,.10);
  background:var(--blue-soft);
  color:var(--blue);
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:var(--shadow-soft);
  text-transform:uppercase;
  letter-spacing:.03em;
}body.ht-page-recordings-setup .section{
  margin:0 0 22px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
  box-shadow:var(--shadow);
  overflow:hidden;
}body.ht-page-recordings-setup .section-head{
  padding:22px 22px 16px;
  border-bottom:1px solid var(--border);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}body.ht-page-recordings-setup .section-title{
  margin:0;
  font-size:28px;
  letter-spacing:-.045em;
  line-height:1.08;
  color:var(--text);
}body.ht-page-recordings-setup .section-desc{
  margin-top:4px;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}body.ht-page-recordings-setup .status-body{
  padding:16px;
}body.ht-page-recordings-setup .status-box{
  border-radius:18px;
  padding:15px 16px;
  font-weight:850;
  line-height:1.45;
}body.ht-page-recordings-setup .status-box.is-ok{
  background:#e9fbf4;
  border:1px solid #bdebd9;
  color:#0c5d40;
}body.ht-page-recordings-setup .status-box.is-error{
  background:#fff1f1;
  border:1px solid #f0c6c6;
  color:#8f1d1d;
}body.ht-page-recordings-setup .grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:16px;
}body.ht-page-recordings-setup .card{
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:20px;
  border:1px solid #cfdcf4;
  background:
    radial-gradient(520px 180px at 0% 0%, rgba(50,93,255,.075), transparent 62%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 58%,#eef5ff 100%);
  box-shadow:0 12px 28px rgba(13,33,72,.075);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}body.ht-page-recordings-setup .card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 38px rgba(13,33,72,.12);
  border-color:#b8caf0;
  background:
    radial-gradient(540px 190px at 0% 0%, rgba(50,93,255,.105), transparent 64%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 54%,#eaf2ff 100%);
}body.ht-page-recordings-setup .card.primary{
  background:
    radial-gradient(540px 190px at 0% 0%, rgba(50,93,255,.105), transparent 64%),
    linear-gradient(180deg,#ffffff 0%,#f5f9ff 54%,#e8f0ff 100%);
  border-color:#bed0f2;
}body.ht-page-recordings-setup .card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}body.ht-page-recordings-setup .emoji{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f3f7ff,#e3ecff);
  border:1px solid #cbdaf5;
  font-size:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 8px 18px rgba(13,33,72,.06);
}body.ht-page-recordings-setup .pill{
  font-size:11px;
  font-weight:900;
  color:var(--blue);
  border:1px solid #cbdaf5;
  background:linear-gradient(180deg,#ffffff,#edf3ff);
  border-radius:999px;
  padding:6px 9px;
  white-space:nowrap;
}body.ht-page-recordings-setup .card h3{
  margin:14px 0 7px;
  font-size:22px;
  letter-spacing:-.04em;
  line-height:1.15;
  color:var(--text);
}body.ht-page-recordings-setup .card p{
  margin:0;
  color:var(--text-soft);
  font-size:14px;
  line-height:1.45;
}body.ht-page-recordings-setup .btnrow{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}body.ht-page-recordings-setup .btnrow .btn{
  min-width:118px;
  min-height:42px;
  color:#fff;
  border-color:rgba(4,12,211,.20);
  background:linear-gradient(180deg,var(--blue-2),var(--blue));
}body.ht-page-recordings-setup .btnrow .btn:hover{
  border-color:rgba(4,12,211,.30);
  box-shadow:0 14px 26px rgba(4,12,211,.16);
}body.ht-page-recordings-setup .footer{
  margin-top:22px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}@media(max-width:900px){
body.ht-page-recordings-setup .grid{grid-template-columns:1fr 1fr;}
}@media(max-width:760px){
body.ht-page-recordings-setup .hero{grid-template-columns:1fr;}body.ht-page-recordings-setup h1{font-size:34px;}body.ht-page-recordings-setup .mode-pill{justify-self:start;}
}@media(max-width:540px){
body.ht-page-recordings-setup .grid{grid-template-columns:1fr;}body.ht-page-recordings-setup .section-head{padding:18px 18px 14px;}body.ht-page-recordings-setup .wrap{padding:24px 14px 42px;}
}

/* --- P185 moved from equipment_checkliste.php -> body.ht-page-equipment-checkliste --- */
body.ht-page-equipment-checkliste{--bg:#0b1220;--text:#eef2ff;--muted:#aab3cf;--accent:#4f7cff;--accent2:#19c37d;--danger:#ff4d4d;--border:rgba(255,255,255,.10);--shadow:0 10px 30px rgba(0,0,0,.35);--radius:16px}body.ht-page-equipment-checkliste *{box-sizing:border-box}body.ht-page-equipment-checkliste{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1000px 500px at 20% 0%,rgba(79,124,255,.25),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(25,195,125,.20),transparent 60%),var(--bg);color:var(--text)}body.ht-page-equipment-checkliste .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.05);transition:transform .08s ease,background .12s ease,border-color .12s ease;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}body.ht-page-equipment-checkliste .btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}body.ht-page-equipment-checkliste .btn.primary{background:linear-gradient(180deg,rgba(79,124,255,.95),rgba(79,124,255,.75));border-color:rgba(79,124,255,.35)}body.ht-page-equipment-checkliste .btn.red{background:linear-gradient(180deg,rgba(255,77,77,.92),rgba(255,77,77,.72));border-color:rgba(255,77,77,.40)}body.ht-page-equipment-checkliste .btn.green{background:linear-gradient(180deg,rgba(25,195,125,.90),rgba(25,195,125,.70));border-color:rgba(25,195,125,.35)}body.ht-page-equipment-checkliste .wrap{max-width:1180px;margin:18px auto 28px;padding:0 18px 30px}body.ht-page-equipment-checkliste h1{margin:16px 0 6px;font-size:30px;letter-spacing:.2px}body.ht-page-equipment-checkliste .sub{color:var(--muted);font-size:14px;line-height:1.45;margin-bottom:16px;max-width:900px}body.ht-page-equipment-checkliste .msg, body.ht-page-equipment-checkliste .err{padding:11px 13px;border-radius:12px;margin:0 0 14px;font-size:14px;font-weight:800}body.ht-page-equipment-checkliste .msg{border:1px solid rgba(25,195,125,.35);background:rgba(25,195,125,.13)}body.ht-page-equipment-checkliste .err{border:1px solid rgba(255,77,77,.35);background:rgba(255,77,77,.13)}body.ht-page-equipment-checkliste .top-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;align-items:start;margin-bottom:16px}@media(max-width:920px){
body.ht-page-equipment-checkliste .top-grid{grid-template-columns:1fr}
}body.ht-page-equipment-checkliste .panel{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}body.ht-page-equipment-checkliste .panel h2{margin:0 0 6px;font-size:22px;font-weight:950}body.ht-page-equipment-checkliste .panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}body.ht-page-equipment-checkliste .match-title{font-size:18px;font-weight:950;line-height:1.2;margin-bottom:12px}body.ht-page-equipment-checkliste label{display:block;color:var(--muted);font-size:12px;font-weight:900;margin:0 0 7px;text-transform:uppercase;letter-spacing:.06em}body.ht-page-equipment-checkliste input, body.ht-page-equipment-checkliste select{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#111a2e;color:var(--text);padding:10px;font:inherit;outline:none}body.ht-page-equipment-checkliste select:focus, body.ht-page-equipment-checkliste input:focus{border-color:rgba(79,124,255,.55);box-shadow:0 0 0 3px rgba(79,124,255,.12)}body.ht-page-equipment-checkliste .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}body.ht-page-equipment-checkliste .stat{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:14px;padding:12px}body.ht-page-equipment-checkliste .stat b{display:block;font-size:22px;line-height:1;font-weight:950;margin-bottom:6px}body.ht-page-equipment-checkliste .stat span{display:block;color:var(--muted);font-size:12px;line-height:1.3;font-weight:700}body.ht-page-equipment-checkliste .progress-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);font-weight:850;margin-bottom:8px}body.ht-page-equipment-checkliste .progress-bar{height:12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.06);overflow:hidden}body.ht-page-equipment-checkliste .progress-fill{height:100%;width:0;background:linear-gradient(90deg,rgba(25,195,125,.72),rgba(25,195,125,.96));border-radius:999px;transition:width .18s ease}body.ht-page-equipment-checkliste .alert-open{margin-top:12px;border:1px solid rgba(255,77,77,.32);background:rgba(255,77,77,.10);color:#ffe7e7;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:850;display:none}body.ht-page-equipment-checkliste .alert-open.show{display:block}body.ht-page-equipment-checkliste .actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}body.ht-page-equipment-checkliste .filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 18px}body.ht-page-equipment-checkliste .filters{display:flex;gap:8px;flex-wrap:wrap}body.ht-page-equipment-checkliste .filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);font-size:13px;font-weight:850;cursor:pointer}body.ht-page-equipment-checkliste .filter-btn.active{background:rgba(79,124,255,.18);border-color:rgba(79,124,255,.35)}body.ht-page-equipment-checkliste .sections{display:grid;gap:14px}body.ht-page-equipment-checkliste .section-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}body.ht-page-equipment-checkliste .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}body.ht-page-equipment-checkliste .section-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:18px;font-weight:950}body.ht-page-equipment-checkliste .section-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;border:1px solid var(--border);background:rgba(255,255,255,.06);font-size:12px;font-weight:850;white-space:nowrap}body.ht-page-equipment-checkliste .section-body{padding:10px 12px 12px;display:grid;gap:8px}body.ht-page-equipment-checkliste .check-item{position:relative;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;padding:12px;display:grid;grid-template-columns:26px 80px minmax(0,1fr) auto;gap:12px;align-items:flex-start;transition:border-color .14s ease,background .14s ease,transform .08s ease,box-shadow .14s ease;cursor:pointer;user-select:none}body.ht-page-equipment-checkliste .check-item:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}body.ht-page-equipment-checkliste .check-item.done{border-color:rgba(25,195,125,.44);background:linear-gradient(180deg,rgba(25,195,125,.14),rgba(255,255,255,.03));box-shadow:0 0 0 1px rgba(25,195,125,.08) inset}body.ht-page-equipment-checkliste .check-box{width:26px;height:26px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:transparent;font-weight:950;flex:0 0 auto;margin-top:1px}body.ht-page-equipment-checkliste .check-item.done .check-box{color:#081420;background:#19c37d;border-color:rgba(25,195,125,.72)}body.ht-page-equipment-checkliste .qty{font-weight:950;color:#dfe8ff;font-size:14px;line-height:1.15;text-align:center;padding:6px 8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:10px;min-height:30px}body.ht-page-equipment-checkliste .check-title{font-weight:900;line-height:1.2;margin-bottom:4px}body.ht-page-equipment-checkliste .check-desc{color:var(--muted);font-size:12px;line-height:1.35}body.ht-page-equipment-checkliste .badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}body.ht-page-equipment-checkliste .badge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;color:#e7edff;background:rgba(255,255,255,.05);white-space:nowrap}body.ht-page-equipment-checkliste .badge.power{border-color:rgba(79,124,255,.35);background:rgba(79,124,255,.12)}body.ht-page-equipment-checkliste .badge.battery{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.12)}body.ht-page-equipment-checkliste .section-card[data-filter-hidden="1"]{display:none}body.ht-page-equipment-checkliste .add-grid{display:grid;grid-template-columns:1fr 110px 1fr 1fr;gap:10px;align-items:end}@media(max-width:880px){
body.ht-page-equipment-checkliste .add-grid{grid-template-columns:1fr 1fr}body.ht-page-equipment-checkliste .check-item{grid-template-columns:26px 70px minmax(0,1fr)}body.ht-page-equipment-checkliste .badges{grid-column:3 / -1;justify-content:flex-start}
}@media(max-width:620px){body.ht-page-equipment-checkliste h1{font-size:28px}body.ht-page-equipment-checkliste .stats{grid-template-columns:1fr}body.ht-page-equipment-checkliste .add-grid{grid-template-columns:1fr}body.ht-page-equipment-checkliste .check-item{grid-template-columns:26px 56px minmax(0,1fr);gap:10px}body.ht-page-equipment-checkliste .badges{grid-column:1 / -1;justify-content:flex-start}
}body.ht-page-equipment-checkliste .empty{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;color:var(--muted);font-size:14px;line-height:1.45}body.ht-page-equipment-checkliste .footer{margin-top:18px;color:var(--muted);font-size:12px;opacity:.95}body.ht-page-equipment-checkliste .equipment-modal-shell{
  position:fixed;inset:0;z-index:1000;display:none;
  background:rgba(0,0,0,.62);backdrop-filter:blur(8px);
  padding:18px;align-items:center;justify-content:center;
}body.ht-page-equipment-checkliste .equipment-modal-shell.show{display:flex;}body.ht-page-equipment-checkliste .equipment-modal-card{
  width:min(980px,100%);max-height:92vh;overflow:hidden;
  border:1px solid var(--border);border-radius:22px;
  background:linear-gradient(180deg,rgba(11,18,32,.98),rgba(11,18,32,.94));
  box-shadow:0 28px 80px rgba(0,0,0,.65);
  display:flex;flex-direction:column;
}body.ht-page-equipment-checkliste .equipment-modal-head{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
  padding:16px;border-bottom:1px solid var(--border);
}body.ht-page-equipment-checkliste .equipment-modal-close{
  width:42px;height:42px;border-radius:14px;border:1px solid var(--border);
  background:rgba(255,255,255,.06);color:var(--text);font-size:28px;line-height:1;cursor:pointer;
}body.ht-page-equipment-checkliste .equipment-modal-tools{
  display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);
}body.ht-page-equipment-checkliste .equipment-modal-tools input{
  height:44px;border-radius:12px;border:1px solid var(--border);
  background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;font-weight:800;
}body.ht-page-equipment-checkliste .inventory-picker{overflow:auto;padding:14px 16px;display:grid;gap:14px;}body.ht-page-equipment-checkliste .inventory-group{border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden;}body.ht-page-equipment-checkliste .inventory-group.hidden{display:none;}body.ht-page-equipment-checkliste .inventory-group-title{
  padding:10px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);font-weight:950;background:rgba(255,255,255,.045);border-bottom:1px solid var(--border);
}body.ht-page-equipment-checkliste .inventory-row{
  display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);
  cursor:pointer;text-transform:none;letter-spacing:0;color:var(--text);font-size:14px;
}body.ht-page-equipment-checkliste .inventory-row:last-child{border-bottom:0;}body.ht-page-equipment-checkliste .inventory-row:hover{background:rgba(79,124,255,.10);}body.ht-page-equipment-checkliste .inventory-row.hidden{display:none;}body.ht-page-equipment-checkliste .inventory-row input{width:auto;margin-top:3px;flex:0 0 auto;}body.ht-page-equipment-checkliste .inventory-main{display:block;min-width:0;}body.ht-page-equipment-checkliste .inventory-main b{display:block;font-size:14px;}body.ht-page-equipment-checkliste .inventory-main span{display:block;color:var(--muted);font-size:12px;margin-top:3px;font-weight:800;}body.ht-page-equipment-checkliste .equipment-modal-footer{
  display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid var(--border);
  background:rgba(255,255,255,.025);
}body.ht-page-equipment-checkliste.ht-modal-open{overflow:hidden;}@media(max-width:760px){
body.ht-page-equipment-checkliste .equipment-modal-tools{grid-template-columns:1fr;}body.ht-page-equipment-checkliste .equipment-modal-footer{justify-content:stretch;flex-direction:column;}body.ht-page-equipment-checkliste .equipment-modal-footer .btn{width:100%;}
}body.ht-page-equipment-checkliste /* --- ruhigeres Equipment-Design --- */
.wrap{max-width:1240px;}body.ht-page-equipment-checkliste .top-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);
  gap:16px;
  align-items:stretch;
  margin-bottom:18px;
}@media(max-width:920px){
body.ht-page-equipment-checkliste .top-grid{grid-template-columns:1fr;}
}body.ht-page-equipment-checkliste .top-grid .panel{height:100%;}body.ht-page-equipment-checkliste .match-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:20px;
  line-height:1.1;
  margin-bottom:8px;
}body.ht-page-equipment-checkliste .match-title:before{
  content:"";
  width:10px;height:10px;border-radius:999px;
  background:var(--green);
  box-shadow:0 0 0 5px rgba(25,195,125,.13);
}body.ht-page-equipment-checkliste .stat-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}body.ht-page-equipment-checkliste .stat{
  min-height:74px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.105);
}body.ht-page-equipment-checkliste .stat b{font-size:24px;}body.ht-page-equipment-checkliste .progress-line{margin-top:8px;}body.ht-page-equipment-checkliste .alert-open{
  margin-top:12px;
  padding:11px 12px;
  border-radius:14px;
}body.ht-page-equipment-checkliste .actions-row{gap:8px;}body.ht-page-equipment-checkliste .actions-row .btn{min-height:40px;}body.ht-page-equipment-checkliste .panel{
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.105);
}body.ht-page-equipment-checkliste .panel h2{
  font-size:22px;
  letter-spacing:-.03em;
}body.ht-page-equipment-checkliste .panel p{line-height:1.45;}body.ht-page-equipment-checkliste #openInventoryModal{
  min-width:210px;
  box-shadow:0 10px 26px rgba(79,124,255,.22);
}body.ht-page-equipment-checkliste .manual-add{
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  overflow:hidden;
}body.ht-page-equipment-checkliste .manual-add summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:950;
  color:var(--text);
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
}body.ht-page-equipment-checkliste .manual-add summary::-webkit-details-marker{display:none;}body.ht-page-equipment-checkliste .manual-add summary:after{
  content:"optional";
  font-size:12px;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.12);
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
}body.ht-page-equipment-checkliste .manual-panel{
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:rgba(255,255,255,.02);
  box-shadow:none;
  margin:0;
}body.ht-page-equipment-checkliste .filter-row{
  position:sticky;
  top:72px;
  z-index:8;
  padding:8px 0;
  margin-bottom:8px;
  background:linear-gradient(180deg,rgba(11,18,32,.94),rgba(11,18,32,.76));
  backdrop-filter:blur(10px);
}body.ht-page-equipment-checkliste .filters{
  display:inline-flex;
  gap:8px;
  padding:5px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.035);
}body.ht-page-equipment-checkliste .filter-btn{
  border-radius:999px;
  padding:9px 14px;
}body.ht-page-equipment-checkliste .sections{
  display:grid;
  gap:14px;
}body.ht-page-equipment-checkliste .section-card{
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}body.ht-page-equipment-checkliste .section-head{
  padding:13px 16px;
  background:rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.08);
}body.ht-page-equipment-checkliste .section-title{
  font-size:20px;
  letter-spacing:-.03em;
}body.ht-page-equipment-checkliste .section-title span{
  margin-left:8px;
  font-size:13px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--muted);
}body.ht-page-equipment-checkliste .item-row{
  margin:0;
  border-radius:0;
  border-left:0;
  border-right:0;
  border-top:0;
  background:rgba(255,255,255,.018);
  grid-template-columns:34px 70px minmax(0,1fr) auto;
  gap:12px;
  padding:12px 14px;
}body.ht-page-equipment-checkliste .item-row:hover{background:rgba(79,124,255,.08);}body.ht-page-equipment-checkliste .item-row.done{
  background:linear-gradient(90deg,rgba(25,195,125,.13),rgba(255,255,255,.018));
}body.ht-page-equipment-checkliste .item-check{
  width:28px;height:28px;
  border-radius:10px;
}body.ht-page-equipment-checkliste .item-row.done .item-check{
  background:rgba(25,195,125,.95);
  border-color:rgba(25,195,125,.95);
}body.ht-page-equipment-checkliste .item-row.done .item-check:after{
  content:"✓";
  color:#061a12;
  font-weight:1000;
  display:block;
  text-align:center;
  line-height:26px;
}body.ht-page-equipment-checkliste .qty-pill{
  min-width:56px;
  justify-content:center;
  background:rgba(255,255,255,.07);
}body.ht-page-equipment-checkliste .item-name{
  font-size:15px;
}body.ht-page-equipment-checkliste .item-meta{
  margin-top:4px;
  color:var(--muted);
}body.ht-page-equipment-checkliste .badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}body.ht-page-equipment-checkliste .badge{
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.07);
}@media(max-width:760px){
body.ht-page-equipment-checkliste .item-row{grid-template-columns:34px 56px minmax(0,1fr);align-items:start;}body.ht-page-equipment-checkliste .badges{grid-column:1 / -1;justify-content:flex-start;padding-left:46px;}body.ht-page-equipment-checkliste #openInventoryModal{width:100%;min-width:0;}
}body.ht-page-equipment-checkliste /* --- Modal Fix: scrollen + Mengenbedarf --- */
.equipment-modal-card{
  height:min(92vh,900px);
  max-height:92vh;
}body.ht-page-equipment-checkliste #inventorySelectForm{
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1 1 auto;
}body.ht-page-equipment-checkliste .inventory-picker{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-bottom:18px;
}body.ht-page-equipment-checkliste .inventory-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 96px;
  align-items:center;
}body.ht-page-equipment-checkliste .inventory-check{justify-self:center;}body.ht-page-equipment-checkliste .inventory-qty{
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:stretch;
}body.ht-page-equipment-checkliste .inventory-qty span{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:950;
}body.ht-page-equipment-checkliste .inventory-qty input{
  width:100%;
  height:34px;
  border-radius:10px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.055);
  color:var(--text);
  padding:0 9px;
  font-weight:950;
  text-align:center;
}body.ht-page-equipment-checkliste .inventory-row:has(.inventory-check:checked){
  background:rgba(79,124,255,.18);
}body.ht-page-equipment-checkliste .equipment-modal-footer{
  flex:0 0 auto;
}@media(max-width:760px){
body.ht-page-equipment-checkliste .inventory-row{
    grid-template-columns:24px minmax(0,1fr);
  }body.ht-page-equipment-checkliste .inventory-qty{
    grid-column:2;
    max-width:120px;
  }
}body.ht-page-equipment-checkliste /* --- Modal Fix 2: stabile Zeilenanzeige --- */
.inventory-picker{
  height:auto;
  overflow-y:auto !important;
}body.ht-page-equipment-checkliste .inventory-group{
  overflow:visible;
}body.ht-page-equipment-checkliste .inventory-row{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 110px !important;
  gap:12px !important;
  align-items:center !important;
  min-height:58px !important;
  padding:10px 12px !important;
  color:var(--text) !important;
}body.ht-page-equipment-checkliste .inventory-check-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  min-height:34px !important;
  cursor:pointer;
}body.ht-page-equipment-checkliste .inventory-check{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  flex:0 0 auto !important;
  accent-color:var(--blue);
}body.ht-page-equipment-checkliste .inventory-main{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  color:var(--text) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  cursor:pointer;
}body.ht-page-equipment-checkliste .inventory-main b{
  display:block !important;
  color:var(--text) !important;
  font-size:14px !important;
  line-height:1.25 !important;
  white-space:normal !important;
}body.ht-page-equipment-checkliste .inventory-main span{
  display:block !important;
  color:var(--muted) !important;
  font-size:12px !important;
  line-height:1.25 !important;
  margin-top:3px !important;
  white-space:normal !important;
}body.ht-page-equipment-checkliste .inventory-qty{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  align-items:stretch !important;
  justify-self:end !important;
  width:96px !important;
}body.ht-page-equipment-checkliste .inventory-qty span{
  display:block !important;
  color:var(--muted) !important;
  font-size:10px !important;
  line-height:1 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}body.ht-page-equipment-checkliste .inventory-qty input{
  display:block !important;
  width:96px !important;
  height:34px !important;
  margin:0 !important;
  flex:none !important;
  text-align:center !important;
}body.ht-page-equipment-checkliste .inventory-row:focus-within, body.ht-page-equipment-checkliste .inventory-row.selected{
  background:rgba(79,124,255,.18) !important;
}@media(max-width:760px){
body.ht-page-equipment-checkliste .inventory-row{
    grid-template-columns:34px minmax(0,1fr) !important;
  }body.ht-page-equipment-checkliste .inventory-qty{
    grid-column:2 !important;
    justify-self:start !important;
    margin-top:4px !important;
  }
}body.ht-page-equipment-checkliste .linked-pill{
  display:inline-flex;
  align-items:center;
  margin-left:8px;
  padding:3px 7px;
  border-radius:999px;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  vertical-align:middle;
}body.ht-page-equipment-checkliste /* --- kompakter Entfernen-Button + stärkere Strom/Akku-Hinweise --- */
.badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}body.ht-page-equipment-checkliste .badge{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}body.ht-page-equipment-checkliste .badge.power{
  color:#fff3d2;
  border-color:rgba(255,184,77,.48);
  background:linear-gradient(180deg, rgba(255,184,77,.30), rgba(255,154,26,.22));
}body.ht-page-equipment-checkliste .badge.battery{
  color:#d7ffef;
  border-color:rgba(25,195,125,.48);
  background:linear-gradient(180deg, rgba(25,195,125,.28), rgba(25,195,125,.18));
}body.ht-page-equipment-checkliste .hide-item-form{display:inline-flex;margin:0}body.ht-page-equipment-checkliste .icon-btn{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:var(--text);
  cursor:pointer;
  font-size:14px;
  line-height:1;
  padding:0;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}body.ht-page-equipment-checkliste .icon-btn:hover{
  transform:translateY(-1px);
}body.ht-page-equipment-checkliste .icon-btn.danger{
  border-color:rgba(255,92,92,.40);
  background:linear-gradient(180deg, rgba(255,92,92,.92), rgba(231,62,62,.78));
  color:#fff;
  box-shadow:0 8px 18px rgba(231,62,62,.18);
}body.ht-page-equipment-checkliste .icon-btn.danger:hover{
  background:linear-gradient(180deg, rgba(255,110,110,.98), rgba(231,62,62,.84));
}body.ht-page-equipment-checkliste /* --- weiße Mülleimer-Silhouette --- */
.trash-btn svg{
  width:15px;
  height:15px;
  display:block;
}body.ht-page-equipment-checkliste .trash-btn svg path{
  stroke:#ffffff;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}body.ht-page-equipment-checkliste .trash-btn{
  color:#fff;
}body.ht-page-equipment-checkliste .template-actions select{
  height:42px;
  border-radius:12px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.055);
  color:var(--text);
  padding:0 12px;
  font-weight:850;
}body.ht-page-equipment-checkliste .template-actions option{color:#111;}@media(max-width:760px){
body.ht-page-equipment-checkliste .template-actions, body.ht-page-equipment-checkliste .template-actions form, body.ht-page-equipment-checkliste .template-actions select, body.ht-page-equipment-checkliste .template-actions .btn{width:100%;}
}body.ht-page-equipment-checkliste /* --- Match-Kontext für Equipment-Checkliste --- */
.match-context-bar{
  margin:0 0 16px;
  padding:14px;
  border:1px solid rgba(25,195,125,.35);
  background:linear-gradient(180deg,rgba(25,195,125,.16),rgba(255,255,255,.035));
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  box-shadow:var(--shadow);
}body.ht-page-equipment-checkliste .match-context-bar b{
  display:block;
  font-size:15px;
}body.ht-page-equipment-checkliste .match-context-bar span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-top:3px;
}body.ht-page-equipment-checkliste .context-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}@media(max-width:760px){
body.ht-page-equipment-checkliste .context-actions, body.ht-page-equipment-checkliste .context-actions .btn{width:100%;}
}body.ht-page-equipment-checkliste /* --- HarbourTown helles Verwaltungsdesign für Equipment-Checkliste --- */
:root{
  --bg:#f3f7ff;
  --text:#071d3a;
  --muted:#5d7398;
  --accent:#193bf2;
  --accent2:#12b981;
  --danger:#f0525f;
  --border:#d8e5f7;
  --shadow:0 16px 40px rgba(24,48,88,.13);
  --radius:18px;
  --blue:#193bf2;
  --green:#19c37d;
}body.ht-page-equipment-checkliste{
  background:
    radial-gradient(1000px 540px at 12% 6%,rgba(25,59,242,.10),transparent 60%),
    radial-gradient(900px 520px at 92% 10%,rgba(31,191,255,.10),transparent 60%),
    linear-gradient(180deg,#f7fbff 0%,#eef5ff 100%) !important;
  color:var(--text) !important;
}body.ht-page-equipment-checkliste .wrap{max-width:1240px;margin-top:22px;}body.ht-page-equipment-checkliste h1{color:var(--text);letter-spacing:-.04em;}body.ht-page-equipment-checkliste .sub, body.ht-page-equipment-checkliste .footer, body.ht-page-equipment-checkliste .panel p, body.ht-page-equipment-checkliste .check-desc, body.ht-page-equipment-checkliste .item-meta, body.ht-page-equipment-checkliste .inventory-main span, body.ht-page-equipment-checkliste .match-context-bar span{color:var(--muted) !important;}body.ht-page-equipment-checkliste .panel, body.ht-page-equipment-checkliste .section-card, body.ht-page-equipment-checkliste .empty, body.ht-page-equipment-checkliste .manual-add, body.ht-page-equipment-checkliste .equipment-modal-card, body.ht-page-equipment-checkliste .inventory-group, body.ht-page-equipment-checkliste .match-context-bar{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92)) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow) !important;
  color:var(--text) !important;
}body.ht-page-equipment-checkliste .panel h2, body.ht-page-equipment-checkliste .section-title, body.ht-page-equipment-checkliste .match-title, body.ht-page-equipment-checkliste .check-title, body.ht-page-equipment-checkliste .item-name, body.ht-page-equipment-checkliste .inventory-main b, body.ht-page-equipment-checkliste .match-context-bar b{color:var(--text) !important;}body.ht-page-equipment-checkliste .stat, body.ht-page-equipment-checkliste .qty, body.ht-page-equipment-checkliste .qty-pill, body.ht-page-equipment-checkliste .badge, body.ht-page-equipment-checkliste .section-pill, body.ht-page-equipment-checkliste .filter-btn, body.ht-page-equipment-checkliste .linked-pill, body.ht-page-equipment-checkliste .manual-add summary:after{
  background:#f7faff !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}body.ht-page-equipment-checkliste .btn{color:var(--text);background:#f8fbff;border-color:var(--border);box-shadow:0 8px 18px rgba(24,48,88,.08);}body.ht-page-equipment-checkliste .btn.primary{color:#fff;background:linear-gradient(180deg,#3158ff,#081ee6);border-color:#193bf2;}body.ht-page-equipment-checkliste .btn.green{color:#fff;background:linear-gradient(180deg,#20c997,#0fa678);border-color:#0fa678;}body.ht-page-equipment-checkliste .btn.red, body.ht-page-equipment-checkliste .icon-btn.danger{color:#fff;background:linear-gradient(180deg,#ff6872,#ef4444);border-color:#ef4444;}body.ht-page-equipment-checkliste input, body.ht-page-equipment-checkliste select, body.ht-page-equipment-checkliste textarea, body.ht-page-equipment-checkliste .template-actions select, body.ht-page-equipment-checkliste .equipment-modal-tools input, body.ht-page-equipment-checkliste .inventory-qty input{
  background:#ffffff !important;
  color:var(--text) !important;
  border:1px solid var(--border) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}body.ht-page-equipment-checkliste select, body.ht-page-equipment-checkliste .template-actions select{
  appearance:none;
  -webkit-appearance:none;
  min-height:46px;
  padding:0 44px 0 14px !important;
  border-radius:14px !important;
  font-weight:850;
  line-height:1.2;
  background-color:#ffffff !important;
  background-image:
    linear-gradient(45deg,transparent 50%,#10213f 50%),
    linear-gradient(135deg,#10213f 50%,transparent 50%),
    linear-gradient(180deg,#ffffff,#f6f9ff) !important;
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%,
    0 0 !important;
  background-size:
    6px 6px,
    6px 6px,
    100% 100% !important;
  background-repeat:no-repeat !important;
}body.ht-page-equipment-checkliste select:focus, body.ht-page-equipment-checkliste .template-actions select:focus, body.ht-page-equipment-checkliste input:focus, body.ht-page-equipment-checkliste textarea:focus{
  border-color:#6f8dff !important;
  box-shadow:0 0 0 4px rgba(25,59,242,.13), inset 0 1px 0 rgba(255,255,255,.75) !important;
}body.ht-page-equipment-checkliste input::placeholder, body.ht-page-equipment-checkliste textarea::placeholder{color:#7b8eac;}body.ht-page-equipment-checkliste option{color:var(--text);background:#fff;font-weight:750;}body.ht-page-equipment-checkliste .section-head, body.ht-page-equipment-checkliste .inventory-group-title, body.ht-page-equipment-checkliste .equipment-modal-footer, body.ht-page-equipment-checkliste .manual-panel{
  background:#f3f7ff !important;
  border-color:var(--border) !important;
}body.ht-page-equipment-checkliste .check-item, body.ht-page-equipment-checkliste .item-row, body.ht-page-equipment-checkliste .inventory-row{
  background:#ffffff !important;
  border-color:#e2ebf8 !important;
  color:var(--text) !important;
}body.ht-page-equipment-checkliste .check-item:hover, body.ht-page-equipment-checkliste .item-row:hover, body.ht-page-equipment-checkliste .inventory-row:hover{background:#f4f8ff !important;border-color:#cbdaf0 !important;}body.ht-page-equipment-checkliste .check-item.done, body.ht-page-equipment-checkliste .item-row.done{
  background:linear-gradient(90deg,rgba(25,195,125,.14),#ffffff) !important;
  border-color:rgba(25,195,125,.45) !important;
}body.ht-page-equipment-checkliste .check-box, body.ht-page-equipment-checkliste .item-check{
  background:#f7faff !important;
  border:1px solid #cfdcf0 !important;
}body.ht-page-equipment-checkliste .check-item.done .check-box, body.ht-page-equipment-checkliste .item-row.done .item-check{background:#19c37d !important;border-color:#19c37d !important;color:#062015 !important;}body.ht-page-equipment-checkliste .badge.power{color:#8a4b00 !important;border-color:rgba(245,158,11,.35) !important;background:#fff7e6 !important;}body.ht-page-equipment-checkliste .badge.battery{color:#047857 !important;border-color:rgba(16,185,129,.35) !important;background:#eafff6 !important;}body.ht-page-equipment-checkliste .alert-open{color:#842029 !important;background:#fff1f2 !important;border-color:#fecdd3 !important;}body.ht-page-equipment-checkliste .progress-line{color:var(--muted) !important;}body.ht-page-equipment-checkliste .progress-bar{background:#e8effa !important;border-color:#d5e2f4 !important;}body.ht-page-equipment-checkliste .filter-row{
  background:linear-gradient(180deg,rgba(243,247,255,.96),rgba(243,247,255,.82)) !important;
  backdrop-filter:blur(10px);
}body.ht-page-equipment-checkliste .filters{background:#ffffff !important;border-color:var(--border) !important;box-shadow:0 10px 24px rgba(24,48,88,.08);}body.ht-page-equipment-checkliste .filter-btn.active{background:#e9efff !important;border-color:#9eb5ff !important;color:#001cce !important;}body.ht-page-equipment-checkliste .equipment-modal-shell{background:rgba(10,22,43,.42) !important;}body.ht-page-equipment-checkliste .equipment-modal-card{box-shadow:0 28px 80px rgba(24,48,88,.25) !important;}body.ht-page-equipment-checkliste .equipment-modal-close, body.ht-page-equipment-checkliste .icon-btn{background:#f7faff !important;color:var(--text) !important;border-color:var(--border) !important;}body.ht-page-equipment-checkliste .icon-btn.danger{background:linear-gradient(180deg,#ff6872,#ef4444) !important;color:#fff !important;border-color:#ef4444 !important;}body.ht-page-equipment-checkliste .inventory-row:focus-within, body.ht-page-equipment-checkliste .inventory-row.selected, body.ht-page-equipment-checkliste .inventory-row:has(.inventory-check:checked){background:#edf3ff !important;border-color:#adc1ff !important;}body.ht-page-equipment-checkliste .manual-add summary{color:var(--text) !important;}body.ht-page-equipment-checkliste .msg{background:#ecfdf5 !important;border-color:#a7f3d0 !important;color:#065f46 !important;}body.ht-page-equipment-checkliste .err{background:#fff1f2 !important;border-color:#fecdd3 !important;color:#9f1239 !important;}body.ht-page-equipment-checkliste{font-weight:700;}body.ht-page-equipment-checkliste select, body.ht-page-equipment-checkliste input, body.ht-page-equipment-checkliste textarea{font-family:inherit;}body.ht-page-equipment-checkliste select{min-height:46px !important;}body.ht-page-equipment-checkliste .template-actions select, body.ht-page-equipment-checkliste .equipment-modal-tools input, body.ht-page-equipment-checkliste .inventory-qty input{box-shadow:0 8px 20px rgba(13,33,72,.06) !important;}body.ht-page-equipment-checkliste .check-box, body.ht-page-equipment-checkliste .item-check{background:#f7faff !important;border:1px solid #cfdcf0 !important;color:var(--text) !important;}body.ht-page-equipment-checkliste .check-item.done .check-box, body.ht-page-equipment-checkliste .item-row.done .item-check{background:#19c37d !important;border-color:#19c37d !important;color:#062015 !important;}body.ht-page-equipment-checkliste .stat b, body.ht-page-equipment-checkliste .stat span, body.ht-page-equipment-checkliste .progress-line, body.ht-page-equipment-checkliste .section-count, body.ht-page-equipment-checkliste .badge, body.ht-page-equipment-checkliste .qty, body.ht-page-equipment-checkliste .qty-pill{color:inherit;}body.ht-page-equipment-checkliste .equipment-modal-card label, body.ht-page-equipment-checkliste .manual-add label, body.ht-page-equipment-checkliste .inventory-row label{color:var(--muted) !important;}

/* --- P185 moved from equipment_inventar_sync.php -> body.ht-page-equipment-inventar-sync --- */
body.ht-page-equipment-inventar-sync{--bg:#f5f8ff;--text:#10233f;--muted:#64748b;--border:#dbe6f7;--shadow:0 18px 50px rgba(13,33,72,.08);--radius:20px;--blue:#040cd3;--blue2:#325dff;--green:#18bf83;--red:#ef5350}body.ht-page-equipment-inventar-sync *{box-sizing:border-box}body.ht-page-equipment-inventar-sync{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff 0,#eef4ff 100%);color:var(--text);font-weight:750}body.ht-page-equipment-inventar-sync .wrap{max-width:960px;margin:0 auto;padding:30px 20px 52px}body.ht-page-equipment-inventar-sync .card{border:1px solid var(--border);background:rgba(255,255,255,.94);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:0 0 18px}body.ht-page-equipment-inventar-sync h1{margin:0 0 8px;font-size:32px;line-height:1.05;letter-spacing:-.04em;color:var(--text)}body.ht-page-equipment-inventar-sync p{color:var(--muted);line-height:1.48;margin:10px 0 0}body.ht-page-equipment-inventar-sync .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}body.ht-page-equipment-inventar-sync .stat{border:1px solid var(--border);background:#f8fbff;border-radius:16px;padding:15px}body.ht-page-equipment-inventar-sync .stat b{display:block;font-size:30px;line-height:1;margin-bottom:8px;letter-spacing:-.04em;color:var(--text)}body.ht-page-equipment-inventar-sync .stat span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}body.ht-page-equipment-inventar-sync .msg, body.ht-page-equipment-inventar-sync .err{padding:12px 14px;border-radius:14px;margin:0 0 16px;font-size:14px;font-weight:900;border:1px solid}body.ht-page-equipment-inventar-sync .msg{border-color:#bdebd9;background:#e9fbf4;color:#0c5d40}body.ht-page-equipment-inventar-sync .err{border-color:#ffc7c7;background:#fff0f0;color:#9b1c1c}body.ht-page-equipment-inventar-sync .btn, body.ht-page-equipment-inventar-sync button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:#f4f7ff;font-weight:950;font-size:13px;cursor:pointer;box-shadow:0 8px 18px rgba(13,33,72,.08)}body.ht-page-equipment-inventar-sync .btn:hover, body.ht-page-equipment-inventar-sync button:hover{background:#fff;transform:translateY(-1px)}body.ht-page-equipment-inventar-sync .btn.primary, body.ht-page-equipment-inventar-sync button.primary{color:#fff;background:linear-gradient(180deg,var(--blue2),var(--blue));border-color:rgba(4,12,211,.18)}body.ht-page-equipment-inventar-sync .btn.red, body.ht-page-equipment-inventar-sync button.red{color:#fff;background:linear-gradient(180deg,#ff6b6b,var(--red));border-color:rgba(239,83,80,.22)}body.ht-page-equipment-inventar-sync .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media(max-width:760px){
body.ht-page-equipment-inventar-sync .wrap{padding:22px 16px 42px}body.ht-page-equipment-inventar-sync .stats{grid-template-columns:1fr !important}body.ht-page-equipment-inventar-sync .actions .btn, body.ht-page-equipment-inventar-sync .actions button{width:100%}
}

/* --- P185 moved from equipment_templates.php -> body.ht-page-equipment-templates --- */
body.ht-page-equipment-templates{
  --bg:#f4f8ff;
  --bg2:#eef5ff;
  --card:#ffffff;
  --card2:#f8fbff;
  --text:#10233f;
  --muted:#5a6f93;
  --border:#d6e3f6;
  --border2:#c8d9f1;
  --shadow:0 18px 44px rgba(39,70,120,.12);
  --radius:18px;
  --blue:#040cd3;
  --blue2:#315cff;
  --green:#13b981;
  --red:#ef5350;
}body.ht-page-equipment-templates *{box-sizing:border-box}body.ht-page-equipment-templates{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 520px at 12% 0%,rgba(4,12,211,.10),transparent 60%),
    radial-gradient(900px 520px at 96% 8%,rgba(72,187,255,.12),transparent 60%),
    linear-gradient(180deg,#f8fbff 0%,var(--bg) 56%,#f1f7ff 100%);
  color:var(--text);
}body.ht-page-equipment-templates .wrap{max-width:1220px;margin:0 auto;padding:32px 22px 48px}body.ht-page-equipment-templates h1{margin:0 0 6px;font-size:34px;letter-spacing:-.045em;color:var(--text)}body.ht-page-equipment-templates .sub{color:var(--muted);margin-bottom:18px;font-weight:650;line-height:1.45}body.ht-page-equipment-templates .grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}@media(max-width:920px){
body.ht-page-equipment-templates .grid{grid-template-columns:1fr}
}body.ht-page-equipment-templates .panel{
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:linear-gradient(180deg,#ffffff,#f9fcff);
  box-shadow:var(--shadow);
  padding:16px;
}body.ht-page-equipment-templates .panel h2{margin:0 0 10px;font-size:23px;letter-spacing:-.035em;color:var(--text)}body.ht-page-equipment-templates .msg, body.ht-page-equipment-templates .err{padding:11px 13px;border-radius:13px;margin:0 0 14px;font-size:14px;font-weight:900}body.ht-page-equipment-templates .msg{border:1px solid rgba(19,185,129,.28);background:#e8fbf3;color:#06744f}body.ht-page-equipment-templates .err{border:1px solid rgba(239,83,80,.28);background:#fff0f0;color:#9d1f1f}body.ht-page-equipment-templates .template-list{display:grid;gap:9px}body.ht-page-equipment-templates .tpl{display:flex;justify-content:space-between;gap:10px;align-items:center;text-decoration:none;color:var(--text);padding:12px;border-radius:15px;border:1px solid var(--border);background:#f8fbff;transition:.15s ease}body.ht-page-equipment-templates .tpl:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(39,70,120,.10)}body.ht-page-equipment-templates .tpl.active{border-color:#8fa8ff;background:linear-gradient(180deg,#eef3ff,#ffffff);box-shadow:0 12px 24px rgba(4,12,211,.10)}body.ht-page-equipment-templates .tpl span{display:block;color:var(--muted);font-size:12px;margin-top:3px;font-weight:750}body.ht-page-equipment-templates input, body.ht-page-equipment-templates textarea, body.ht-page-equipment-templates select{width:100%;height:42px;border-radius:13px;border:1px solid var(--border);background:#ffffff;color:var(--text);padding:0 12px;font-weight:850;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}body.ht-page-equipment-templates input:focus, body.ht-page-equipment-templates textarea:focus, body.ht-page-equipment-templates select:focus{border-color:#6f8cff;box-shadow:0 0 0 4px rgba(4,12,211,.10)}body.ht-page-equipment-templates input::placeholder, body.ht-page-equipment-templates textarea::placeholder{color:#7d8eaa}body.ht-page-equipment-templates textarea{height:84px;padding:10px 12px;resize:vertical}body.ht-page-equipment-templates label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:950;margin:0 0 6px}body.ht-page-equipment-templates .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.ht-page-equipment-templates .form-grid .full{grid-column:1/-1}body.ht-page-equipment-templates .actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:11px}body.ht-page-equipment-templates .btn{height:42px;padding:0 16px;border-radius:13px;border:1px solid var(--border);background:#f4f7ff;color:var(--text);font-weight:950;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 18px rgba(13,33,72,.09)}body.ht-page-equipment-templates .btn:hover{background:#fff;transform:translateY(-1px)}body.ht-page-equipment-templates .btn.primary{background:linear-gradient(180deg,#325dff,#040cd3);border-color:rgba(4,12,211,.25);color:#fff;box-shadow:0 10px 22px rgba(4,12,211,.22)}body.ht-page-equipment-templates .btn.green{background:linear-gradient(180deg,#22c994,#10a979);border-color:rgba(16,169,121,.25);color:#fff}body.ht-page-equipment-templates .btn.red{background:linear-gradient(180deg,#ff6b6b,#ef5350);border-color:rgba(239,83,80,.25);color:#fff;box-shadow:0 10px 22px rgba(239,83,80,.16)}body.ht-page-equipment-templates .table{display:grid;gap:9px}body.ht-page-equipment-templates .row{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:15px;background:#f8fbff}body.ht-page-equipment-templates .row b{display:block;color:var(--text)}body.ht-page-equipment-templates .meta{color:var(--muted);font-size:12px;margin-top:2px;font-weight:700}body.ht-page-equipment-templates .qty-input{width:80px;text-align:center}body.ht-page-equipment-templates .icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid rgba(239,83,80,.24);background:linear-gradient(180deg,#ff6b6b,#ef5350);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(239,83,80,.16)}body.ht-page-equipment-templates .inventory-box{margin-top:16px}body.ht-page-equipment-templates .inv-tools{display:grid;grid-template-columns:1fr auto auto;gap:9px;margin-bottom:11px}body.ht-page-equipment-templates .inv-list{max-height:520px;overflow:auto;display:grid;gap:8px;padding-right:4px}body.ht-page-equipment-templates .inv-group-title{margin:10px 0 5px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}body.ht-page-equipment-templates .inv-row{display:grid;grid-template-columns:24px minmax(0,1fr) 90px;gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:15px;background:#f8fbff;color:var(--text);text-transform:none;letter-spacing:0;font-size:14px;margin:0}body.ht-page-equipment-templates .inv-row.used{opacity:.55;background:#f2f6fc}body.ht-page-equipment-templates .inv-row input[type=checkbox]{width:18px;height:18px}body.ht-page-equipment-templates .inv-row .qty{height:34px;text-align:center;padding:0 8px}body.ht-page-equipment-templates .hidden{display:none!important}body.ht-page-equipment-templates .note{color:var(--muted);font-size:13px;line-height:1.45;font-weight:650}body.ht-page-equipment-templates hr{border:0;border-top:1px solid var(--border);margin:14px 0}@media(max-width:700px){
body.ht-page-equipment-templates .wrap{padding:24px 16px 40px}body.ht-page-equipment-templates h1{font-size:30px}body.ht-page-equipment-templates .form-grid, body.ht-page-equipment-templates .inv-tools{grid-template-columns:1fr}body.ht-page-equipment-templates .row{grid-template-columns:70px minmax(0,1fr)}body.ht-page-equipment-templates .row form{grid-column:1/-1}body.ht-page-equipment-templates .inv-row{grid-template-columns:24px minmax(0,1fr)}body.ht-page-equipment-templates .inv-row .qty{grid-column:2;width:90px}
}

/* --- P185 moved from orga_dashboard.php -> body.ht-page-orga-dashboard --- */
body.ht-page-orga-dashboard{--bg:#0b1220;--text:#eef2ff;--muted:#aab3cf;--accent:#4f7cff;--accent2:#19c37d;--danger:#ff4d4d;--border:rgba(255,255,255,.10);--shadow:0 10px 30px rgba(0,0,0,.35);--radius:16px;}body.ht-page-orga-dashboard{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1000px 500px at 20% 0%,rgba(79,124,255,.25),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(25,195,125,.20),transparent 60%),var(--bg);color:var(--text);}body.ht-page-orga-dashboard .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-dashboard .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-dashboard .wrap{max-width:1100px;margin:18px auto 28px;padding:0 18px 30px;}body.ht-page-orga-dashboard h1{margin:16px 0 6px;font-size:28px;letter-spacing:.2px;}body.ht-page-orga-dashboard .sub{color:var(--muted);font-size:14px;line-height:1.35;margin-bottom:14px;}body.ht-page-orga-dashboard .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}@media(max-width:900px){
body.ht-page-orga-dashboard .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}@media(max-width:620px){
body.ht-page-orga-dashboard .grid{grid-template-columns:1fr;}
}body.ht-page-orga-dashboard .card{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow:hidden;}body.ht-page-orga-dashboard .card.regie{border-color:rgba(255,77,77,.38);background:linear-gradient(180deg,rgba(255,77,77,.16),rgba(255,255,255,.03));box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 40px rgba(255,77,77,.14);}body.ht-page-orga-dashboard .card.regie::after{content:"🎬";position:absolute;top:10px;right:12px;font-size:20px;opacity:.85;}body.ht-page-orga-dashboard .badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);white-space:nowrap;}body.ht-page-orga-dashboard .badge.danger{border-color:rgba(255,77,77,.45);background:rgba(255,77,77,.20);color:#ffe3e3;}body.ht-page-orga-dashboard .title{font-weight:800;letter-spacing:.2px;display:flex;align-items:center;gap:10px;}body.ht-page-orga-dashboard .desc{color:var(--muted);font-size:13px;line-height:1.35;margin-top:6px;}body.ht-page-orga-dashboard .btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}body.ht-page-orga-dashboard a.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.05);transition:transform .08s ease,background .12s ease,border-color .12s ease;font-weight:650;font-size:14px;}body.ht-page-orga-dashboard a.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}body.ht-page-orga-dashboard a.btn.primary{background:linear-gradient(180deg,rgba(79,124,255,.95),rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-dashboard a.btn.green{background:linear-gradient(180deg,rgba(25,195,125,.90),rgba(25,195,125,.70));border-color:rgba(25,195,125,.35);}body.ht-page-orga-dashboard a.btn.red{background:linear-gradient(180deg,rgba(255,77,77,.92),rgba(255,77,77,.72));border-color:rgba(255,77,77,.40);}body.ht-page-orga-dashboard .pill{font-size:12px;color:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);}body.ht-page-orga-dashboard .footer{margin-top:14px;color:var(--muted);font-size:12px;opacity:.95;}body.ht-page-orga-dashboard /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-dashboard, body.ht-page-orga-dashboard{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-dashboard{color:#10233f !important;}body.ht-page-orga-dashboard .btn.green, body.ht-page-orga-dashboard a.btn.green, body.ht-page-orga-dashboard .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-dashboard .btn.red, body.ht-page-orga-dashboard a.btn.red, body.ht-page-orga-dashboard .red, body.ht-page-orga-dashboard .danger, body.ht-page-orga-dashboard .delete, body.ht-page-orga-dashboard .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-dashboard .wrap, body.ht-page-orga-dashboard .container, body.ht-page-orga-dashboard main{
  color:#10233f !important;
}body.ht-page-orga-dashboard .card, body.ht-page-orga-dashboard .panel, body.ht-page-orga-dashboard .box, body.ht-page-orga-dashboard .tile, body.ht-page-orga-dashboard .item, body.ht-page-orga-dashboard .section, body.ht-page-orga-dashboard .list, body.ht-page-orga-dashboard .table-card, body.ht-page-orga-dashboard form.card, body.ht-page-orga-dashboard fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-dashboard h1, body.ht-page-orga-dashboard h2, body.ht-page-orga-dashboard h3, body.ht-page-orga-dashboard h4, body.ht-page-orga-dashboard strong, body.ht-page-orga-dashboard b, body.ht-page-orga-dashboard label, body.ht-page-orga-dashboard .title, body.ht-page-orga-dashboard .name, body.ht-page-orga-dashboard .lbl{
  color:#10233f !important;
}body.ht-page-orga-dashboard p, body.ht-page-orga-dashboard .sub, body.ht-page-orga-dashboard .muted, body.ht-page-orga-dashboard .hint, body.ht-page-orga-dashboard .meta, body.ht-page-orga-dashboard .note, body.ht-page-orga-dashboard .small, body.ht-page-orga-dashboard .foot, body.ht-page-orga-dashboard .help{
  color:#5f7698 !important;
}body.ht-page-orga-dashboard input, body.ht-page-orga-dashboard select, body.ht-page-orga-dashboard textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-dashboard input::placeholder, body.ht-page-orga-dashboard textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-dashboard select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-dashboard table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-dashboard th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-dashboard td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-dashboard tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-dashboard .pill, body.ht-page-orga-dashboard .badge, body.ht-page-orga-dashboard .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-dashboard .msg, body.ht-page-orga-dashboard .ok, body.ht-page-orga-dashboard .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-dashboard .err, body.ht-page-orga-dashboard .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-dashboard hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-dashboard code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-dashboard /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-dashboard .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-dashboard .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-dashboard .card h2, body.ht-page-orga-dashboard .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-dashboard .grid, body.ht-page-orga-dashboard .tileGrid, body.ht-page-orga-dashboard .kachelGrid, body.ht-page-orga-dashboard .moduleGrid{
  gap:16px !important;
}body.ht-page-orga-dashboard .tile, body.ht-page-orga-dashboard .kachel, body.ht-page-orga-dashboard .module, body.ht-page-orga-dashboard .linkCard, body.ht-page-orga-dashboard .eventCard, body.ht-page-orga-dashboard .reportCard, body.ht-page-orga-dashboard .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-orga-dashboard .row, body.ht-page-orga-dashboard .filterBar, body.ht-page-orga-dashboard .filters, body.ht-page-orga-dashboard .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-dashboard .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-dashboard .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-dashboard .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-dashboard label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-dashboard input[type="text"], body.ht-page-orga-dashboard input[type="email"], body.ht-page-orga-dashboard input[type="password"], body.ht-page-orga-dashboard input[type="number"], body.ht-page-orga-dashboard input[type="date"], body.ht-page-orga-dashboard input[type="time"], body.ht-page-orga-dashboard select, body.ht-page-orga-dashboard textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-dashboard textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-dashboard .card .btn, body.ht-page-orga-dashboard .card button, body.ht-page-orga-dashboard .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-dashboard .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-dashboard .actions .btn, body.ht-page-orga-dashboard .actions button, body.ht-page-orga-dashboard .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-dashboard table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-dashboard th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-dashboard td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-dashboard tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-dashboard td form{ margin:0 !important; }body.ht-page-orga-dashboard .badge, body.ht-page-orga-dashboard .pill, body.ht-page-orga-dashboard .tag, body.ht-page-orga-dashboard .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-dashboard .kpi, body.ht-page-orga-dashboard .stat, body.ht-page-orga-dashboard .summaryBox, body.ht-page-orga-dashboard .infoBox, body.ht-page-orga-dashboard .notice, body.ht-page-orga-dashboard .monthBox, body.ht-page-orga-dashboard .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-dashboard .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-orga-dashboard{background:#fff !important}body.ht-page-orga-dashboard .wrap{max-width:none !important;padding:0 !important}body.ht-page-orga-dashboard .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-orga-dashboard table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-dashboard .field, body.ht-page-orga-dashboard .field.small, body.ht-page-orga-dashboard .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-dashboard .actions .btn, body.ht-page-orga-dashboard .actions button, body.ht-page-orga-dashboard .actions input[type=submit], body.ht-page-orga-dashboard .field.btnw .btn, body.ht-page-orga-dashboard .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_events.php -> body.ht-page-orga-events --- */
body.ht-page-orga-events{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d; --amber:#ffcc66;
    }body.ht-page-orga-events *{ box-sizing:border-box; }body.ht-page-orga-events{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-events .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-events .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-events .wrap{max-width:1200px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-events h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-events .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.35;}body.ht-page-orga-events .card{border:1px solid var(--border);border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-events .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-events .ok{color:#7CFFB2;}body.ht-page-orga-events .er{color:#FF7A7A;}body.ht-page-orga-events label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-events input, body.ht-page-orga-events select{
      width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
    }body.ht-page-orga-events option{ color:#111; background:#fff; }body.ht-page-orga-events .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-events .field{flex:1 1 260px;}body.ht-page-orga-events .field.small{flex:0 0 180px;}body.ht-page-orga-events .field.btnw{flex:0 0 260px;}@media(max-width:720px){
body.ht-page-orga-events .field, body.ht-page-orga-events .field.small, body.ht-page-orga-events .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-events .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
      width:100%;
    }body.ht-page-orga-events .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-events .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-events .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-events .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-events table{width:100%;border-collapse:collapse;}body.ht-page-orga-events th, body.ht-page-orga-events td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;}body.ht-page-orga-events th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-events .pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;}body.ht-page-orga-events .pill.lock{border-color:rgba(255,204,102,.35);background:rgba(255,204,102,.14);color:#fff2cf;}body.ht-page-orga-events .pill.hockey{border-color:rgba(79,124,255,.35);background:rgba(79,124,255,.14);color:#dbe6ff;}body.ht-page-orga-events .pill.manual{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.16);color:#bfffe1;}body.ht-page-orga-events .muted{color:var(--muted);}body.ht-page-orga-events .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}@media(max-width:980px){
body.ht-page-orga-events .grid2{grid-template-columns:1fr;}
}body.ht-page-orga-events .mono{font-variant-numeric:tabular-nums;}body.ht-page-orga-events .smallnote{font-size:12px;color:var(--muted);line-height:1.35;margin-top:8px;}body.ht-page-orga-events /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-events, body.ht-page-orga-events{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-events{color:#10233f !important;}body.ht-page-orga-events .btn.green, body.ht-page-orga-events a.btn.green, body.ht-page-orga-events .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-events .btn.red, body.ht-page-orga-events a.btn.red, body.ht-page-orga-events .red, body.ht-page-orga-events .danger, body.ht-page-orga-events .delete, body.ht-page-orga-events .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-events .wrap, body.ht-page-orga-events .container, body.ht-page-orga-events main{
  color:#10233f !important;
}body.ht-page-orga-events .card, body.ht-page-orga-events .panel, body.ht-page-orga-events .box, body.ht-page-orga-events .tile, body.ht-page-orga-events .item, body.ht-page-orga-events .section, body.ht-page-orga-events .list, body.ht-page-orga-events .table-card, body.ht-page-orga-events form.card, body.ht-page-orga-events fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-events h1, body.ht-page-orga-events h2, body.ht-page-orga-events h3, body.ht-page-orga-events h4, body.ht-page-orga-events strong, body.ht-page-orga-events b, body.ht-page-orga-events label, body.ht-page-orga-events .title, body.ht-page-orga-events .name, body.ht-page-orga-events .lbl{
  color:#10233f !important;
}body.ht-page-orga-events p, body.ht-page-orga-events .sub, body.ht-page-orga-events .muted, body.ht-page-orga-events .hint, body.ht-page-orga-events .meta, body.ht-page-orga-events .note, body.ht-page-orga-events .small, body.ht-page-orga-events .foot, body.ht-page-orga-events .help{
  color:#5f7698 !important;
}body.ht-page-orga-events input, body.ht-page-orga-events select, body.ht-page-orga-events textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-events input::placeholder, body.ht-page-orga-events textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-events select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-events table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-events th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-events td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-events tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-events .pill, body.ht-page-orga-events .badge, body.ht-page-orga-events .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-events .msg, body.ht-page-orga-events .ok, body.ht-page-orga-events .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-events .err, body.ht-page-orga-events .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-events hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-events code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-events /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-events .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-events .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-events .card h2, body.ht-page-orga-events .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-events .grid, body.ht-page-orga-events .tileGrid, body.ht-page-orga-events .kachelGrid, body.ht-page-orga-events .moduleGrid{
  gap:16px !important;
}body.ht-page-orga-events .tile, body.ht-page-orga-events .kachel, body.ht-page-orga-events .module, body.ht-page-orga-events .linkCard, body.ht-page-orga-events .eventCard, body.ht-page-orga-events .reportCard, body.ht-page-orga-events .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-orga-events .row, body.ht-page-orga-events .filterBar, body.ht-page-orga-events .filters, body.ht-page-orga-events .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-events .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-events .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-events .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-events label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-events input[type="text"], body.ht-page-orga-events input[type="email"], body.ht-page-orga-events input[type="password"], body.ht-page-orga-events input[type="number"], body.ht-page-orga-events input[type="date"], body.ht-page-orga-events input[type="time"], body.ht-page-orga-events select, body.ht-page-orga-events textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-events textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-events .card .btn, body.ht-page-orga-events .card button, body.ht-page-orga-events .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-events .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-events .actions .btn, body.ht-page-orga-events .actions button, body.ht-page-orga-events .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-events table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-events th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-events td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-events tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-events td form{ margin:0 !important; }body.ht-page-orga-events .badge, body.ht-page-orga-events .pill, body.ht-page-orga-events .tag, body.ht-page-orga-events .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-events .kpi, body.ht-page-orga-events .stat, body.ht-page-orga-events .summaryBox, body.ht-page-orga-events .infoBox, body.ht-page-orga-events .notice, body.ht-page-orga-events .monthBox, body.ht-page-orga-events .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-events .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-orga-events{background:#fff !important}body.ht-page-orga-events .wrap{max-width:none !important;padding:0 !important}body.ht-page-orga-events .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-orga-events table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-events .field, body.ht-page-orga-events .field.small, body.ht-page-orga-events .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-events .actions .btn, body.ht-page-orga-events .actions button, body.ht-page-orga-events .actions input[type=submit], body.ht-page-orga-events .field.btnw .btn, body.ht-page-orga-events .field.btnw button{
    width:100% !important;
  }
}body.ht-page-orga-events /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-events keine Menüleistenänderung === */
select, body.ht-page-orga-events .field select, body.ht-page-orga-events .filterGrid select, body.ht-page-orga-events .modalBody select, body.ht-page-orga-events select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-events select option, body.ht-page-orga-events select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-events select:focus, body.ht-page-orga-events .field select:focus, body.ht-page-orga-events .filterGrid select:focus, body.ht-page-orga-events .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from orga_events_month.php -> body.ht-page-orga-events-month --- */
body.ht-page-orga-events-month{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d; --amber:#ffcc66;
    }body.ht-page-orga-events-month *{box-sizing:border-box;}body.ht-page-orga-events-month{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-events-month .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-events-month .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-events-month .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-events-month h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-events-month .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.35;}body.ht-page-orga-events-month .card{border:1px solid var(--border);border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-events-month .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-events-month .ok{color:#7CFFB2;}body.ht-page-orga-events-month .er{color:#FF7A7A;}body.ht-page-orga-events-month label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-events-month input, body.ht-page-orga-events-month select{
      width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
    }body.ht-page-orga-events-month option{ color:#111; background:#fff; }body.ht-page-orga-events-month .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-events-month .field{flex:1 1 260px;}body.ht-page-orga-events-month .field.small{flex:0 0 180px;}body.ht-page-orga-events-month .field.btnw{flex:0 0 260px;}@media(max-width:720px){
body.ht-page-orga-events-month .field, body.ht-page-orga-events-month .field.small, body.ht-page-orga-events-month .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-events-month .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
      width:100%;
    }body.ht-page-orga-events-month .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-events-month .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-events-month .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-events-month .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-events-month table{width:100%;border-collapse:collapse;}body.ht-page-orga-events-month th, body.ht-page-orga-events-month td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;}body.ht-page-orga-events-month th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-events-month .pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;}body.ht-page-orga-events-month .pill.lock{border-color:rgba(255,204,102,.35);background:rgba(255,204,102,.14);color:#fff2cf;}body.ht-page-orga-events-month .muted{color:var(--muted);}body.ht-page-orga-events-month .right{text-align:right;}body.ht-page-orga-events-month /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-events-month, body.ht-page-orga-events-month{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-events-month{color:#10233f !important;}body.ht-page-orga-events-month .btn.green, body.ht-page-orga-events-month a.btn.green, body.ht-page-orga-events-month .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-events-month .btn.red, body.ht-page-orga-events-month a.btn.red, body.ht-page-orga-events-month .red, body.ht-page-orga-events-month .danger, body.ht-page-orga-events-month .delete, body.ht-page-orga-events-month .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-events-month .wrap, body.ht-page-orga-events-month .container, body.ht-page-orga-events-month main{
  color:#10233f !important;
}body.ht-page-orga-events-month .card, body.ht-page-orga-events-month .panel, body.ht-page-orga-events-month .box, body.ht-page-orga-events-month .tile, body.ht-page-orga-events-month .item, body.ht-page-orga-events-month .section, body.ht-page-orga-events-month .list, body.ht-page-orga-events-month .table-card, body.ht-page-orga-events-month form.card, body.ht-page-orga-events-month fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-events-month h1, body.ht-page-orga-events-month h2, body.ht-page-orga-events-month h3, body.ht-page-orga-events-month h4, body.ht-page-orga-events-month strong, body.ht-page-orga-events-month b, body.ht-page-orga-events-month label, body.ht-page-orga-events-month .title, body.ht-page-orga-events-month .name, body.ht-page-orga-events-month .lbl{
  color:#10233f !important;
}body.ht-page-orga-events-month p, body.ht-page-orga-events-month .sub, body.ht-page-orga-events-month .muted, body.ht-page-orga-events-month .hint, body.ht-page-orga-events-month .meta, body.ht-page-orga-events-month .note, body.ht-page-orga-events-month .small, body.ht-page-orga-events-month .foot, body.ht-page-orga-events-month .help{
  color:#5f7698 !important;
}body.ht-page-orga-events-month input, body.ht-page-orga-events-month select, body.ht-page-orga-events-month textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-events-month input::placeholder, body.ht-page-orga-events-month textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-events-month select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-events-month table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-events-month th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-events-month td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-events-month tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-events-month .pill, body.ht-page-orga-events-month .badge, body.ht-page-orga-events-month .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-events-month .msg, body.ht-page-orga-events-month .ok, body.ht-page-orga-events-month .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-events-month .err, body.ht-page-orga-events-month .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-events-month hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-events-month code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-events-month /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-events-month .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-events-month .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-events-month .card h2, body.ht-page-orga-events-month .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-events-month .grid, body.ht-page-orga-events-month .tileGrid, body.ht-page-orga-events-month .kachelGrid, body.ht-page-orga-events-month .moduleGrid{
  gap:16px !important;
}body.ht-page-orga-events-month .tile, body.ht-page-orga-events-month .kachel, body.ht-page-orga-events-month .module, body.ht-page-orga-events-month .linkCard, body.ht-page-orga-events-month .eventCard, body.ht-page-orga-events-month .reportCard, body.ht-page-orga-events-month .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-orga-events-month .row, body.ht-page-orga-events-month .filterBar, body.ht-page-orga-events-month .filters, body.ht-page-orga-events-month .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-events-month .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-events-month .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-events-month .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-events-month label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-events-month input[type="text"], body.ht-page-orga-events-month input[type="email"], body.ht-page-orga-events-month input[type="password"], body.ht-page-orga-events-month input[type="number"], body.ht-page-orga-events-month input[type="date"], body.ht-page-orga-events-month input[type="time"], body.ht-page-orga-events-month select, body.ht-page-orga-events-month textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-events-month textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-events-month .card .btn, body.ht-page-orga-events-month .card button, body.ht-page-orga-events-month .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-events-month .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-events-month .actions .btn, body.ht-page-orga-events-month .actions button, body.ht-page-orga-events-month .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-events-month table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-events-month th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-events-month td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-events-month tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-events-month td form{ margin:0 !important; }body.ht-page-orga-events-month .badge, body.ht-page-orga-events-month .pill, body.ht-page-orga-events-month .tag, body.ht-page-orga-events-month .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-events-month .kpi, body.ht-page-orga-events-month .stat, body.ht-page-orga-events-month .summaryBox, body.ht-page-orga-events-month .infoBox, body.ht-page-orga-events-month .notice, body.ht-page-orga-events-month .monthBox, body.ht-page-orga-events-month .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-events-month .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-orga-events-month{background:#fff !important}body.ht-page-orga-events-month .wrap{max-width:none !important;padding:0 !important}body.ht-page-orga-events-month .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-orga-events-month table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-events-month .field, body.ht-page-orga-events-month .field.small, body.ht-page-orga-events-month .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-events-month .actions .btn, body.ht-page-orga-events-month .actions button, body.ht-page-orga-events-month .actions input[type=submit], body.ht-page-orga-events-month .field.btnw .btn, body.ht-page-orga-events-month .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_finanzen.php -> body.ht-page-orga-finanzen --- */
body.ht-page-orga-finanzen{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d; --orange:#ffb020;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    }body.ht-page-orga-finanzen *{ box-sizing:border-box; }body.ht-page-orga-finanzen{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-finanzen .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-finanzen .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-finanzen .wrap{max-width:1300px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-finanzen h1{text-align:center;margin:14px 0 6px;font-size:26px;font-weight:950;}body.ht-page-orga-finanzen .sub{text-align:center;color:var(--muted);margin-bottom:14px;font-size:13px;}body.ht-page-orga-finanzen .card{border:1px solid var(--border);border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);padding:14px;}body.ht-page-orga-finanzen .card + .card{ margin-top:14px; }body.ht-page-orga-finanzen .top-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
    }@media(max-width:1100px){
body.ht-page-orga-finanzen .top-grid{ grid-template-columns: 1fr; }
}body.ht-page-orga-finanzen .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-finanzen .ok{color:#7CFFB2;}body.ht-page-orga-finanzen .er{color:#FF7A7A;}body.ht-page-orga-finanzen label{font-weight:800;font-size:12px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-finanzen input, body.ht-page-orga-finanzen select, body.ht-page-orga-finanzen textarea{
      width:100%;height:40px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 10px;outline:none;min-width:0;
      font-size: 13px;
    }body.ht-page-orga-finanzen textarea{height:auto;padding:10px;}body.ht-page-orga-finanzen option{ color:#111; background:#fff; }body.ht-page-orga-finanzen .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;}body.ht-page-orga-finanzen .field{flex:1 1 220px;}body.ht-page-orga-finanzen .field.small{flex:0 0 160px;}body.ht-page-orga-finanzen .field.btnw{flex:0 0 200px;}@media(max-width:520px){
body.ht-page-orga-finanzen .field, body.ht-page-orga-finanzen .field.small, body.ht-page-orga-finanzen .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-finanzen .btn{
      height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
      font-size: 13px;
    }body.ht-page-orga-finanzen .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-finanzen .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-finanzen .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-finanzen .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-finanzen table{width:100%;border-collapse:collapse;}body.ht-page-orga-finanzen th, body.ht-page-orga-finanzen td{border-bottom:1px solid rgba(255,255,255,.10);padding:9px 8px;vertical-align:top;font-size:13px;}body.ht-page-orga-finanzen th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-finanzen .right{text-align:right;}body.ht-page-orga-finanzen .muted{color:var(--muted);}body.ht-page-orga-finanzen .pill{
      display:inline-flex;align-items:center;justify-content:center;
      padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;
    }body.ht-page-orga-finanzen .pill.in{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.14);color:#bfffe1;}body.ht-page-orga-finanzen .pill.out{border-color:rgba(255,77,77,.35);background:rgba(255,77,77,.12);color:#ffd1d1;}body.ht-page-orga-finanzen .pill.mid{border-color:rgba(255,176,32,.28);background:rgba(255,176,32,.10);color:#ffe7c2;}body.ht-page-orga-finanzen details > summary{list-style:none;cursor:pointer;}body.ht-page-orga-finanzen details > summary::-webkit-details-marker{display:none;}body.ht-page-orga-finanzen summary.btnlike{
      display:inline-flex;align-items:center;justify-content:center;
      height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--border);
      background:rgba(255,255,255,.04);font-weight:950;font-size:12px;
    }body.ht-page-orga-finanzen summary.btnlike:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-finanzen .mon-grid{
      display:grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 10px;
    }@media(max-width:520px){
body.ht-page-orga-finanzen .mon-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}body.ht-page-orga-finanzen .kpi{
      border:1px solid rgba(255,255,255,.10);
      border-radius:14px;
      padding:10px 10px;
      background:rgba(255,255,255,.03);
    }body.ht-page-orga-finanzen .kpi .t{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;}body.ht-page-orga-finanzen .kpi .v{margin-top:6px;font-size:18px;font-weight:1000;}body.ht-page-orga-finanzen .pos{color:#bfffe1;}body.ht-page-orga-finanzen .neg{color:#ffb3b3;}body.ht-page-orga-finanzen .view-toggle{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-bottom: 10px;
    }@media(max-width:520px){
body.ht-page-orga-finanzen .view-toggle{ grid-template-columns: 1fr; }
}body.ht-page-orga-finanzen .viewbox{
      border:1px solid rgba(255,255,255,.12);
      border-radius:16px;
      padding:12px;
      background:rgba(255,255,255,.03);
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      text-decoration:none;
      color:var(--text);
    }body.ht-page-orga-finanzen .viewbox:hover{background:rgba(255,255,255,.06);}body.ht-page-orga-finanzen .viewbox .l .t{font-weight:1000;}body.ht-page-orga-finanzen .viewbox .l .s{color:var(--muted);font-size:12px;margin-top:2px;}body.ht-page-orga-finanzen .viewbox.active{
      border-color:rgba(79,124,255,.40);
      box-shadow:0 0 0 2px rgba(79,124,255,.18) inset;
      background:rgba(79,124,255,.08);
    }body.ht-page-orga-finanzen /* ===== HarbourTown Stammdaten / Technik Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --accent:#040cd3 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --danger:#ea4c4c !important;
  --soft:#f7faff !important;
}body.ht-page-orga-finanzen, body.ht-page-orga-finanzen{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-finanzen{color:#10233f !important;}body.ht-page-orga-finanzen .btn.green, body.ht-page-orga-finanzen a.btn.green, body.ht-page-orga-finanzen .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-finanzen .btn.red, body.ht-page-orga-finanzen a.btn.red, body.ht-page-orga-finanzen .red, body.ht-page-orga-finanzen .danger, body.ht-page-orga-finanzen .delete, body.ht-page-orga-finanzen .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-finanzen .wrap, body.ht-page-orga-finanzen .container, body.ht-page-orga-finanzen main{
  color:#10233f !important;
}body.ht-page-orga-finanzen .card, body.ht-page-orga-finanzen .panel, body.ht-page-orga-finanzen .box, body.ht-page-orga-finanzen .tile, body.ht-page-orga-finanzen .item, body.ht-page-orga-finanzen .section, body.ht-page-orga-finanzen .list, body.ht-page-orga-finanzen .table-card, body.ht-page-orga-finanzen form.card, body.ht-page-orga-finanzen fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-finanzen h1, body.ht-page-orga-finanzen h2, body.ht-page-orga-finanzen h3, body.ht-page-orga-finanzen h4, body.ht-page-orga-finanzen strong, body.ht-page-orga-finanzen b, body.ht-page-orga-finanzen label, body.ht-page-orga-finanzen .title, body.ht-page-orga-finanzen .name, body.ht-page-orga-finanzen .lbl{
  color:#10233f !important;
}body.ht-page-orga-finanzen p, body.ht-page-orga-finanzen .sub, body.ht-page-orga-finanzen .muted, body.ht-page-orga-finanzen .hint, body.ht-page-orga-finanzen .meta, body.ht-page-orga-finanzen .note, body.ht-page-orga-finanzen .small, body.ht-page-orga-finanzen .foot, body.ht-page-orga-finanzen .help{
  color:#5f7698 !important;
}body.ht-page-orga-finanzen input, body.ht-page-orga-finanzen select, body.ht-page-orga-finanzen textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-finanzen input::placeholder, body.ht-page-orga-finanzen textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-finanzen select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-finanzen table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-finanzen th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-finanzen td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-finanzen tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-finanzen .pill, body.ht-page-orga-finanzen .badge, body.ht-page-orga-finanzen .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-finanzen .msg, body.ht-page-orga-finanzen .ok, body.ht-page-orga-finanzen .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-finanzen .err, body.ht-page-orga-finanzen .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-finanzen hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-finanzen code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-finanzen /* ===== Technik Stammdaten Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-finanzen .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-finanzen .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-finanzen .card h2, body.ht-page-orga-finanzen .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-finanzen .row, body.ht-page-orga-finanzen .filterBar, body.ht-page-orga-finanzen .filters, body.ht-page-orga-finanzen .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-finanzen .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-finanzen .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-finanzen .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-finanzen label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-finanzen input[type="text"], body.ht-page-orga-finanzen input[type="email"], body.ht-page-orga-finanzen input[type="password"], body.ht-page-orga-finanzen input[type="number"], body.ht-page-orga-finanzen input[type="date"], body.ht-page-orga-finanzen input[type="time"], body.ht-page-orga-finanzen select, body.ht-page-orga-finanzen textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-finanzen textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-finanzen .card .btn, body.ht-page-orga-finanzen .card button, body.ht-page-orga-finanzen .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-finanzen .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-finanzen .actions .btn, body.ht-page-orga-finanzen .actions button, body.ht-page-orga-finanzen .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-finanzen table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-finanzen th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-finanzen td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-finanzen tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-finanzen td form{ margin:0 !important; }body.ht-page-orga-finanzen .badge, body.ht-page-orga-finanzen .pill, body.ht-page-orga-finanzen .tag, body.ht-page-orga-finanzen .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-finanzen .kpiGrid, body.ht-page-orga-finanzen .stats, body.ht-page-orga-finanzen .summary, body.ht-page-orga-finanzen .grid{
  gap:16px !important;
}body.ht-page-orga-finanzen .kpi, body.ht-page-orga-finanzen .stat, body.ht-page-orga-finanzen .summaryBox, body.ht-page-orga-finanzen .item, body.ht-page-orga-finanzen .tile, body.ht-page-orga-finanzen .box, body.ht-page-orga-finanzen .settingBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-finanzen pre, body.ht-page-orga-finanzen code{
  border-radius:16px !important;
  background:#f3f7ff !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
}body.ht-page-orga-finanzen .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-orga-finanzen table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-finanzen .field, body.ht-page-orga-finanzen .field.small, body.ht-page-orga-finanzen .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-finanzen .actions .btn, body.ht-page-orga-finanzen .actions button, body.ht-page-orga-finanzen .actions input[type=submit], body.ht-page-orga-finanzen .field.btnw .btn, body.ht-page-orga-finanzen .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_inventar.php -> body.ht-page-orga-inventar --- */
body.ht-page-orga-inventar{--bg:#061a43;--panel:#0c2b6f;--panel2:#12357e;--line:rgba(255,255,255,.32);--text:#fff;--muted:#c7d7ff;--blue:#2e63ff;--green:#26d66f;--red:#ff3c69;--gray:#7482a5}body.ht-page-orga-inventar *{box-sizing:border-box}body.ht-page-orga-inventar{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,#1248b7 0,#061a43 52%,#03102b 100%);color:var(--text);font-weight:800}body.ht-page-orga-inventar .wrap{max-width:1180px;margin:0 auto;padding:22px}body.ht-page-orga-inventar .top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px}body.ht-page-orga-inventar .brandIcon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;border:1px solid var(--line)}body.ht-page-orga-inventar h1{margin:0;text-align:center;font-size:34px}body.ht-page-orga-inventar h2{margin:0 0 14px;font-size:24px}body.ht-page-orga-inventar .sub{text-align:center;margin-top:8px;color:var(--muted)}body.ht-page-orga-inventar .card{background:rgba(8,34,93,.92);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.20);margin-bottom:18px}body.ht-page-orga-inventar .btn{border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:10px 14px;color:white;text-decoration:none;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gray);font-size:14px;white-space:nowrap}body.ht-page-orga-inventar .btn.blue{background:var(--blue)}body.ht-page-orga-inventar .btn.green{background:var(--green);color:#042412}body.ht-page-orga-inventar .btn.red{background:var(--red)}body.ht-page-orga-inventar .btn.gray{background:rgba(255,255,255,.18)}body.ht-page-orga-inventar .actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}body.ht-page-orga-inventar .tabs{display:flex;flex-wrap:wrap;gap:8px}body.ht-page-orga-inventar .tab{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.10);color:#fff;text-decoration:none;font-weight:900}body.ht-page-orga-inventar .tab.active{background:var(--blue)}body.ht-page-orga-inventar .filterBar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-top:14px;align-items:end}body.ht-page-orga-inventar label{display:block;font-size:13px;margin:0 0 5px;color:#fff}body.ht-page-orga-inventar input, body.ht-page-orga-inventar select, body.ht-page-orga-inventar textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:15px}body.ht-page-orga-inventar option{color:#111}body.ht-page-orga-inventar textarea{min-height:90px}body.ht-page-orga-inventar .listTable{width:100%;border-collapse:collapse;font-size:14px}body.ht-page-orga-inventar .listTable th{color:#d8e4ff;text-align:left;border-bottom:2px solid rgba(255,255,255,.75);padding:10px 8px;text-transform:uppercase;font-size:12px}body.ht-page-orga-inventar .listTable td{border-bottom:1px solid rgba(255,255,255,.23);padding:11px 8px;vertical-align:middle}body.ht-page-orga-inventar .nameCell{font-size:16px}body.ht-page-orga-inventar .muted{color:var(--muted);font-weight:800}body.ht-page-orga-inventar .pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);border-radius:999px;padding:3px 8px;font-size:12px;margin:2px 3px 2px 0}body.ht-page-orga-inventar .status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;border:1px solid rgba(255,255,255,.28)}body.ht-page-orga-inventar .status.ok{background:rgba(38,214,111,.22);color:#98ffc0}body.ht-page-orga-inventar .status.off{background:rgba(255,60,105,.2);color:#ffc0cd}body.ht-page-orga-inventar .dialogHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}body.ht-page-orga-inventar .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}body.ht-page-orga-inventar .col2{grid-column:span 2}body.ht-page-orga-inventar .col3{grid-column:span 3}body.ht-page-orga-inventar .col4{grid-column:span 4}body.ht-page-orga-inventar .col5{grid-column:span 5}body.ht-page-orga-inventar .col6{grid-column:span 6}body.ht-page-orga-inventar .col8{grid-column:span 8}body.ht-page-orga-inventar .col12{grid-column:span 12}body.ht-page-orga-inventar .sectionTitle{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.20);padding-top:14px;margin-top:16px;margin-bottom:10px}body.ht-page-orga-inventar .checks{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}body.ht-page-orga-inventar .check{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:10px;font-size:14px}body.ht-page-orga-inventar .check input{width:22px;height:22px;accent-color:#ff5b74;flex:0 0 auto}body.ht-page-orga-inventar .typedBlock.hide{display:none}body.ht-page-orga-inventar .smallNote{font-size:12px;color:var(--muted);margin-top:4px}body.ht-page-orga-inventar .infoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}body.ht-page-orga-inventar .infoBox{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:12px;padding:10px}body.ht-page-orga-inventar .infoBox b{display:block;font-size:12px;color:#cfe0ff;text-transform:uppercase;margin-bottom:3px}body.ht-page-orga-inventar .dangerBox{background:rgba(255,60,105,.12);border:1px solid rgba(255,60,105,.35);padding:12px;border-radius:14px;margin-top:12px}body.ht-page-orga-inventar .mobileCards{display:none}@media(max-width:900px){
body.ht-page-orga-inventar .filterBar{grid-template-columns:1fr}body.ht-page-orga-inventar .listTable{display:none}body.ht-page-orga-inventar .mobileCards{display:grid;gap:10px}body.ht-page-orga-inventar .mobileCard{border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px;background:rgba(255,255,255,.08)}body.ht-page-orga-inventar .grid{grid-template-columns:1fr}body.ht-page-orga-inventar .col2, body.ht-page-orga-inventar .col3, body.ht-page-orga-inventar .col4, body.ht-page-orga-inventar .col5, body.ht-page-orga-inventar .col6, body.ht-page-orga-inventar .col8, body.ht-page-orga-inventar .col12{grid-column:span 1}body.ht-page-orga-inventar .checks{grid-template-columns:1fr}body.ht-page-orga-inventar .actions{justify-content:flex-start;flex-wrap:wrap}
}body.ht-page-orga-inventar /* ===== HarbourTown Verwaltung Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-inventar, body.ht-page-orga-inventar{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-inventar{
  color:#10233f !important;
}body.ht-page-orga-inventar .btn.green, body.ht-page-orga-inventar a.btn.green, body.ht-page-orga-inventar .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-inventar .btn.red, body.ht-page-orga-inventar a.btn.red, body.ht-page-orga-inventar .red, body.ht-page-orga-inventar .danger, body.ht-page-orga-inventar .delete, body.ht-page-orga-inventar .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-inventar .wrap, body.ht-page-orga-inventar .container, body.ht-page-orga-inventar main{
  color:#10233f !important;
}body.ht-page-orga-inventar .card, body.ht-page-orga-inventar .panel, body.ht-page-orga-inventar .box, body.ht-page-orga-inventar .tile, body.ht-page-orga-inventar .item, body.ht-page-orga-inventar .section, body.ht-page-orga-inventar .list, body.ht-page-orga-inventar .table-card, body.ht-page-orga-inventar form.card, body.ht-page-orga-inventar fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-inventar h1, body.ht-page-orga-inventar h2, body.ht-page-orga-inventar h3, body.ht-page-orga-inventar h4, body.ht-page-orga-inventar strong, body.ht-page-orga-inventar b, body.ht-page-orga-inventar label, body.ht-page-orga-inventar .title, body.ht-page-orga-inventar .name, body.ht-page-orga-inventar .lbl{
  color:#10233f !important;
}body.ht-page-orga-inventar p, body.ht-page-orga-inventar .sub, body.ht-page-orga-inventar .muted, body.ht-page-orga-inventar .hint, body.ht-page-orga-inventar .meta, body.ht-page-orga-inventar .note, body.ht-page-orga-inventar .small, body.ht-page-orga-inventar .foot, body.ht-page-orga-inventar .help{
  color:#5f7698 !important;
}body.ht-page-orga-inventar input, body.ht-page-orga-inventar select, body.ht-page-orga-inventar textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-inventar input::placeholder, body.ht-page-orga-inventar textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-inventar select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-inventar table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-inventar th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-inventar td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-inventar tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-inventar .pill, body.ht-page-orga-inventar .badge, body.ht-page-orga-inventar .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-inventar .msg, body.ht-page-orga-inventar .ok, body.ht-page-orga-inventar .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-inventar .err, body.ht-page-orga-inventar .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-inventar hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-inventar code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-inventar /* ===== Inventar Filter Fix ===== */
.filterBar{
  display:grid !important;
  grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) minmax(180px,1fr) auto !important;
  gap:12px !important;
  align-items:stretch !important;
}body.ht-page-orga-inventar .filterBar input, body.ht-page-orga-inventar .filterBar select, body.ht-page-orga-inventar .filterBar button{
  min-height:48px !important;
  height:48px !important;
  margin:0 !important;
}body.ht-page-orga-inventar .filterBar input, body.ht-page-orga-inventar .filterBar select{
  border-radius:14px !important;
}body.ht-page-orga-inventar .filterBar .btn, body.ht-page-orga-inventar .filterBar button, body.ht-page-orga-inventar .filterBar .btn.blue{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:110px !important;
  padding:0 18px !important;
  border:1px solid rgba(4,12,211,.18) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#325dff,#040cd3) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(13,33,72,.10) !important;
}body.ht-page-orga-inventar .filterBar .btn:hover, body.ht-page-orga-inventar .filterBar button:hover{
  transform:translateY(-1px);
}@media (max-width: 900px){
body.ht-page-orga-inventar .filterBar{
    grid-template-columns:1fr 1fr !important;
  }body.ht-page-orga-inventar .filterBar .btn, body.ht-page-orga-inventar .filterBar button{
    width:100% !important;
  }
}@media (max-width: 640px){
body.ht-page-orga-inventar .filterBar{
    grid-template-columns:1fr !important;
  }
}body.ht-page-orga-inventar /* ===== Inventar Kategorien/Tabs Sichtbarkeits-Fix ===== */
.tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  margin:12px 0 16px !important;
}body.ht-page-orga-inventar .tabs .tab, body.ht-page-orga-inventar .tab{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid #d4e0fb !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:14px !important;
  box-shadow:0 8px 18px rgba(13,33,72,.05) !important;
  opacity:1 !important;
  visibility:visible !important;
}body.ht-page-orga-inventar .tabs .tab:hover, body.ht-page-orga-inventar .tab:hover{
  background:#fff !important;
  color:#040cd3 !important;
  transform:translateY(-1px);
}body.ht-page-orga-inventar .tabs .tab.active, body.ht-page-orga-inventar .tab.active{
  color:#fff !important;
  border-color:rgba(4,12,211,.18) !important;
  background:linear-gradient(180deg,#325dff,#040cd3) !important;
  box-shadow:0 10px 24px rgba(4,12,211,.18) !important;
}

/* --- P185 moved from orga_live_infos.php -> body.ht-page-orga-live-infos --- */
body.ht-page-orga-live-infos{
  --bg:#f5f8ff;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --text:#10233f;
  --text-soft:#22406d;
  --muted:#5f7698;
  --border:#dbe6f7;
  --border-strong:#c6d7f2;
  --blue:#040cd3;
  --blue-2:#325dff;
  --blue-soft:#edf2ff;
  --green:#15b97f;
  --orange:#ff914d;
  --red:#ea4c4c;
  --shadow:0 18px 48px rgba(13,33,72,.10);
  --shadow-soft:0 10px 24px rgba(13,33,72,.06);
  --radius:24px;
}body.ht-page-orga-live-infos *{box-sizing:border-box}body.ht-page-orga-live-infos, body.ht-page-orga-live-infos{margin:0;padding:0}body.ht-page-orga-live-infos{
  min-height:100vh;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(740px 340px at 100% 8%, rgba(0,186,255,.10), transparent 56%),
    linear-gradient(180deg, #f8fbff 0%, #f2f7ff 42%, #eef4ff 100%);
  font-weight:750;
}body.ht-page-orga-live-infos .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.92);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:14px;box-shadow:var(--shadow-soft);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}body.ht-page-orga-live-infos .btn:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 14px 28px rgba(13,33,72,.10)}body.ht-page-orga-live-infos .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue-2),var(--blue))}body.ht-page-orga-live-infos .btn.red{color:#fff;border-color:rgba(234,76,76,.18);background:linear-gradient(180deg,#ff6b6b,var(--red))}body.ht-page-orga-live-infos .wrap{max-width:1120px;margin:0 auto;padding:22px 20px 48px}body.ht-page-orga-live-infos h1{text-align:center;margin:6px 0 6px;font-size:38px;letter-spacing:-.055em;line-height:1.02}body.ht-page-orga-live-infos .sub{text-align:center;color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 18px;font-weight:850}body.ht-page-orga-live-infos .card{border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.88);box-shadow:var(--shadow);padding:20px;margin-bottom:18px}body.ht-page-orga-live-infos .card h2{text-align:center;margin:0 0 14px;font-size:24px;letter-spacing:-.045em}body.ht-page-orga-live-infos .matchline{text-align:center;color:var(--muted);font-weight:850;margin:0 0 14px}body.ht-page-orga-live-infos .matchline b{color:var(--text)}body.ht-page-orga-live-infos .pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid #d4e0fb;background:#f3f7ff;color:var(--blue);font-size:12px;font-weight:950;white-space:nowrap}body.ht-page-orga-live-infos .regieInfoGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:0}body.ht-page-orga-live-infos .regieInfoItem{border:1px solid var(--border);border-radius:16px;background:#ecfdf5;box-shadow:0 8px 18px rgba(5,150,105,.10);padding:11px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px}body.ht-page-orga-live-infos .regieInfoItem span{display:block;color:#047857;font-size:12px;font-weight:950;margin-bottom:5px;text-align:center}body.ht-page-orga-live-infos .regieInfoItem b{display:block;color:#064e3b;font-size:15px;font-weight:1000;line-height:1.15;white-space:normal;overflow:hidden;text-overflow:ellipsis;text-align:center}body.ht-page-orga-live-infos .legendMini{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px;color:var(--muted);font-size:12px;font-weight:850}body.ht-page-orga-live-infos .legendMini span{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--border);border-radius:999px;background:#f8fbff;padding:5px 8px}body.ht-page-orga-live-infos .legendMini b{color:var(--blue)}body.ht-page-orga-live-infos .feed{border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);padding:12px;max-height:560px;overflow:auto}body.ht-page-orga-live-infos .latestBox{border:2px solid rgba(234,76,76,1);border-radius:18px;background:#fff5f5;padding:14px;margin-bottom:10px;box-shadow:0 0 0 2px rgba(234,76,76,.08)}body.ht-page-orga-live-infos .latestBox.glow{box-shadow:0 0 0 2px rgba(234,76,76,.18),0 0 24px rgba(234,76,76,.32)}body.ht-page-orga-live-infos .latestTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}body.ht-page-orga-live-infos .latestTitle b{font-weight:950}body.ht-page-orga-live-infos .latestTitle .time{color:var(--muted);font-size:12px;white-space:nowrap}body.ht-page-orga-live-infos .latestMsg{white-space:pre-wrap;word-break:break-word;font-weight:850;font-size:15px}body.ht-page-orga-live-infos .item{padding:11px 10px;border-bottom:1px solid #e6eefb}body.ht-page-orga-live-infos .item:last-child{border-bottom:none}body.ht-page-orga-live-infos .t{font-size:12px;color:var(--muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.ht-page-orga-live-infos .m{white-space:pre-wrap;word-break:break-word;font-weight:800;font-size:15px}body.ht-page-orga-live-infos .empty{text-align:center;color:var(--muted);padding:14px;font-weight:850}@media(max-width:980px){
body.ht-page-orga-live-infos .statusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ht-page-orga-live-infos .regieInfoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}@media(max-width:560px){
body.ht-page-orga-live-infos .statusGrid, body.ht-page-orga-live-infos .regieInfoGrid{grid-template-columns:1fr}
}body.ht-page-orga-live-infos .puckkindItem{
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 8px 18px rgba(13,33,72,.05) !important;
}body.ht-page-orga-live-infos .puckkindItem span{color:var(--muted) !important;}body.ht-page-orga-live-infos .puckkindItem b{color:var(--text) !important;}body.ht-page-orga-live-infos .timeWatch.is-orange{
  background:#fff7ed !important;
  border-color:#fed7aa !important;
  box-shadow:0 8px 18px rgba(249,115,22,.10) !important;
}body.ht-page-orga-live-infos .timeWatch.is-orange span{color:#c2410c !important;}body.ht-page-orga-live-infos .timeWatch.is-orange b{color:#9a3412 !important;}body.ht-page-orga-live-infos .timeWatch.is-red{
  background:#fff1f2 !important;
  border-color:#fecdd3 !important;
  box-shadow:0 8px 18px rgba(225,29,72,.12) !important;
}body.ht-page-orga-live-infos .timeWatch.is-red span{color:#be123c !important;}body.ht-page-orga-live-infos .timeWatch.is-red b{color:#9f1239 !important;}body.ht-page-orga-live-infos .liveFeedCard.blinkRed{
  animation: liveFeedRedBlink 1s ease-in-out 0s 10;
}@keyframes liveFeedRedBlink{
  0%,100%{
    border-color:rgba(219,230,247,1);
    box-shadow:var(--shadow);
    transform:scale(1);
  }
  50%{
    border-color:rgba(234,76,76,1);
    box-shadow:
      0 0 0 5px rgba(234,76,76,.30),
      0 0 34px rgba(234,76,76,.55),
      0 0 74px rgba(234,76,76,.28),
      var(--shadow);
    transform:scale(1.012);
  }
}body.ht-page-orga-live-infos /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-live-infos keine Menüleistenänderung === */
select, body.ht-page-orga-live-infos .field select, body.ht-page-orga-live-infos .filterGrid select, body.ht-page-orga-live-infos .modalBody select, body.ht-page-orga-live-infos select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-live-infos select option, body.ht-page-orga-live-infos select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-live-infos select:focus, body.ht-page-orga-live-infos .field select:focus, body.ht-page-orga-live-infos .filterGrid select:focus, body.ht-page-orga-live-infos .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from orga_livestream_kalkulation.php -> body.ht-page-orga-livestream-kalkulation --- */
body.ht-page-orga-livestream-kalkulation{--bg:#071a37;--panel:#10284f;--panel2:#0d2246;--line:rgba(255,255,255,.28);--text:#fff;--muted:#b9c8e6;--blue:#2f6cff;--green:#46e07b;--red:#ff4458;--gray:#50607c}body.ht-page-orga-livestream-kalkulation *{box-sizing:border-box}body.ht-page-orga-livestream-kalkulation{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#123f8c 0,#071a37 52%,#041225 100%);color:var(--text);font-weight:700}body.ht-page-orga-livestream-kalkulation .top{position:sticky;top:0;z-index:5;background:rgba(5,15,32,.96);border-bottom:1px solid var(--line);padding:14px 22px;display:flex;justify-content:space-between;align-items:center}body.ht-page-orga-livestream-kalkulation .nav{display:flex;gap:10px;align-items:center}body.ht-page-orga-livestream-kalkulation .wrap{max-width:1120px;margin:34px auto;padding:0 18px}body.ht-page-orga-livestream-kalkulation .hero{text-align:center;margin:16px 0 24px}body.ht-page-orga-livestream-kalkulation .hero h1{font-size:34px;margin:0 0 8px}body.ht-page-orga-livestream-kalkulation .muted{color:var(--muted);font-weight:650}body.ht-page-orga-livestream-kalkulation .card{background:rgba(16,40,79,.96);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 16px 42px rgba(0,0,0,.28);margin-bottom:22px}body.ht-page-orga-livestream-kalkulation .cardHead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}body.ht-page-orga-livestream-kalkulation h2, body.ht-page-orga-livestream-kalkulation h3{margin:0 0 14px}body.ht-page-orga-livestream-kalkulation .btn{border:1px solid rgba(255,255,255,.35);border-radius:13px;color:#fff;text-decoration:none;padding:11px 15px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:850;cursor:pointer;background:var(--gray);font-size:14px}body.ht-page-orga-livestream-kalkulation .btn.blue{background:var(--blue)}body.ht-page-orga-livestream-kalkulation .btn.red{background:var(--red)}body.ht-page-orga-livestream-kalkulation .btn.gray{background:#44516d}body.ht-page-orga-livestream-kalkulation .btn.green{background:#16b85c}body.ht-page-orga-livestream-kalkulation .actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}body.ht-page-orga-livestream-kalkulation table{width:100%;border-collapse:collapse}body.ht-page-orga-livestream-kalkulation th{color:#d7e3ff;font-size:13px;text-transform:uppercase;text-align:left;border-bottom:2px solid rgba(255,255,255,.55);padding:12px 10px}body.ht-page-orga-livestream-kalkulation td{padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.18);vertical-align:top}body.ht-page-orga-livestream-kalkulation .projectTitle{font-size:17px}body.ht-page-orga-livestream-kalkulation .kpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}body.ht-page-orga-livestream-kalkulation .kpi{background:rgba(7,20,44,.62);border:1px solid var(--line);border-radius:17px;padding:16px}body.ht-page-orga-livestream-kalkulation .kpi span{display:block;color:#c7d5ee;font-size:12px;text-transform:uppercase}body.ht-page-orga-livestream-kalkulation .kpi b{font-size:25px;display:block;margin-top:4px}body.ht-page-orga-livestream-kalkulation .tabs{display:flex;gap:8px;margin:18px 0 16px;flex-wrap:wrap}body.ht-page-orga-livestream-kalkulation .tab{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#fff;text-decoration:none}body.ht-page-orga-livestream-kalkulation .section{margin-top:18px}body.ht-page-orga-livestream-kalkulation .split{display:grid;grid-template-columns:1fr 1fr;gap:16px}body.ht-page-orga-livestream-kalkulation .list{display:grid;gap:9px}body.ht-page-orga-livestream-kalkulation .pill{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.20);border-radius:13px;padding:10px 12px}body.ht-page-orga-livestream-kalkulation input, body.ht-page-orga-livestream-kalkulation select, body.ht-page-orga-livestream-kalkulation textarea{width:100%;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:rgba(255,255,255,.14);color:#fff;padding:12px;font-weight:800;font-size:15px}body.ht-page-orga-livestream-kalkulation label{display:block;margin:8px 0 6px;color:#fff}body.ht-page-orga-livestream-kalkulation .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}body.ht-page-orga-livestream-kalkulation .col3{grid-column:span 3}body.ht-page-orga-livestream-kalkulation .col4{grid-column:span 4}body.ht-page-orga-livestream-kalkulation .col6{grid-column:span 6}body.ht-page-orga-livestream-kalkulation .col12{grid-column:span 12}body.ht-page-orga-livestream-kalkulation fieldset{border:1px solid rgba(255,255,255,.28);border-radius:18px;margin:16px 0;padding:18px;background:rgba(4,14,32,.32)}body.ht-page-orga-livestream-kalkulation legend{padding:0 10px;font-size:20px}body.ht-page-orga-livestream-kalkulation .roleRow{display:grid;grid-template-columns:220px 90px 140px 1fr;gap:16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding:12px 0}body.ht-page-orga-livestream-kalkulation .check{display:flex;align-items:center;gap:10px;margin:0}body.ht-page-orga-livestream-kalkulation .check input, body.ht-page-orga-livestream-kalkulation .bigcheck{width:30px;height:30px;accent-color:#ff435d}body.ht-page-orga-livestream-kalkulation .footerBtns{display:flex;justify-content:space-between;gap:12px;align-items:center}body.ht-page-orga-livestream-kalkulation .eqRow{display:grid;grid-template-columns:42px 1fr 120px;gap:14px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding:12px 0}body.ht-page-orga-livestream-kalkulation .ok{color:#82ff9b}body.ht-page-orga-livestream-kalkulation .warn{color:#ffd970}body.ht-page-orga-livestream-kalkulation .projectList{display:grid;gap:14px}body.ht-page-orga-livestream-kalkulation .projectCard{border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(7,20,44,.42);padding:16px 16px}body.ht-page-orga-livestream-kalkulation .projectTop{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:18px;align-items:start}body.ht-page-orga-livestream-kalkulation .projectBottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.20)}body.ht-page-orga-livestream-kalkulation .projectLabel{display:block;color:#c7d5ee;font-size:12px;text-transform:uppercase;margin-bottom:4px}body.ht-page-orga-livestream-kalkulation .projectValue{font-size:18px;font-weight:950}body.ht-page-orga-livestream-kalkulation .projectActions{display:flex;gap:8px;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap}body.ht-page-orga-livestream-kalkulation .projectActions form{margin:0}body.ht-page-orga-livestream-kalkulation .moneyBlock b{display:block;font-size:20px}body.ht-page-orga-livestream-kalkulation .moneyBlock .ok{font-size:20px}body.ht-page-orga-livestream-kalkulation .projectMeta{color:var(--muted);font-weight:750;margin-top:3px}@media(max-width:850px){
body.ht-page-orga-livestream-kalkulation .projectTop{grid-template-columns:1fr}body.ht-page-orga-livestream-kalkulation .projectBottom{grid-template-columns:1fr}body.ht-page-orga-livestream-kalkulation .projectActions{justify-content:flex-start}
}@media(max-width:850px){
body.ht-page-orga-livestream-kalkulation .kpiGrid, body.ht-page-orga-livestream-kalkulation .split{grid-template-columns:1fr}body.ht-page-orga-livestream-kalkulation .roleRow{grid-template-columns:1fr}body.ht-page-orga-livestream-kalkulation .col3, body.ht-page-orga-livestream-kalkulation .col4, body.ht-page-orga-livestream-kalkulation .col6{grid-column:span 12}body.ht-page-orga-livestream-kalkulation .actions{justify-content:flex-start}body.ht-page-orga-livestream-kalkulation .top{position:relative;flex-direction:column;align-items:flex-start}body.ht-page-orga-livestream-kalkulation .nav{flex-wrap:wrap}body.ht-page-orga-livestream-kalkulation table{font-size:14px}
}body.ht-page-orga-livestream-kalkulation /* ===== HarbourTown Verwaltung Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-livestream-kalkulation, body.ht-page-orga-livestream-kalkulation{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-livestream-kalkulation{
  color:#10233f !important;
}body.ht-page-orga-livestream-kalkulation .btn.green, body.ht-page-orga-livestream-kalkulation a.btn.green, body.ht-page-orga-livestream-kalkulation .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-livestream-kalkulation .btn.red, body.ht-page-orga-livestream-kalkulation a.btn.red, body.ht-page-orga-livestream-kalkulation .red, body.ht-page-orga-livestream-kalkulation .danger, body.ht-page-orga-livestream-kalkulation .delete, body.ht-page-orga-livestream-kalkulation .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-livestream-kalkulation .wrap, body.ht-page-orga-livestream-kalkulation .container, body.ht-page-orga-livestream-kalkulation main{
  color:#10233f !important;
}body.ht-page-orga-livestream-kalkulation .card, body.ht-page-orga-livestream-kalkulation .panel, body.ht-page-orga-livestream-kalkulation .box, body.ht-page-orga-livestream-kalkulation .tile, body.ht-page-orga-livestream-kalkulation .item, body.ht-page-orga-livestream-kalkulation .section, body.ht-page-orga-livestream-kalkulation .list, body.ht-page-orga-livestream-kalkulation .table-card, body.ht-page-orga-livestream-kalkulation form.card, body.ht-page-orga-livestream-kalkulation fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-livestream-kalkulation h1, body.ht-page-orga-livestream-kalkulation h2, body.ht-page-orga-livestream-kalkulation h3, body.ht-page-orga-livestream-kalkulation h4, body.ht-page-orga-livestream-kalkulation strong, body.ht-page-orga-livestream-kalkulation b, body.ht-page-orga-livestream-kalkulation label, body.ht-page-orga-livestream-kalkulation .title, body.ht-page-orga-livestream-kalkulation .name, body.ht-page-orga-livestream-kalkulation .lbl{
  color:#10233f !important;
}body.ht-page-orga-livestream-kalkulation p, body.ht-page-orga-livestream-kalkulation .sub, body.ht-page-orga-livestream-kalkulation .muted, body.ht-page-orga-livestream-kalkulation .hint, body.ht-page-orga-livestream-kalkulation .meta, body.ht-page-orga-livestream-kalkulation .note, body.ht-page-orga-livestream-kalkulation .small, body.ht-page-orga-livestream-kalkulation .foot, body.ht-page-orga-livestream-kalkulation .help{
  color:#5f7698 !important;
}body.ht-page-orga-livestream-kalkulation input, body.ht-page-orga-livestream-kalkulation select, body.ht-page-orga-livestream-kalkulation textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-livestream-kalkulation input::placeholder, body.ht-page-orga-livestream-kalkulation textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-livestream-kalkulation select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-livestream-kalkulation table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-livestream-kalkulation th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-livestream-kalkulation td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-livestream-kalkulation tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-livestream-kalkulation .pill, body.ht-page-orga-livestream-kalkulation .badge, body.ht-page-orga-livestream-kalkulation .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-livestream-kalkulation .msg, body.ht-page-orga-livestream-kalkulation .ok, body.ht-page-orga-livestream-kalkulation .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-livestream-kalkulation .err, body.ht-page-orga-livestream-kalkulation .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-livestream-kalkulation hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-livestream-kalkulation code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-livestream-kalkulation /* ===== Kalkulation Feinschliff ===== */
.projectList{
  display:grid !important;
  gap:14px !important;
}body.ht-page-orga-livestream-kalkulation .projectCard{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
}body.ht-page-orga-livestream-kalkulation .projectTop{
  display:grid !important;
  grid-template-columns:1.4fr 1fr 1fr auto !important;
  gap:16px !important;
  align-items:center !important;
}body.ht-page-orga-livestream-kalkulation .projectActions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-livestream-kalkulation .projectActions form{
  margin:0 !important;
  display:inline-flex !important;
}body.ht-page-orga-livestream-kalkulation .projectBottom{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px solid #e6eefb !important;
}body.ht-page-orga-livestream-kalkulation .moneyBlock, body.ht-page-orga-livestream-kalkulation .kpi{
  min-height:86px !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#f8fbff !important;
  padding:14px !important;
  color:#10233f !important;
}body.ht-page-orga-livestream-kalkulation .projectLabel, body.ht-page-orga-livestream-kalkulation .kpi span{
  display:block !important;
  color:#5f7698 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin-bottom:6px !important;
}body.ht-page-orga-livestream-kalkulation .projectValue, body.ht-page-orga-livestream-kalkulation .moneyBlock b, body.ht-page-orga-livestream-kalkulation .kpi b{
  color:#10233f !important;
  font-weight:950 !important;
  font-size:20px !important;
  line-height:1.15 !important;
}body.ht-page-orga-livestream-kalkulation .kpi b{
  font-size:24px !important;
}body.ht-page-orga-livestream-kalkulation .projectMeta, body.ht-page-orga-livestream-kalkulation .kpi small{
  color:#5f7698 !important;
  font-weight:800 !important;
  font-size:12px !important;
}body.ht-page-orga-livestream-kalkulation .tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:18px 0 0 !important;
}body.ht-page-orga-livestream-kalkulation .tabs .tab, body.ht-page-orga-livestream-kalkulation .tab{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid #d4e0fb !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:14px !important;
  box-shadow:0 8px 18px rgba(13,33,72,.05) !important;
}body.ht-page-orga-livestream-kalkulation .tabs .tab:hover, body.ht-page-orga-livestream-kalkulation .tab:hover{
  background:#fff !important;
  color:#040cd3 !important;
  transform:translateY(-1px);
}body.ht-page-orga-livestream-kalkulation .kpiGrid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}body.ht-page-orga-livestream-kalkulation .cardHead{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-livestream-kalkulation .cardHead .actions{
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-livestream-kalkulation .grid input, body.ht-page-orga-livestream-kalkulation .grid select, body.ht-page-orga-livestream-kalkulation .grid textarea, body.ht-page-orga-livestream-kalkulation fieldset input, body.ht-page-orga-livestream-kalkulation fieldset select, body.ht-page-orga-livestream-kalkulation fieldset textarea{
  min-height:46px !important;
}body.ht-page-orga-livestream-kalkulation fieldset{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:#f8fbff !important;
  padding:18px !important;
}body.ht-page-orga-livestream-kalkulation legend{
  color:#10233f !important;
  font-weight:950 !important;
  padding:0 8px !important;
}body.ht-page-orga-livestream-kalkulation .footerBtns{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:14px !important;
  flex-wrap:wrap !important;
}@media(max-width:980px){
body.ht-page-orga-livestream-kalkulation .projectTop{
    grid-template-columns:1fr 1fr !important;
  }body.ht-page-orga-livestream-kalkulation .projectActions{
    justify-content:flex-start !important;
  }body.ht-page-orga-livestream-kalkulation .kpiGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}@media(max-width:640px){
body.ht-page-orga-livestream-kalkulation .projectTop, body.ht-page-orga-livestream-kalkulation .projectBottom, body.ht-page-orga-livestream-kalkulation .kpiGrid{
    grid-template-columns:1fr !important;
  }body.ht-page-orga-livestream-kalkulation .projectActions .btn, body.ht-page-orga-livestream-kalkulation .projectActions button, body.ht-page-orga-livestream-kalkulation .cardHead .actions .btn{
    width:100% !important;
  }
}body.ht-page-orga-livestream-kalkulation /* ===== Kalkulation lokaler Header Fix ===== */
.top{
  position:static !important;
  max-width:1220px !important;
  margin:18px auto 0 !important;
  padding:0 20px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:14px !important;
  color:#10233f !important;
}body.ht-page-orga-livestream-kalkulation .top .nav{
  width:100% !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-livestream-kalkulation .top .nav a, body.ht-page-orga-livestream-kalkulation .top .btn{
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:13px !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
  background:rgba(255,255,255,.92) !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:800 !important;
  font-size:14px !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
}body.ht-page-orga-livestream-kalkulation .top .nav a:hover, body.ht-page-orga-livestream-kalkulation .top .btn:hover{
  background:#fff !important;
  transform:translateY(-1px);
}body.ht-page-orga-livestream-kalkulation .wrap{
  margin-top:24px !important;
}body.ht-page-orga-livestream-kalkulation .hero{
  margin-top:0 !important;
}@media(max-width:760px){
body.ht-page-orga-livestream-kalkulation .top{
    margin:12px auto 0 !important;
    padding:0 16px !important;
  }body.ht-page-orga-livestream-kalkulation .top .nav{
    justify-content:flex-start !important;
  }
}body.ht-page-orga-livestream-kalkulation /* ===== Einheitliche helle Dropdowns wie Lineups/Schiedsrichter ===== */
select{
  min-height:48px !important;
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #cbd8ee !important;
  border-radius:12px !important;
  padding:11px 42px 11px 14px !important;
  font-weight:850 !important;
  font-size:15px !important;
  line-height:1.25 !important;
  box-shadow:0 1px 2px rgba(13,33,72,.04) !important;
  outline:none !important;
}body.ht-page-orga-livestream-kalkulation select:focus{
  border-color:#040cd3 !important;
  box-shadow:0 0 0 4px rgba(4,12,211,.14),0 1px 2px rgba(13,33,72,.04) !important;
}body.ht-page-orga-livestream-kalkulation select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:750 !important;
}body.ht-page-orga-livestream-kalkulation .roleRow select{
  max-width:110px !important;
  text-align:center !important;
}body.ht-page-orga-livestream-kalkulation /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-livestream-kalkulation keine Menüleistenänderung === */
select, body.ht-page-orga-livestream-kalkulation .field select, body.ht-page-orga-livestream-kalkulation .filterGrid select, body.ht-page-orga-livestream-kalkulation .modalBody select, body.ht-page-orga-livestream-kalkulation select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-livestream-kalkulation select option, body.ht-page-orga-livestream-kalkulation select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-livestream-kalkulation select:focus, body.ht-page-orga-livestream-kalkulation .field select:focus, body.ht-page-orga-livestream-kalkulation .filterGrid select:focus, body.ht-page-orga-livestream-kalkulation .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from orga_lobu.php -> body.ht-page-orga-lobu --- */
body.ht-page-orga-lobu{
    --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
    --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
    --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d;
  }body.ht-page-orga-lobu *{ box-sizing:border-box; }body.ht-page-orga-lobu{
    margin:0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:
      radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
      radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
      var(--bg);
    color:var(--text);
  }body.ht-page-orga-lobu .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-lobu .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-lobu .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-lobu h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-lobu .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.35;}body.ht-page-orga-lobu .card{border:1px solid var(--border);border-radius:var(--radius);
    background:linear-gradient(180deg,var(--cardA),var(--cardB));
    box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-lobu .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-lobu .field{flex:1 1 260px;}body.ht-page-orga-lobu .field.small{flex:0 0 220px;}@media(max-width:560px){
body.ht-page-orga-lobu .field, body.ht-page-orga-lobu .field.small{flex:1 1 100%;}
}body.ht-page-orga-lobu label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-lobu input, body.ht-page-orga-lobu select{
    width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
  }body.ht-page-orga-lobu option{ color:#111; background:#fff; }body.ht-page-orga-lobu .btn{
    height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
    width:100%;
  }body.ht-page-orga-lobu .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-lobu .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-lobu .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-lobu .grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:14px;
  }@media(max-width:980px){
body.ht-page-orga-lobu .grid{grid-template-columns:1fr;}
}body.ht-page-orga-lobu .monthHead{
    display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
    margin-bottom:10px;
  }body.ht-page-orga-lobu .monthHead b{font-size:16px;}body.ht-page-orga-lobu .pill{
    display:inline-flex;align-items:center;justify-content:center;
    padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.06);font-weight:900;font-size:12px;white-space:nowrap;
  }body.ht-page-orga-lobu .pill.red{border-color:rgba(255,77,77,.35);background:rgba(255,77,77,.14);color:#ffe3e3;}body.ht-page-orga-lobu .pill.green{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.16);color:#bfffe1;}body.ht-page-orga-lobu .list{margin-top:6px;display:flex;flex-direction:column;gap:8px;}body.ht-page-orga-lobu .line{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.03);
    padding:10px 12px;border-radius:14px;
  }body.ht-page-orga-lobu .line .name{font-weight:950;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}body.ht-page-orga-lobu .line .meta{color:var(--muted);font-weight:800;font-size:12px;white-space:nowrap;}body.ht-page-orga-lobu .empty{color:var(--muted);text-align:center;padding:12px;}body.ht-page-orga-lobu .msg{color:#FF7A7A;text-align:center;font-weight:950;margin:10px 0;}body.ht-page-orga-lobu /* ===== HarbourTown Verwaltung Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-lobu, body.ht-page-orga-lobu{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-lobu{
  color:#10233f !important;
}body.ht-page-orga-lobu .btn.green, body.ht-page-orga-lobu a.btn.green, body.ht-page-orga-lobu .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-lobu .btn.red, body.ht-page-orga-lobu a.btn.red, body.ht-page-orga-lobu .red, body.ht-page-orga-lobu .danger, body.ht-page-orga-lobu .delete, body.ht-page-orga-lobu .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-lobu .wrap, body.ht-page-orga-lobu .container, body.ht-page-orga-lobu main{
  color:#10233f !important;
}body.ht-page-orga-lobu .card, body.ht-page-orga-lobu .panel, body.ht-page-orga-lobu .box, body.ht-page-orga-lobu .tile, body.ht-page-orga-lobu .item, body.ht-page-orga-lobu .section, body.ht-page-orga-lobu .list, body.ht-page-orga-lobu .table-card, body.ht-page-orga-lobu form.card, body.ht-page-orga-lobu fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-lobu h1, body.ht-page-orga-lobu h2, body.ht-page-orga-lobu h3, body.ht-page-orga-lobu h4, body.ht-page-orga-lobu strong, body.ht-page-orga-lobu b, body.ht-page-orga-lobu label, body.ht-page-orga-lobu .title, body.ht-page-orga-lobu .name, body.ht-page-orga-lobu .lbl{
  color:#10233f !important;
}body.ht-page-orga-lobu p, body.ht-page-orga-lobu .sub, body.ht-page-orga-lobu .muted, body.ht-page-orga-lobu .hint, body.ht-page-orga-lobu .meta, body.ht-page-orga-lobu .note, body.ht-page-orga-lobu .small, body.ht-page-orga-lobu .foot, body.ht-page-orga-lobu .help{
  color:#5f7698 !important;
}body.ht-page-orga-lobu input, body.ht-page-orga-lobu select, body.ht-page-orga-lobu textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-lobu input::placeholder, body.ht-page-orga-lobu textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-lobu select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-lobu table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-lobu th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-lobu td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-lobu tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-lobu .pill, body.ht-page-orga-lobu .badge, body.ht-page-orga-lobu .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-lobu .msg, body.ht-page-orga-lobu .ok, body.ht-page-orga-lobu .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-lobu .err, body.ht-page-orga-lobu .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-lobu hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-lobu code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-lobu /* ===== LoBu Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-lobu .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-lobu .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-lobu .card h2{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-lobu .row{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-lobu .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-lobu .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-lobu .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-lobu label{
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-lobu input[type="text"], body.ht-page-orga-lobu input[type="number"], body.ht-page-orga-lobu input[type="date"], body.ht-page-orga-lobu select, body.ht-page-orga-lobu textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-lobu textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-lobu .card .btn, body.ht-page-orga-lobu .card button{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-lobu .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-lobu .actions .btn, body.ht-page-orga-lobu .actions button{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-lobu table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-lobu th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-lobu td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-lobu tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-lobu td form{
  margin:0 !important;
}body.ht-page-orga-lobu .kpiGrid, body.ht-page-orga-lobu .stats, body.ht-page-orga-lobu .summary, body.ht-page-orga-lobu .monthGrid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}body.ht-page-orga-lobu .kpi, body.ht-page-orga-lobu .stat, body.ht-page-orga-lobu .summaryBox, body.ht-page-orga-lobu .monthBox{
  min-height:86px !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#f8fbff !important;
  padding:14px !important;
  color:#10233f !important;
}body.ht-page-orga-lobu .kpi span, body.ht-page-orga-lobu .stat span, body.ht-page-orga-lobu .summaryBox span, body.ht-page-orga-lobu .monthBox span{
  display:block !important;
  color:#5f7698 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin-bottom:6px !important;
}body.ht-page-orga-lobu .kpi b, body.ht-page-orga-lobu .stat b, body.ht-page-orga-lobu .summaryBox b, body.ht-page-orga-lobu .monthBox b{
  color:#10233f !important;
  font-size:22px !important;
  font-weight:950 !important;
}body.ht-page-orga-lobu .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-orga-lobu .kpiGrid, body.ht-page-orga-lobu .stats, body.ht-page-orga-lobu .summary, body.ht-page-orga-lobu .monthGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }body.ht-page-orga-lobu table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-lobu .field, body.ht-page-orga-lobu .field.small, body.ht-page-orga-lobu .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-lobu .actions .btn, body.ht-page-orga-lobu .actions button, body.ht-page-orga-lobu .field.btnw .btn, body.ht-page-orga-lobu .field.btnw button{
    width:100% !important;
  }body.ht-page-orga-lobu .kpiGrid, body.ht-page-orga-lobu .stats, body.ht-page-orga-lobu .summary, body.ht-page-orga-lobu .monthGrid{
    grid-template-columns:1fr !important;
  }
}

/* --- P185 moved from orga_lobu_rapport.php -> body.ht-page-orga-lobu-rapport --- */
body.ht-page-orga-lobu-rapport{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:#0b1220; color:#eef2ff; }body.ht-page-orga-lobu-rapport .wrap{ max-width:980px; margin:0 auto; padding:18px; }body.ht-page-orga-lobu-rapport .card{ border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.04); padding:14px; margin-top:14px; }body.ht-page-orga-lobu-rapport h1{ margin:6px 0 0; text-align:center; font-size:26px; }body.ht-page-orga-lobu-rapport .sub{ text-align:center; color:#aab3cf; margin-top:8px; }body.ht-page-orga-lobu-rapport .btnrow{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:12px; }body.ht-page-orga-lobu-rapport .btn{ height:44px; padding:0 14px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#eef2ff; font-weight:900; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }body.ht-page-orga-lobu-rapport .btn:hover{ background:rgba(255,255,255,.10); }body.ht-page-orga-lobu-rapport .btn.red{ background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78)); border-color:rgba(255,77,77,.35); }body.ht-page-orga-lobu-rapport .pill{ display:inline-flex; padding:4px 10px; border-radius:999px; border:1px solid rgba(255,77,77,.35); background:rgba(255,77,77,.14); color:#ffe3e3; font-weight:900; font-size:12px; }body.ht-page-orga-lobu-rapport table{ width:100%; border-collapse:collapse; }body.ht-page-orga-lobu-rapport th, body.ht-page-orga-lobu-rapport td{ border-bottom:1px solid rgba(255,255,255,.10); padding:10px 8px; text-align:left; vertical-align:top; }body.ht-page-orga-lobu-rapport th{ color:#aab3cf; font-size:12px; text-transform:uppercase; letter-spacing:.8px; }body.ht-page-orga-lobu-rapport .muted{ color:#aab3cf; }body.ht-page-orga-lobu-rapport .err{ color:#FF7A7A; text-align:center; font-weight:950; }@media print{
body.ht-page-orga-lobu-rapport{ background:#fff; color:#111; }body.ht-page-orga-lobu-rapport .wrap{ padding:0; max-width:none; }body.ht-page-orga-lobu-rapport .card{ border:1px solid #ddd; background:#fff; border-radius:0; margin-top:10px; }body.ht-page-orga-lobu-rapport .btnrow{ display:none !important; }body.ht-page-orga-lobu-rapport th, body.ht-page-orga-lobu-rapport td{ border-bottom:1px solid #ddd; }body.ht-page-orga-lobu-rapport th{ color:#333; }body.ht-page-orga-lobu-rapport .muted{ color:#444; }body.ht-page-orga-lobu-rapport .pill{ border-color:#d22; background:#ffecec; color:#900; }
}body.ht-page-orga-lobu-rapport /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-lobu-rapport, body.ht-page-orga-lobu-rapport{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-lobu-rapport{color:#10233f !important;}body.ht-page-orga-lobu-rapport .btn.green, body.ht-page-orga-lobu-rapport a.btn.green, body.ht-page-orga-lobu-rapport .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-lobu-rapport .btn.red, body.ht-page-orga-lobu-rapport a.btn.red, body.ht-page-orga-lobu-rapport .red, body.ht-page-orga-lobu-rapport .danger, body.ht-page-orga-lobu-rapport .delete, body.ht-page-orga-lobu-rapport .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-lobu-rapport .wrap, body.ht-page-orga-lobu-rapport .container, body.ht-page-orga-lobu-rapport main{
  color:#10233f !important;
}body.ht-page-orga-lobu-rapport .card, body.ht-page-orga-lobu-rapport .panel, body.ht-page-orga-lobu-rapport .box, body.ht-page-orga-lobu-rapport .tile, body.ht-page-orga-lobu-rapport .item, body.ht-page-orga-lobu-rapport .section, body.ht-page-orga-lobu-rapport .list, body.ht-page-orga-lobu-rapport .table-card, body.ht-page-orga-lobu-rapport form.card, body.ht-page-orga-lobu-rapport fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-lobu-rapport h1, body.ht-page-orga-lobu-rapport h2, body.ht-page-orga-lobu-rapport h3, body.ht-page-orga-lobu-rapport h4, body.ht-page-orga-lobu-rapport strong, body.ht-page-orga-lobu-rapport b, body.ht-page-orga-lobu-rapport label, body.ht-page-orga-lobu-rapport .title, body.ht-page-orga-lobu-rapport .name, body.ht-page-orga-lobu-rapport .lbl{
  color:#10233f !important;
}body.ht-page-orga-lobu-rapport p, body.ht-page-orga-lobu-rapport .sub, body.ht-page-orga-lobu-rapport .muted, body.ht-page-orga-lobu-rapport .hint, body.ht-page-orga-lobu-rapport .meta, body.ht-page-orga-lobu-rapport .note, body.ht-page-orga-lobu-rapport .small, body.ht-page-orga-lobu-rapport .foot, body.ht-page-orga-lobu-rapport .help{
  color:#5f7698 !important;
}body.ht-page-orga-lobu-rapport input, body.ht-page-orga-lobu-rapport select, body.ht-page-orga-lobu-rapport textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-lobu-rapport input::placeholder, body.ht-page-orga-lobu-rapport textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-lobu-rapport select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-lobu-rapport table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-lobu-rapport th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-lobu-rapport td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-lobu-rapport tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-lobu-rapport .pill, body.ht-page-orga-lobu-rapport .badge, body.ht-page-orga-lobu-rapport .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-lobu-rapport .msg, body.ht-page-orga-lobu-rapport .ok, body.ht-page-orga-lobu-rapport .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-lobu-rapport .err, body.ht-page-orga-lobu-rapport .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-lobu-rapport hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-lobu-rapport code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-lobu-rapport /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-lobu-rapport .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-lobu-rapport .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-lobu-rapport .card h2, body.ht-page-orga-lobu-rapport .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-lobu-rapport .grid, body.ht-page-orga-lobu-rapport .tileGrid, body.ht-page-orga-lobu-rapport .kachelGrid, body.ht-page-orga-lobu-rapport .moduleGrid{
  gap:16px !important;
}body.ht-page-orga-lobu-rapport .tile, body.ht-page-orga-lobu-rapport .kachel, body.ht-page-orga-lobu-rapport .module, body.ht-page-orga-lobu-rapport .linkCard, body.ht-page-orga-lobu-rapport .eventCard, body.ht-page-orga-lobu-rapport .reportCard, body.ht-page-orga-lobu-rapport .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-orga-lobu-rapport .row, body.ht-page-orga-lobu-rapport .filterBar, body.ht-page-orga-lobu-rapport .filters, body.ht-page-orga-lobu-rapport .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-lobu-rapport .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-lobu-rapport .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-lobu-rapport .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-lobu-rapport label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-lobu-rapport input[type="text"], body.ht-page-orga-lobu-rapport input[type="email"], body.ht-page-orga-lobu-rapport input[type="password"], body.ht-page-orga-lobu-rapport input[type="number"], body.ht-page-orga-lobu-rapport input[type="date"], body.ht-page-orga-lobu-rapport input[type="time"], body.ht-page-orga-lobu-rapport select, body.ht-page-orga-lobu-rapport textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-lobu-rapport textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-lobu-rapport .card .btn, body.ht-page-orga-lobu-rapport .card button, body.ht-page-orga-lobu-rapport .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-lobu-rapport .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-lobu-rapport .actions .btn, body.ht-page-orga-lobu-rapport .actions button, body.ht-page-orga-lobu-rapport .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-lobu-rapport table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-lobu-rapport th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-lobu-rapport td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-lobu-rapport tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-lobu-rapport td form{ margin:0 !important; }body.ht-page-orga-lobu-rapport .badge, body.ht-page-orga-lobu-rapport .pill, body.ht-page-orga-lobu-rapport .tag, body.ht-page-orga-lobu-rapport .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-lobu-rapport .kpi, body.ht-page-orga-lobu-rapport .stat, body.ht-page-orga-lobu-rapport .summaryBox, body.ht-page-orga-lobu-rapport .infoBox, body.ht-page-orga-lobu-rapport .notice, body.ht-page-orga-lobu-rapport .monthBox, body.ht-page-orga-lobu-rapport .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-lobu-rapport .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-orga-lobu-rapport{background:#fff !important}body.ht-page-orga-lobu-rapport .wrap{max-width:none !important;padding:0 !important}body.ht-page-orga-lobu-rapport .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-orga-lobu-rapport table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-lobu-rapport .field, body.ht-page-orga-lobu-rapport .field.small, body.ht-page-orga-lobu-rapport .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-lobu-rapport .actions .btn, body.ht-page-orga-lobu-rapport .actions button, body.ht-page-orga-lobu-rapport .actions input[type=submit], body.ht-page-orga-lobu-rapport .field.btnw .btn, body.ht-page-orga-lobu-rapport .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_matches.php -> body.ht-page-orga-matches --- */
body.ht-page-orga-matches{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.10);
      --shadow:0 10px 30px rgba(0,0,0,.35); --radius:16px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.03);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d; --amber:#ffcc66;
    }body.ht-page-orga-matches *{box-sizing:border-box;}body.ht-page-orga-matches{
      margin:0;
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 20% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 90% 10%, rgba(25,195,125,.20), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-matches .nav a{
      display:inline-flex; align-items:center; gap:8px;
      padding:10px 12px; border-radius:12px; border:1px solid var(--border);
      text-decoration:none; color:var(--text);
      background:rgba(255,255,255,.04);
      font-weight:750; margin-left:8px;
    }body.ht-page-orga-matches .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-matches .wrap{max-width:1100px;margin:18px auto 28px;padding:0 18px 30px;}body.ht-page-orga-matches h1{margin:16px 0 6px;font-size:28px;letter-spacing:.2px;}body.ht-page-orga-matches .sub{color:var(--muted);font-size:14px;line-height:1.35;margin-bottom:14px;}body.ht-page-orga-matches .card{
      border:1px solid var(--border);
      background: linear-gradient(180deg, var(--cardA), var(--cardB));
      border-radius: var(--radius);
      padding: 14px;
      box-shadow: var(--shadow);
    }body.ht-page-orga-matches table{width:100%;border-collapse:collapse;}body.ht-page-orga-matches th, body.ht-page-orga-matches td{border-bottom:1px solid rgba(255,255,255,.10); padding:10px 8px; vertical-align:middle; text-align:left;}body.ht-page-orga-matches th{color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.8px;}body.ht-page-orga-matches .right{text-align:right;}body.ht-page-orga-matches .pill{
      display:inline-flex; align-items:center; justify-content:center;
      padding:4px 10px; border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      font-weight:950; font-size:12px; white-space:nowrap;
    }body.ht-page-orga-matches .pill.end{border-color:rgba(255,77,77,.35); background:rgba(255,77,77,.12);}body.ht-page-orga-matches .pill.today{border-color:rgba(255,204,102,.40); background:rgba(255,204,102,.12);}body.ht-page-orga-matches .pill.soon{border-color:rgba(25,195,125,.35); background:rgba(25,195,125,.12);}body.ht-page-orga-matches .btnrow{display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end;}body.ht-page-orga-matches a.btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:10px 12px; border-radius:12px; border:1px solid var(--border);
      text-decoration:none; color:var(--text);
      background:rgba(255,255,255,.05);
      font-weight:800; font-size:13px;
    }body.ht-page-orga-matches a.btn:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-matches a.btn.primary{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75)); border-color:rgba(79,124,255,.35);}body.ht-page-orga-matches a.btn.green{background:linear-gradient(180deg, rgba(25,195,125,.90), rgba(25,195,125,.70)); border-color:rgba(25,195,125,.35);}body.ht-page-orga-matches .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}body.ht-page-orga-matches .minw{min-width:980px;}body.ht-page-orga-matches /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-matches, body.ht-page-orga-matches{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-matches{color:#10233f !important;}body.ht-page-orga-matches .btn.green, body.ht-page-orga-matches a.btn.green, body.ht-page-orga-matches .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-matches .btn.red, body.ht-page-orga-matches a.btn.red, body.ht-page-orga-matches .red, body.ht-page-orga-matches .danger, body.ht-page-orga-matches .delete, body.ht-page-orga-matches .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-matches .wrap, body.ht-page-orga-matches .container, body.ht-page-orga-matches main{
  color:#10233f !important;
}body.ht-page-orga-matches .card, body.ht-page-orga-matches .panel, body.ht-page-orga-matches .box, body.ht-page-orga-matches .tile, body.ht-page-orga-matches .item, body.ht-page-orga-matches .section, body.ht-page-orga-matches .list, body.ht-page-orga-matches .table-card, body.ht-page-orga-matches form.card, body.ht-page-orga-matches fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-matches h1, body.ht-page-orga-matches h2, body.ht-page-orga-matches h3, body.ht-page-orga-matches h4, body.ht-page-orga-matches strong, body.ht-page-orga-matches b, body.ht-page-orga-matches label, body.ht-page-orga-matches .title, body.ht-page-orga-matches .name, body.ht-page-orga-matches .lbl{
  color:#10233f !important;
}body.ht-page-orga-matches p, body.ht-page-orga-matches .sub, body.ht-page-orga-matches .muted, body.ht-page-orga-matches .hint, body.ht-page-orga-matches .meta, body.ht-page-orga-matches .note, body.ht-page-orga-matches .small, body.ht-page-orga-matches .foot, body.ht-page-orga-matches .help{
  color:#5f7698 !important;
}body.ht-page-orga-matches input, body.ht-page-orga-matches select, body.ht-page-orga-matches textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-matches input::placeholder, body.ht-page-orga-matches textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-matches select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-matches table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-matches th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-matches td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-matches tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-matches .pill, body.ht-page-orga-matches .badge, body.ht-page-orga-matches .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-matches .msg, body.ht-page-orga-matches .ok, body.ht-page-orga-matches .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-matches .err, body.ht-page-orga-matches .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-matches hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-matches code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-matches /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-matches .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-matches .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-matches .card h2, body.ht-page-orga-matches .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-matches .grid, body.ht-page-orga-matches .tileGrid, body.ht-page-orga-matches .kachelGrid, body.ht-page-orga-matches .moduleGrid{
  gap:16px !important;
}body.ht-page-orga-matches .tile, body.ht-page-orga-matches .kachel, body.ht-page-orga-matches .module, body.ht-page-orga-matches .linkCard, body.ht-page-orga-matches .eventCard, body.ht-page-orga-matches .reportCard, body.ht-page-orga-matches .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-orga-matches .row, body.ht-page-orga-matches .filterBar, body.ht-page-orga-matches .filters, body.ht-page-orga-matches .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-matches .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-matches .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-matches .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-matches label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-matches input[type="text"], body.ht-page-orga-matches input[type="email"], body.ht-page-orga-matches input[type="password"], body.ht-page-orga-matches input[type="number"], body.ht-page-orga-matches input[type="date"], body.ht-page-orga-matches input[type="time"], body.ht-page-orga-matches select, body.ht-page-orga-matches textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-matches textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-matches .card .btn, body.ht-page-orga-matches .card button, body.ht-page-orga-matches .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-matches .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-matches .actions .btn, body.ht-page-orga-matches .actions button, body.ht-page-orga-matches .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-matches table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-matches th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-matches td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-matches tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-matches td form{ margin:0 !important; }body.ht-page-orga-matches .badge, body.ht-page-orga-matches .pill, body.ht-page-orga-matches .tag, body.ht-page-orga-matches .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-matches .kpi, body.ht-page-orga-matches .stat, body.ht-page-orga-matches .summaryBox, body.ht-page-orga-matches .infoBox, body.ht-page-orga-matches .notice, body.ht-page-orga-matches .monthBox, body.ht-page-orga-matches .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-matches .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-orga-matches{background:#fff !important}body.ht-page-orga-matches .wrap{max-width:none !important;padding:0 !important}body.ht-page-orga-matches .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-orga-matches table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-matches .field, body.ht-page-orga-matches .field.small, body.ht-page-orga-matches .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-matches .actions .btn, body.ht-page-orga-matches .actions button, body.ht-page-orga-matches .actions input[type=submit], body.ht-page-orga-matches .field.btnw .btn, body.ht-page-orga-matches .field.btnw button{
    width:100% !important;
  }
}body.ht-page-orga-matches /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-matches keine Menüleistenänderung === */
select, body.ht-page-orga-matches .field select, body.ht-page-orga-matches .filterGrid select, body.ht-page-orga-matches .modalBody select, body.ht-page-orga-matches select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-matches select option, body.ht-page-orga-matches select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-matches select:focus, body.ht-page-orga-matches .field select:focus, body.ht-page-orga-matches .filterGrid select:focus, body.ht-page-orga-matches .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from orga_matchlink.php -> body.ht-page-orga-matchlink --- */
body.ht-page-orga-matchlink{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d;
    }body.ht-page-orga-matchlink *{box-sizing:border-box;}body.ht-page-orga-matchlink{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-matchlink .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-matchlink .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-matchlink .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-matchlink h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-matchlink .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;}body.ht-page-orga-matchlink .card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--cardA),var(--cardB));box-shadow:var(--shadow);padding:14px;}body.ht-page-orga-matchlink .center{text-align:center;}body.ht-page-orga-matchlink .pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-weight:950;font-size:12px;}body.ht-page-orga-matchlink .pill.live{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.16);color:#bfffe1;}body.ht-page-orga-matchlink .btnrow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px;}body.ht-page-orga-matchlink a.btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:10px 12px;border-radius:12px;border:1px solid var(--border);
      text-decoration:none;color:var(--text);background:rgba(255,255,255,.05);
      font-weight:800;
    }body.ht-page-orga-matchlink a.btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-matchlink a.btn.primary{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-matchlink a.btn.green{background:linear-gradient(180deg, rgba(25,195,125,.90), rgba(25,195,125,.70));border-color:rgba(25,195,125,.35);}body.ht-page-orga-matchlink a.btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-matchlink code{background:rgba(255,255,255,.06);border:1px solid var(--border);padding:2px 6px;border-radius:8px;color:var(--text);font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-size:12px;word-break:break-all;}body.ht-page-orga-matchlink /* ===== HarbourTown Stammdaten / Technik Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --accent:#040cd3 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --danger:#ea4c4c !important;
  --soft:#f7faff !important;
}body.ht-page-orga-matchlink, body.ht-page-orga-matchlink{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-matchlink{color:#10233f !important;}body.ht-page-orga-matchlink .btn.green, body.ht-page-orga-matchlink a.btn.green, body.ht-page-orga-matchlink .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-matchlink .btn.red, body.ht-page-orga-matchlink a.btn.red, body.ht-page-orga-matchlink .red, body.ht-page-orga-matchlink .danger, body.ht-page-orga-matchlink .delete, body.ht-page-orga-matchlink .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-matchlink .wrap, body.ht-page-orga-matchlink .container, body.ht-page-orga-matchlink main{
  color:#10233f !important;
}body.ht-page-orga-matchlink .card, body.ht-page-orga-matchlink .panel, body.ht-page-orga-matchlink .box, body.ht-page-orga-matchlink .tile, body.ht-page-orga-matchlink .item, body.ht-page-orga-matchlink .section, body.ht-page-orga-matchlink .list, body.ht-page-orga-matchlink .table-card, body.ht-page-orga-matchlink form.card, body.ht-page-orga-matchlink fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-matchlink h1, body.ht-page-orga-matchlink h2, body.ht-page-orga-matchlink h3, body.ht-page-orga-matchlink h4, body.ht-page-orga-matchlink strong, body.ht-page-orga-matchlink b, body.ht-page-orga-matchlink label, body.ht-page-orga-matchlink .title, body.ht-page-orga-matchlink .name, body.ht-page-orga-matchlink .lbl{
  color:#10233f !important;
}body.ht-page-orga-matchlink p, body.ht-page-orga-matchlink .sub, body.ht-page-orga-matchlink .muted, body.ht-page-orga-matchlink .hint, body.ht-page-orga-matchlink .meta, body.ht-page-orga-matchlink .note, body.ht-page-orga-matchlink .small, body.ht-page-orga-matchlink .foot, body.ht-page-orga-matchlink .help{
  color:#5f7698 !important;
}body.ht-page-orga-matchlink input, body.ht-page-orga-matchlink select, body.ht-page-orga-matchlink textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-matchlink input::placeholder, body.ht-page-orga-matchlink textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-matchlink select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-matchlink table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-matchlink th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-matchlink td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-matchlink tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-matchlink .pill, body.ht-page-orga-matchlink .badge, body.ht-page-orga-matchlink .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-matchlink .msg, body.ht-page-orga-matchlink .ok, body.ht-page-orga-matchlink .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-matchlink .err, body.ht-page-orga-matchlink .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-matchlink hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-matchlink code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-matchlink /* ===== Technik Stammdaten Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-matchlink .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-matchlink .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-matchlink .card h2, body.ht-page-orga-matchlink .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-matchlink .row, body.ht-page-orga-matchlink .filterBar, body.ht-page-orga-matchlink .filters, body.ht-page-orga-matchlink .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-matchlink .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-matchlink .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-matchlink .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-matchlink label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-matchlink input[type="text"], body.ht-page-orga-matchlink input[type="email"], body.ht-page-orga-matchlink input[type="password"], body.ht-page-orga-matchlink input[type="number"], body.ht-page-orga-matchlink input[type="date"], body.ht-page-orga-matchlink input[type="time"], body.ht-page-orga-matchlink select, body.ht-page-orga-matchlink textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-matchlink textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-matchlink .card .btn, body.ht-page-orga-matchlink .card button, body.ht-page-orga-matchlink .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-matchlink .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-matchlink .actions .btn, body.ht-page-orga-matchlink .actions button, body.ht-page-orga-matchlink .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-matchlink table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-matchlink th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-matchlink td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-matchlink tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-matchlink td form{ margin:0 !important; }body.ht-page-orga-matchlink .badge, body.ht-page-orga-matchlink .pill, body.ht-page-orga-matchlink .tag, body.ht-page-orga-matchlink .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-matchlink .kpiGrid, body.ht-page-orga-matchlink .stats, body.ht-page-orga-matchlink .summary, body.ht-page-orga-matchlink .grid{
  gap:16px !important;
}body.ht-page-orga-matchlink .kpi, body.ht-page-orga-matchlink .stat, body.ht-page-orga-matchlink .summaryBox, body.ht-page-orga-matchlink .item, body.ht-page-orga-matchlink .tile, body.ht-page-orga-matchlink .box, body.ht-page-orga-matchlink .settingBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-matchlink pre, body.ht-page-orga-matchlink code{
  border-radius:16px !important;
  background:#f3f7ff !important;
  border:1px solid #dbe6f7 !important;
  color:#10233f !important;
}body.ht-page-orga-matchlink .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-orga-matchlink table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-matchlink .field, body.ht-page-orga-matchlink .field.small, body.ht-page-orga-matchlink .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-matchlink .actions .btn, body.ht-page-orga-matchlink .actions button, body.ht-page-orga-matchlink .actions input[type=submit], body.ht-page-orga-matchlink .field.btnw .btn, body.ht-page-orga-matchlink .field.btnw button{
    width:100% !important;
  }
}body.ht-page-orga-matchlink /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-matchlink keine Menüleistenänderung === */
select, body.ht-page-orga-matchlink .field select, body.ht-page-orga-matchlink .filterGrid select, body.ht-page-orga-matchlink .modalBody select, body.ht-page-orga-matchlink select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-matchlink select option, body.ht-page-orga-matchlink select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-matchlink select:focus, body.ht-page-orga-matchlink .field select:focus, body.ht-page-orga-matchlink .filterGrid select:focus, body.ht-page-orga-matchlink .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from orga_overview.php -> body.ht-page-orga-overview --- */
body.ht-page-orga-overview{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d; --orange:#ffb020;
    }body.ht-page-orga-overview *{ box-sizing:border-box; }body.ht-page-orga-overview{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-overview .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-overview .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-overview .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-overview h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-overview .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;}body.ht-page-orga-overview .card{border:1px solid var(--border);border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-overview .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-overview .ok{color:#7CFFB2;}body.ht-page-orga-overview .er{color:#FF7A7A;}body.ht-page-orga-overview label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-overview input, body.ht-page-orga-overview select, body.ht-page-orga-overview textarea{
      width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;min-width:0;
    }body.ht-page-orga-overview textarea{height:auto;padding:10px 12px;}body.ht-page-orga-overview option{ color:#111; background:#fff; }body.ht-page-orga-overview .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-overview .field{flex:1 1 260px;}body.ht-page-orga-overview .field.small{flex:0 0 220px;}body.ht-page-orga-overview .field.btnw{flex:0 0 220px;}@media(max-width:520px){
body.ht-page-orga-overview .field, body.ht-page-orga-overview .field.small, body.ht-page-orga-overview .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-overview .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
    }body.ht-page-orga-overview .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-overview .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-overview .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-overview .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-overview table{width:100%;border-collapse:collapse;}body.ht-page-orga-overview th, body.ht-page-orga-overview td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:top;}body.ht-page-orga-overview th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-overview .pill{
      display:inline-flex;align-items:center;justify-content:center;
      padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;
    }body.ht-page-orga-overview .pill.money{border-color:rgba(25,195,125,.25);background:rgba(25,195,125,.10);color:#bfffe1;}body.ht-page-orga-overview .pill.bad{border-color:rgba(255,77,77,.25);background:rgba(255,77,77,.10);color:#ffd0d0;}body.ht-page-orga-overview .pill.mid{border-color:rgba(255,176,32,.25);background:rgba(255,176,32,.10);color:#ffe7c2;}body.ht-page-orga-overview .muted{color:var(--muted);}body.ht-page-orga-overview .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}@media(max-width:900px){
body.ht-page-orga-overview .grid3{grid-template-columns:1fr;}
}body.ht-page-orga-overview .quickbar{
      display:flex;
      gap:10px;
      justify-content:center;
      flex-wrap:wrap;
      margin: 8px 0 2px;
    }body.ht-page-orga-overview /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-overview, body.ht-page-orga-overview{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-overview{color:#10233f !important;}body.ht-page-orga-overview .btn.green, body.ht-page-orga-overview a.btn.green, body.ht-page-orga-overview .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-overview .btn.red, body.ht-page-orga-overview a.btn.red, body.ht-page-orga-overview .red, body.ht-page-orga-overview .danger, body.ht-page-orga-overview .delete, body.ht-page-orga-overview .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-overview .wrap, body.ht-page-orga-overview .container, body.ht-page-orga-overview main{
  color:#10233f !important;
}body.ht-page-orga-overview .card, body.ht-page-orga-overview .panel, body.ht-page-orga-overview .box, body.ht-page-orga-overview .tile, body.ht-page-orga-overview .item, body.ht-page-orga-overview .section, body.ht-page-orga-overview .list, body.ht-page-orga-overview .table-card, body.ht-page-orga-overview form.card, body.ht-page-orga-overview fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-overview h1, body.ht-page-orga-overview h2, body.ht-page-orga-overview h3, body.ht-page-orga-overview h4, body.ht-page-orga-overview strong, body.ht-page-orga-overview b, body.ht-page-orga-overview label, body.ht-page-orga-overview .title, body.ht-page-orga-overview .name, body.ht-page-orga-overview .lbl{
  color:#10233f !important;
}body.ht-page-orga-overview p, body.ht-page-orga-overview .sub, body.ht-page-orga-overview .muted, body.ht-page-orga-overview .hint, body.ht-page-orga-overview .meta, body.ht-page-orga-overview .note, body.ht-page-orga-overview .small, body.ht-page-orga-overview .foot, body.ht-page-orga-overview .help{
  color:#5f7698 !important;
}body.ht-page-orga-overview input, body.ht-page-orga-overview select, body.ht-page-orga-overview textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-overview input::placeholder, body.ht-page-orga-overview textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-overview select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-overview table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-overview th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-overview td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-overview tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-overview .pill, body.ht-page-orga-overview .badge, body.ht-page-orga-overview .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-overview .msg, body.ht-page-orga-overview .ok, body.ht-page-orga-overview .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-overview .err, body.ht-page-orga-overview .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-overview hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-overview code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-overview /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-overview .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-overview .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-overview .card h2, body.ht-page-orga-overview .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-overview .grid, body.ht-page-orga-overview .tileGrid, body.ht-page-orga-overview .kachelGrid, body.ht-page-orga-overview .moduleGrid{
  gap:16px !important;
}body.ht-page-orga-overview .tile, body.ht-page-orga-overview .kachel, body.ht-page-orga-overview .module, body.ht-page-orga-overview .linkCard, body.ht-page-orga-overview .eventCard, body.ht-page-orga-overview .reportCard, body.ht-page-orga-overview .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-orga-overview .row, body.ht-page-orga-overview .filterBar, body.ht-page-orga-overview .filters, body.ht-page-orga-overview .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-overview .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-overview .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-overview .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-overview label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-overview input[type="text"], body.ht-page-orga-overview input[type="email"], body.ht-page-orga-overview input[type="password"], body.ht-page-orga-overview input[type="number"], body.ht-page-orga-overview input[type="date"], body.ht-page-orga-overview input[type="time"], body.ht-page-orga-overview select, body.ht-page-orga-overview textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-overview textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-overview .card .btn, body.ht-page-orga-overview .card button, body.ht-page-orga-overview .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-overview .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-overview .actions .btn, body.ht-page-orga-overview .actions button, body.ht-page-orga-overview .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-overview table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-overview th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-overview td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-overview tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-overview td form{ margin:0 !important; }body.ht-page-orga-overview .badge, body.ht-page-orga-overview .pill, body.ht-page-orga-overview .tag, body.ht-page-orga-overview .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-overview .kpi, body.ht-page-orga-overview .stat, body.ht-page-orga-overview .summaryBox, body.ht-page-orga-overview .infoBox, body.ht-page-orga-overview .notice, body.ht-page-orga-overview .monthBox, body.ht-page-orga-overview .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-overview .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-orga-overview{background:#fff !important}body.ht-page-orga-overview .wrap{max-width:none !important;padding:0 !important}body.ht-page-orga-overview .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-orga-overview table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-overview .field, body.ht-page-orga-overview .field.small, body.ht-page-orga-overview .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-overview .actions .btn, body.ht-page-orga-overview .actions button, body.ht-page-orga-overview .actions input[type=submit], body.ht-page-orga-overview .field.btnw .btn, body.ht-page-orga-overview .field.btnw button{
    width:100% !important;
  }
}body.ht-page-orga-overview /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-overview keine Menüleistenänderung === */
select, body.ht-page-orga-overview .field select, body.ht-page-orga-overview .filterGrid select, body.ht-page-orga-overview .modalBody select, body.ht-page-orga-overview select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-overview select option, body.ht-page-orga-overview select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-overview select:focus, body.ht-page-orga-overview .field select:focus, body.ht-page-orga-overview .filterGrid select:focus, body.ht-page-orga-overview .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from orga_people.php -> body.ht-page-orga-people --- */
body.ht-page-orga-people{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --red:#ff4d4d;
    }body.ht-page-orga-people *{box-sizing:border-box;}body.ht-page-orga-people{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-people .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-people .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-people .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-people h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-people .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.35;}body.ht-page-orga-people .card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--cardA),var(--cardB));box-shadow:var(--shadow);padding:14px;}body.ht-page-orga-people .card + .card{margin-top:14px;}body.ht-page-orga-people .msg{text-align:center;margin:10px 0;font-weight:900;}body.ht-page-orga-people .ok{color:#7CFFB2;}body.ht-page-orga-people .er{color:#FF7A7A;}body.ht-page-orga-people label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-people input[type="text"], body.ht-page-orga-people input[type="number"], body.ht-page-orga-people input[type="time"], body.ht-page-orga-people select, body.ht-page-orga-people textarea{
      width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
    }body.ht-page-orga-people textarea{height:auto;padding:10px 12px;}body.ht-page-orga-people .dateText{
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      letter-spacing:.2px;
    }body.ht-page-orga-people .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-people .field{flex:1 1 260px;}body.ht-page-orga-people .field.small{flex:0 0 180px;}body.ht-page-orga-people .field.btnw{flex:0 0 240px;}@media (max-width: 900px){
body.ht-page-orga-people .field.small, body.ht-page-orga-people .field.btnw{flex:1 1 220px;}
}@media (max-width: 560px){
body.ht-page-orga-people .field, body.ht-page-orga-people .field.small, body.ht-page-orga-people .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-people .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
      width:100%;
    }body.ht-page-orga-people .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-people .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-people .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-people .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-people table{width:100%;border-collapse:collapse;}body.ht-page-orga-people th, body.ht-page-orga-people td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;text-align:left;}body.ht-page-orga-people th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;}body.ht-page-orga-people .right{text-align:right;}body.ht-page-orga-people .actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}body.ht-page-orga-people .muted{color:var(--muted);}body.ht-page-orga-people .checkcell{display:flex;align-items:center;justify-content:center;}body.ht-page-orga-people .checkcell input[type="checkbox"]{width:18px;height:18px;accent-color:var(--blue);cursor:pointer;}body.ht-page-orga-people .daysRow{
      display:flex; gap:10px; flex-wrap:wrap;
      align-items:center;
      padding:10px 12px;
      border:1px solid var(--border);
      border-radius:12px;
      background:rgba(255,255,255,.04);
      min-height:44px;
    }body.ht-page-orga-people .day{
      display:inline-flex; align-items:center; gap:8px;
      padding:6px 10px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.06);
      font-weight:900;
      font-size:12px;
    }body.ht-page-orga-people .day input{ width:16px; height:16px; }body.ht-page-orga-people .sectionTitle{
      margin:10px 0 6px;
      font-weight:950;
      color:var(--muted);
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.8px;
      text-align:center;
    }body.ht-page-orga-people /* ===== HarbourTown Verwaltung Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-people, body.ht-page-orga-people{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-people{
  color:#10233f !important;
}body.ht-page-orga-people .btn.green, body.ht-page-orga-people a.btn.green, body.ht-page-orga-people .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-people .btn.red, body.ht-page-orga-people a.btn.red, body.ht-page-orga-people .red, body.ht-page-orga-people .danger, body.ht-page-orga-people .delete, body.ht-page-orga-people .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-people .wrap, body.ht-page-orga-people .container, body.ht-page-orga-people main{
  color:#10233f !important;
}body.ht-page-orga-people .card, body.ht-page-orga-people .panel, body.ht-page-orga-people .box, body.ht-page-orga-people .tile, body.ht-page-orga-people .item, body.ht-page-orga-people .section, body.ht-page-orga-people .list, body.ht-page-orga-people .table-card, body.ht-page-orga-people form.card, body.ht-page-orga-people fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-people h1, body.ht-page-orga-people h2, body.ht-page-orga-people h3, body.ht-page-orga-people h4, body.ht-page-orga-people strong, body.ht-page-orga-people b, body.ht-page-orga-people label, body.ht-page-orga-people .title, body.ht-page-orga-people .name, body.ht-page-orga-people .lbl{
  color:#10233f !important;
}body.ht-page-orga-people p, body.ht-page-orga-people .sub, body.ht-page-orga-people .muted, body.ht-page-orga-people .hint, body.ht-page-orga-people .meta, body.ht-page-orga-people .note, body.ht-page-orga-people .small, body.ht-page-orga-people .foot, body.ht-page-orga-people .help{
  color:#5f7698 !important;
}body.ht-page-orga-people input, body.ht-page-orga-people select, body.ht-page-orga-people textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-people input::placeholder, body.ht-page-orga-people textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-people select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-people table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-people th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-people td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-people tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-people .pill, body.ht-page-orga-people .badge, body.ht-page-orga-people .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-people .msg, body.ht-page-orga-people .ok, body.ht-page-orga-people .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-people .err, body.ht-page-orga-people .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-people hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-people code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-people /* ===== Mitarbeiter Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-people .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-people .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-people .card h2{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-people .row{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-people .field{
  flex:1 1 260px !important;
  min-width:220px !important;
}body.ht-page-orga-people .field.small{
  flex:0 1 180px !important;
  min-width:160px !important;
}body.ht-page-orga-people .field.btnw{
  flex:0 0 230px !important;
  min-width:230px !important;
}body.ht-page-orga-people .field label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-people input[type="text"], body.ht-page-orga-people input[type="number"], body.ht-page-orga-people input[type="time"], body.ht-page-orga-people select, body.ht-page-orga-people textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-people textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-people .card .btn, body.ht-page-orga-people .card button{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-people .card > .row:first-child{
  justify-content:flex-end !important;
}body.ht-page-orga-people table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-people th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-people td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-people tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-people td form{
  margin:0 !important;
}body.ht-page-orga-people .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-people .actions .btn, body.ht-page-orga-people .actions button{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-people .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-people .checkcell{
  min-height:42px !important;
  border-radius:14px !important;
  border:1px solid #dbe6f7 !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}body.ht-page-orga-people .checkcell input[type="checkbox"]{
  width:20px !important;
  height:20px !important;
  accent-color:#040cd3 !important;
}body.ht-page-orga-people .sectionTitle{
  margin:18px 0 10px !important;
  padding-top:14px !important;
  border-top:1px solid #dbe6f7 !important;
  color:#10233f !important;
  font-weight:950 !important;
  font-size:16px !important;
}body.ht-page-orga-people .daysRow{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-people .daysRow label{
  min-height:38px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#fff !important;
  color:#10233f !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  font-weight:850 !important;
}@media(max-width:980px){
body.ht-page-orga-people table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-people .field, body.ht-page-orga-people .field.small, body.ht-page-orga-people .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-people .actions .btn, body.ht-page-orga-people .actions button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_people_lobu.php -> body.ht-page-orga-people-lobu --- */
body.ht-page-orga-people-lobu{
    --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
    --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
    --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    --blue:#4f7cff; --red:#ff4d4d; --green:#19c37d;
  }body.ht-page-orga-people-lobu *{ box-sizing:border-box; }body.ht-page-orga-people-lobu{
    margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:
      radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
      radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
      var(--bg);
    color:var(--text);
  }body.ht-page-orga-people-lobu .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-people-lobu .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-people-lobu .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-people-lobu h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-people-lobu .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;}body.ht-page-orga-people-lobu .card{border:1px solid var(--border);border-radius:var(--radius);
    background:linear-gradient(180deg,var(--cardA),var(--cardB));
    box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-people-lobu .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-people-lobu .ok{color:#7CFFB2;}body.ht-page-orga-people-lobu .er{color:#FF7A7A;}body.ht-page-orga-people-lobu .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-people-lobu .field{flex:1 1 260px;}body.ht-page-orga-people-lobu .field.btnw{flex:0 0 220px;}@media(max-width:520px){
body.ht-page-orga-people-lobu .field, body.ht-page-orga-people-lobu .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-people-lobu label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-people-lobu input{
    width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;min-width:0;
  }body.ht-page-orga-people-lobu .btn{
    height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
    width:100%;
  }body.ht-page-orga-people-lobu .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-people-lobu .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-people-lobu table{width:100%;border-collapse:collapse;}body.ht-page-orga-people-lobu th, body.ht-page-orga-people-lobu td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;}body.ht-page-orga-people-lobu th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-people-lobu .muted{color:var(--muted);}body.ht-page-orga-people-lobu .pill{
    display:inline-flex;align-items:center;justify-content:center;
    padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;
  }body.ht-page-orga-people-lobu .pill.on{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.14);color:#bfffe1;}body.ht-page-orga-people-lobu .pill.off{border-color:rgba(255,77,77,.35);background:rgba(255,77,77,.14);color:#ffe3e3;}body.ht-page-orga-people-lobu /* Checkbox nicer */
  .chk{
    display:inline-flex;align-items:center;gap:10px;
    padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.03);
  }body.ht-page-orga-people-lobu .chk input{width:20px;height:20px;}body.ht-page-orga-people-lobu /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-people-lobu, body.ht-page-orga-people-lobu{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-people-lobu{color:#10233f !important;}body.ht-page-orga-people-lobu .btn.green, body.ht-page-orga-people-lobu a.btn.green, body.ht-page-orga-people-lobu .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-people-lobu .btn.red, body.ht-page-orga-people-lobu a.btn.red, body.ht-page-orga-people-lobu .red, body.ht-page-orga-people-lobu .danger, body.ht-page-orga-people-lobu .delete, body.ht-page-orga-people-lobu .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-people-lobu .wrap, body.ht-page-orga-people-lobu .container, body.ht-page-orga-people-lobu main{
  color:#10233f !important;
}body.ht-page-orga-people-lobu .card, body.ht-page-orga-people-lobu .panel, body.ht-page-orga-people-lobu .box, body.ht-page-orga-people-lobu .tile, body.ht-page-orga-people-lobu .item, body.ht-page-orga-people-lobu .section, body.ht-page-orga-people-lobu .list, body.ht-page-orga-people-lobu .table-card, body.ht-page-orga-people-lobu form.card, body.ht-page-orga-people-lobu fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-people-lobu h1, body.ht-page-orga-people-lobu h2, body.ht-page-orga-people-lobu h3, body.ht-page-orga-people-lobu h4, body.ht-page-orga-people-lobu strong, body.ht-page-orga-people-lobu b, body.ht-page-orga-people-lobu label, body.ht-page-orga-people-lobu .title, body.ht-page-orga-people-lobu .name, body.ht-page-orga-people-lobu .lbl{
  color:#10233f !important;
}body.ht-page-orga-people-lobu p, body.ht-page-orga-people-lobu .sub, body.ht-page-orga-people-lobu .muted, body.ht-page-orga-people-lobu .hint, body.ht-page-orga-people-lobu .meta, body.ht-page-orga-people-lobu .note, body.ht-page-orga-people-lobu .small, body.ht-page-orga-people-lobu .foot, body.ht-page-orga-people-lobu .help{
  color:#5f7698 !important;
}body.ht-page-orga-people-lobu input, body.ht-page-orga-people-lobu select, body.ht-page-orga-people-lobu textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-people-lobu input::placeholder, body.ht-page-orga-people-lobu textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-people-lobu select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-people-lobu table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-people-lobu th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-people-lobu td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-people-lobu tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-people-lobu .pill, body.ht-page-orga-people-lobu .badge, body.ht-page-orga-people-lobu .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-people-lobu .msg, body.ht-page-orga-people-lobu .ok, body.ht-page-orga-people-lobu .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-people-lobu .err, body.ht-page-orga-people-lobu .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-people-lobu hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-people-lobu code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-people-lobu /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-people-lobu .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-people-lobu .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-people-lobu .card h2, body.ht-page-orga-people-lobu .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-people-lobu .grid, body.ht-page-orga-people-lobu .tileGrid, body.ht-page-orga-people-lobu .kachelGrid, body.ht-page-orga-people-lobu .moduleGrid{
  gap:16px !important;
}body.ht-page-orga-people-lobu .tile, body.ht-page-orga-people-lobu .kachel, body.ht-page-orga-people-lobu .module, body.ht-page-orga-people-lobu .linkCard, body.ht-page-orga-people-lobu .eventCard, body.ht-page-orga-people-lobu .reportCard, body.ht-page-orga-people-lobu .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-orga-people-lobu .row, body.ht-page-orga-people-lobu .filterBar, body.ht-page-orga-people-lobu .filters, body.ht-page-orga-people-lobu .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-people-lobu .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-people-lobu .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-people-lobu .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-people-lobu label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-people-lobu input[type="text"], body.ht-page-orga-people-lobu input[type="email"], body.ht-page-orga-people-lobu input[type="password"], body.ht-page-orga-people-lobu input[type="number"], body.ht-page-orga-people-lobu input[type="date"], body.ht-page-orga-people-lobu input[type="time"], body.ht-page-orga-people-lobu select, body.ht-page-orga-people-lobu textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-people-lobu textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-people-lobu .card .btn, body.ht-page-orga-people-lobu .card button, body.ht-page-orga-people-lobu .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-people-lobu .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-people-lobu .actions .btn, body.ht-page-orga-people-lobu .actions button, body.ht-page-orga-people-lobu .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-people-lobu table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-people-lobu th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-people-lobu td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-people-lobu tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-people-lobu td form{ margin:0 !important; }body.ht-page-orga-people-lobu .badge, body.ht-page-orga-people-lobu .pill, body.ht-page-orga-people-lobu .tag, body.ht-page-orga-people-lobu .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-people-lobu .kpi, body.ht-page-orga-people-lobu .stat, body.ht-page-orga-people-lobu .summaryBox, body.ht-page-orga-people-lobu .infoBox, body.ht-page-orga-people-lobu .notice, body.ht-page-orga-people-lobu .monthBox, body.ht-page-orga-people-lobu .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-people-lobu .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-orga-people-lobu{background:#fff !important}body.ht-page-orga-people-lobu .wrap{max-width:none !important;padding:0 !important}body.ht-page-orga-people-lobu .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-orga-people-lobu table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-people-lobu .field, body.ht-page-orga-people-lobu .field.small, body.ht-page-orga-people-lobu .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-people-lobu .actions .btn, body.ht-page-orga-people-lobu .actions button, body.ht-page-orga-people-lobu .actions input[type=submit], body.ht-page-orga-people-lobu .field.btnw .btn, body.ht-page-orga-people-lobu .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_personal.php -> body.ht-page-orga-personal --- */
body.ht-page-orga-personal{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d;
    }body.ht-page-orga-personal *{ box-sizing:border-box; }body.ht-page-orga-personal{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-personal .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-personal .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-personal .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-personal h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-personal .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;}body.ht-page-orga-personal .card{border:1px solid var(--border);border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-personal .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-personal .ok{color:#7CFFB2;}body.ht-page-orga-personal .er{color:#FF7A7A;}body.ht-page-orga-personal label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-personal input, body.ht-page-orga-personal select, body.ht-page-orga-personal textarea{
      width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;min-width:0;
    }body.ht-page-orga-personal textarea{height:auto;padding:10px 12px;}body.ht-page-orga-personal option{ color:#111; background:#fff; }body.ht-page-orga-personal .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-personal .field{flex:1 1 260px;}body.ht-page-orga-personal .field.small{flex:0 0 170px;}body.ht-page-orga-personal .field.btnw{flex:0 0 220px;}@media(max-width:520px){
body.ht-page-orga-personal .field, body.ht-page-orga-personal .field.small, body.ht-page-orga-personal .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-personal .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
    }body.ht-page-orga-personal .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-personal .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-personal table{width:100%;border-collapse:collapse;}body.ht-page-orga-personal th, body.ht-page-orga-personal td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;}body.ht-page-orga-personal th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-personal .pill{
      display:inline-flex;align-items:center;justify-content:center;
      padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;
    }body.ht-page-orga-personal .pill.money{border-color:rgba(25,195,125,.25);background:rgba(25,195,125,.10);color:#bfffe1;}body.ht-page-orga-personal .muted{color:var(--muted);}body.ht-page-orga-personal /* ===== HarbourTown Verwaltung Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-personal, body.ht-page-orga-personal{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-personal{
  color:#10233f !important;
}body.ht-page-orga-personal .btn.green, body.ht-page-orga-personal a.btn.green, body.ht-page-orga-personal .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-personal .btn.red, body.ht-page-orga-personal a.btn.red, body.ht-page-orga-personal .red, body.ht-page-orga-personal .danger, body.ht-page-orga-personal .delete, body.ht-page-orga-personal .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-personal .wrap, body.ht-page-orga-personal .container, body.ht-page-orga-personal main{
  color:#10233f !important;
}body.ht-page-orga-personal .card, body.ht-page-orga-personal .panel, body.ht-page-orga-personal .box, body.ht-page-orga-personal .tile, body.ht-page-orga-personal .item, body.ht-page-orga-personal .section, body.ht-page-orga-personal .list, body.ht-page-orga-personal .table-card, body.ht-page-orga-personal form.card, body.ht-page-orga-personal fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-personal h1, body.ht-page-orga-personal h2, body.ht-page-orga-personal h3, body.ht-page-orga-personal h4, body.ht-page-orga-personal strong, body.ht-page-orga-personal b, body.ht-page-orga-personal label, body.ht-page-orga-personal .title, body.ht-page-orga-personal .name, body.ht-page-orga-personal .lbl{
  color:#10233f !important;
}body.ht-page-orga-personal p, body.ht-page-orga-personal .sub, body.ht-page-orga-personal .muted, body.ht-page-orga-personal .hint, body.ht-page-orga-personal .meta, body.ht-page-orga-personal .note, body.ht-page-orga-personal .small, body.ht-page-orga-personal .foot, body.ht-page-orga-personal .help{
  color:#5f7698 !important;
}body.ht-page-orga-personal input, body.ht-page-orga-personal select, body.ht-page-orga-personal textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-personal input::placeholder, body.ht-page-orga-personal textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-personal select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-personal table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-personal th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-personal td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-personal tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-personal .pill, body.ht-page-orga-personal .badge, body.ht-page-orga-personal .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-personal .msg, body.ht-page-orga-personal .ok, body.ht-page-orga-personal .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-personal .err, body.ht-page-orga-personal .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-personal hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-personal code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-personal /* ===== Personalplanung Feinschliff ===== */
.wrap{
  max-width:1180px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-personal .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-personal .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-personal .card h2{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-personal .row{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-personal .field{
  flex:1 1 260px !important;
  min-width:220px !important;
}body.ht-page-orga-personal .field.small{
  flex:0 1 180px !important;
  min-width:160px !important;
}body.ht-page-orga-personal .field.btnw{
  flex:0 0 150px !important;
  min-width:150px !important;
}body.ht-page-orga-personal .field label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-personal .field input, body.ht-page-orga-personal .field select, body.ht-page-orga-personal td input, body.ht-page-orga-personal td select{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-personal .card .btn, body.ht-page-orga-personal .card button{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-personal .pill.money{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:#e9fbf4 !important;
  border:1px solid #bdebd9 !important;
  color:#0c5d40 !important;
  font-weight:950 !important;
}body.ht-page-orga-personal table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-personal th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-personal td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-personal tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-personal td form{
  margin:0 !important;
}body.ht-page-orga-personal td .btn, body.ht-page-orga-personal td button{
  min-width:104px !important;
}body.ht-page-orga-personal table select, body.ht-page-orga-personal table input{
  width:100% !important;
}@media(max-width:860px){
body.ht-page-orga-personal .field.btnw{
    flex:1 1 100% !important;
  }body.ht-page-orga-personal .field.btnw .btn, body.ht-page-orga-personal .field.btnw button{
    width:100% !important;
  }body.ht-page-orga-personal table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}

/* --- P185 moved from orga_streamstats.php -> body.ht-page-orga-streamstats --- */
body.ht-page-orga-streamstats{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d; --orange:#ffb020;
    }body.ht-page-orga-streamstats *{ box-sizing:border-box; }body.ht-page-orga-streamstats{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-streamstats .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-streamstats .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-streamstats .wrap{max-width:1300px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-streamstats h1{text-align:center;margin:14px 0 6px;font-size:26px;font-weight:950;}body.ht-page-orga-streamstats .sub{text-align:center;color:var(--muted);margin-bottom:14px;font-size:13px;}body.ht-page-orga-streamstats .card{border:1px solid var(--border);border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);padding:14px;}body.ht-page-orga-streamstats .card + .card{ margin-top:14px; }body.ht-page-orga-streamstats .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-streamstats .ok{color:#7CFFB2;}body.ht-page-orga-streamstats .er{color:#FF7A7A;}body.ht-page-orga-streamstats label{font-weight:800;font-size:12px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-streamstats input, body.ht-page-orga-streamstats select{
      width:100%;height:40px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 10px;outline:none;min-width:0;
      font-size: 13px;
    }body.ht-page-orga-streamstats .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;}body.ht-page-orga-streamstats .field{flex:1 1 220px;min-width:0;}body.ht-page-orga-streamstats .field.small{flex:0 0 180px;}body.ht-page-orga-streamstats .field.btnw{flex:0 0 220px;}@media(max-width:760px){
body.ht-page-orga-streamstats .field, body.ht-page-orga-streamstats .field.small, body.ht-page-orga-streamstats .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-streamstats .btn{
      height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
      font-size: 13px;
      width:100%;
    }body.ht-page-orga-streamstats .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-streamstats .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-streamstats .btn.green{background:linear-gradient(180deg, rgba(25,195,125,.95), rgba(25,195,125,.75));border-color:rgba(25,195,125,.35);}body.ht-page-orga-streamstats .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-streamstats .muted{color:var(--muted);}body.ht-page-orga-streamstats /* Monitoring Tabelle: ohne horizontal scroll */
    table{width:100%;border-collapse:collapse;table-layout:fixed;}body.ht-page-orga-streamstats th, body.ht-page-orga-streamstats td{
      border-bottom:1px solid rgba(255,255,255,.10);
      padding:7px 6px;
      vertical-align:top;
      font-size:12px;
      line-height:1.15;
      overflow:hidden;
      text-overflow:ellipsis;
    }body.ht-page-orga-streamstats th{
      color:var(--muted);
      font-size:10.5px;
      text-transform:uppercase;
      letter-spacing:.7px;
      text-align:left;
    }body.ht-page-orga-streamstats .right{text-align:right;}body.ht-page-orga-streamstats .center{text-align:center;}body.ht-page-orga-streamstats .th2{display:block; font-size:10px; color:var(--muted); text-transform:none; letter-spacing:0; margin-top:2px;}body.ht-page-orga-streamstats .nowrap{white-space:nowrap;}body.ht-page-orga-streamstats .num{font-variant-numeric:tabular-nums; white-space:nowrap;}body.ht-page-orga-streamstats /* feste, body.ht-page-orga-streamstats enge Spaltenbreiten */
    col.c-date{width:72px;}body.ht-page-orga-streamstats col.c-home{width:128px;}body.ht-page-orga-streamstats col.c-away{width:128px;}body.ht-page-orga-streamstats col.c-hall{width:74px;}body.ht-page-orga-streamstats col.c-live{width:58px;}body.ht-page-orga-streamstats col.c-vod{width:74px;}body.ht-page-orga-streamstats col.c-total{width:60px;}body.ht-page-orga-streamstats col.c-price{width:78px;}body.ht-page-orga-streamstats col.c-rev{width:82px;}body.ht-page-orga-streamstats col.c-net{width:80px;}body.ht-page-orga-streamstats col.c-setv{width:74px;}body.ht-page-orga-streamstats col.c-ht{width:74px;}@media(max-width:1100px){
body.ht-page-orga-streamstats /* noch enger auf kleineren Screens */
      col.c-home{width:110px;}body.ht-page-orga-streamstats col.c-away{width:110px;}body.ht-page-orga-streamstats th, body.ht-page-orga-streamstats td{font-size:11.5px;padding:6px 5px;}
}@media(max-width:760px){
body.ht-page-orga-streamstats /* auf Handy ist es schwer ganz ohne scroll – wir bleiben aber so kompakt wie möglich */
      col.c-home{width:96px;}body.ht-page-orga-streamstats col.c-away{width:96px;}body.ht-page-orga-streamstats th{font-size:10px;}
}body.ht-page-orga-streamstats /* ===== HarbourTown Verwaltung Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-streamstats, body.ht-page-orga-streamstats{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-streamstats{
  color:#10233f !important;
}body.ht-page-orga-streamstats .btn.green, body.ht-page-orga-streamstats a.btn.green, body.ht-page-orga-streamstats .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-streamstats .btn.red, body.ht-page-orga-streamstats a.btn.red, body.ht-page-orga-streamstats .red, body.ht-page-orga-streamstats .danger, body.ht-page-orga-streamstats .delete, body.ht-page-orga-streamstats .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-streamstats .wrap, body.ht-page-orga-streamstats .container, body.ht-page-orga-streamstats main{
  color:#10233f !important;
}body.ht-page-orga-streamstats .card, body.ht-page-orga-streamstats .panel, body.ht-page-orga-streamstats .box, body.ht-page-orga-streamstats .tile, body.ht-page-orga-streamstats .item, body.ht-page-orga-streamstats .section, body.ht-page-orga-streamstats .list, body.ht-page-orga-streamstats .table-card, body.ht-page-orga-streamstats form.card, body.ht-page-orga-streamstats fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-streamstats h1, body.ht-page-orga-streamstats h2, body.ht-page-orga-streamstats h3, body.ht-page-orga-streamstats h4, body.ht-page-orga-streamstats strong, body.ht-page-orga-streamstats b, body.ht-page-orga-streamstats label, body.ht-page-orga-streamstats .title, body.ht-page-orga-streamstats .name, body.ht-page-orga-streamstats .lbl{
  color:#10233f !important;
}body.ht-page-orga-streamstats p, body.ht-page-orga-streamstats .sub, body.ht-page-orga-streamstats .muted, body.ht-page-orga-streamstats .hint, body.ht-page-orga-streamstats .meta, body.ht-page-orga-streamstats .note, body.ht-page-orga-streamstats .small, body.ht-page-orga-streamstats .foot, body.ht-page-orga-streamstats .help{
  color:#5f7698 !important;
}body.ht-page-orga-streamstats input, body.ht-page-orga-streamstats select, body.ht-page-orga-streamstats textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-streamstats input::placeholder, body.ht-page-orga-streamstats textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-streamstats select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-streamstats table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-streamstats th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-streamstats td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-streamstats tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-streamstats .pill, body.ht-page-orga-streamstats .badge, body.ht-page-orga-streamstats .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-streamstats .msg, body.ht-page-orga-streamstats .ok, body.ht-page-orga-streamstats .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-streamstats .err, body.ht-page-orga-streamstats .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-streamstats hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-streamstats code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-streamstats /* ===== Streamstatistiken Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-streamstats .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-streamstats .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-streamstats .card h2, body.ht-page-orga-streamstats .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-streamstats .row, body.ht-page-orga-streamstats .filterBar, body.ht-page-orga-streamstats .filters{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-streamstats .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-streamstats .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-streamstats .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-streamstats label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-streamstats input[type="text"], body.ht-page-orga-streamstats input[type="email"], body.ht-page-orga-streamstats input[type="number"], body.ht-page-orga-streamstats input[type="date"], body.ht-page-orga-streamstats input[type="time"], body.ht-page-orga-streamstats select, body.ht-page-orga-streamstats textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-streamstats textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-streamstats .card .btn, body.ht-page-orga-streamstats .card button, body.ht-page-orga-streamstats .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-streamstats .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-streamstats .actions .btn, body.ht-page-orga-streamstats .actions button, body.ht-page-orga-streamstats .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-streamstats table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-streamstats th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-streamstats td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-streamstats tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-streamstats .badge, body.ht-page-orga-streamstats .pill, body.ht-page-orga-streamstats .tag{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-streamstats .kpiGrid, body.ht-page-orga-streamstats .stats, body.ht-page-orga-streamstats .summary{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}body.ht-page-orga-streamstats .kpi, body.ht-page-orga-streamstats .stat, body.ht-page-orga-streamstats .summaryBox, body.ht-page-orga-streamstats .statsCard{
  min-height:86px !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#f8fbff !important;
  padding:14px !important;
  color:#10233f !important;
}body.ht-page-orga-streamstats .kpi span, body.ht-page-orga-streamstats .stat span, body.ht-page-orga-streamstats .summaryBox span{
  display:block !important;
  color:#5f7698 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin-bottom:6px !important;
}body.ht-page-orga-streamstats .kpi b, body.ht-page-orga-streamstats .stat b, body.ht-page-orga-streamstats .summaryBox b{
  color:#10233f !important;
  font-size:22px !important;
  font-weight:950 !important;
}body.ht-page-orga-streamstats .chart, body.ht-page-orga-streamstats .chartBox, body.ht-page-orga-streamstats .graph, body.ht-page-orga-streamstats .graphBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
}body.ht-page-orga-streamstats .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-orga-streamstats .kpiGrid, body.ht-page-orga-streamstats .stats, body.ht-page-orga-streamstats .summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }body.ht-page-orga-streamstats table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-streamstats .field, body.ht-page-orga-streamstats .field.small, body.ht-page-orga-streamstats .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-streamstats .actions .btn, body.ht-page-orga-streamstats .actions button, body.ht-page-orga-streamstats .actions input[type=submit], body.ht-page-orga-streamstats .field.btnw .btn, body.ht-page-orga-streamstats .field.btnw button{
    width:100% !important;
  }body.ht-page-orga-streamstats .kpiGrid, body.ht-page-orga-streamstats .stats, body.ht-page-orga-streamstats .summary{
    grid-template-columns:1fr !important;
  }
}

/* --- P185 moved from orga_time.php -> body.ht-page-orga-time --- */
body.ht-page-orga-time{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d;
    }body.ht-page-orga-time *{box-sizing:border-box;}body.ht-page-orga-time{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-time .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-time .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-time .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-time h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-time .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.35;}body.ht-page-orga-time .card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));
      box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-time .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-time .ok{color:#7CFFB2;}body.ht-page-orga-time .er{color:#FF7A7A;}body.ht-page-orga-time label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-time input, body.ht-page-orga-time select{
      width:100%;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
    }body.ht-page-orga-time option{ color:#111; background:#fff; }body.ht-page-orga-time .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;}body.ht-page-orga-time .field{flex:1 1 280px;}body.ht-page-orga-time .field.small{flex:0 0 180px;}body.ht-page-orga-time .field.btnw{flex:0 0 220px;}@media(max-width:560px){
body.ht-page-orga-time .field, body.ht-page-orga-time .field.small, body.ht-page-orga-time .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-time .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
      width:100%;
    }body.ht-page-orga-time .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-time .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-time .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-time table{width:100%;border-collapse:collapse;}body.ht-page-orga-time th, body.ht-page-orga-time td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:top;text-align:left;}body.ht-page-orga-time th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;}body.ht-page-orga-time .muted{color:var(--muted);}body.ht-page-orga-time .pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;}body.ht-page-orga-time .pill.green{border-color:rgba(25,195,125,.25);background:rgba(25,195,125,.10);color:#bfffe1;}body.ht-page-orga-time .pill.red{border-color:rgba(255,77,77,.25);background:rgba(255,77,77,.10);color:#ffe3e3;}body.ht-page-orga-time .tag{font-weight:950;font-size:12px;}body.ht-page-orga-time .tag.match{color:#bfffe1;}body.ht-page-orga-time .tag.fixed{color:#bfe6ff;}body.ht-page-orga-time .tag.manual{color:#ffe3e3;}body.ht-page-orga-time .smallnote{font-size:12px;color:var(--muted);text-align:center;margin-top:8px;}body.ht-page-orga-time .chk{display:flex;align-items:center;gap:10px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:0 12px;}body.ht-page-orga-time .chk input{width:18px;height:18px;accent-color:var(--blue);}body.ht-page-orga-time /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-time, body.ht-page-orga-time{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-time{color:#10233f !important;}body.ht-page-orga-time .btn.green, body.ht-page-orga-time a.btn.green, body.ht-page-orga-time .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-time .btn.red, body.ht-page-orga-time a.btn.red, body.ht-page-orga-time .red, body.ht-page-orga-time .danger, body.ht-page-orga-time .delete, body.ht-page-orga-time .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-time .wrap, body.ht-page-orga-time .container, body.ht-page-orga-time main{
  color:#10233f !important;
}body.ht-page-orga-time .card, body.ht-page-orga-time .panel, body.ht-page-orga-time .box, body.ht-page-orga-time .tile, body.ht-page-orga-time .item, body.ht-page-orga-time .section, body.ht-page-orga-time .list, body.ht-page-orga-time .table-card, body.ht-page-orga-time form.card, body.ht-page-orga-time fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-time h1, body.ht-page-orga-time h2, body.ht-page-orga-time h3, body.ht-page-orga-time h4, body.ht-page-orga-time strong, body.ht-page-orga-time b, body.ht-page-orga-time label, body.ht-page-orga-time .title, body.ht-page-orga-time .name, body.ht-page-orga-time .lbl{
  color:#10233f !important;
}body.ht-page-orga-time p, body.ht-page-orga-time .sub, body.ht-page-orga-time .muted, body.ht-page-orga-time .hint, body.ht-page-orga-time .meta, body.ht-page-orga-time .note, body.ht-page-orga-time .small, body.ht-page-orga-time .foot, body.ht-page-orga-time .help{
  color:#5f7698 !important;
}body.ht-page-orga-time input, body.ht-page-orga-time select, body.ht-page-orga-time textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-time input::placeholder, body.ht-page-orga-time textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-time select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-time table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-time th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-time td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-time tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-time .pill, body.ht-page-orga-time .badge, body.ht-page-orga-time .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-time .msg, body.ht-page-orga-time .ok, body.ht-page-orga-time .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-time .err, body.ht-page-orga-time .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-time hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-time code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-time /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-time .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-time .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-time .card h2, body.ht-page-orga-time .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-time .grid, body.ht-page-orga-time .tileGrid, body.ht-page-orga-time .kachelGrid, body.ht-page-orga-time .moduleGrid{
  gap:16px !important;
}body.ht-page-orga-time .tile, body.ht-page-orga-time .kachel, body.ht-page-orga-time .module, body.ht-page-orga-time .linkCard, body.ht-page-orga-time .eventCard, body.ht-page-orga-time .reportCard, body.ht-page-orga-time .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-orga-time .row, body.ht-page-orga-time .filterBar, body.ht-page-orga-time .filters, body.ht-page-orga-time .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-time .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-time .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-time .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-time label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-time input[type="text"], body.ht-page-orga-time input[type="email"], body.ht-page-orga-time input[type="password"], body.ht-page-orga-time input[type="number"], body.ht-page-orga-time input[type="date"], body.ht-page-orga-time input[type="time"], body.ht-page-orga-time select, body.ht-page-orga-time textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-time textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-orga-time .card .btn, body.ht-page-orga-time .card button, body.ht-page-orga-time .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-time .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-time .actions .btn, body.ht-page-orga-time .actions button, body.ht-page-orga-time .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-time table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-time th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-time td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-time tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-time td form{ margin:0 !important; }body.ht-page-orga-time .badge, body.ht-page-orga-time .pill, body.ht-page-orga-time .tag, body.ht-page-orga-time .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-time .kpi, body.ht-page-orga-time .stat, body.ht-page-orga-time .summaryBox, body.ht-page-orga-time .infoBox, body.ht-page-orga-time .notice, body.ht-page-orga-time .monthBox, body.ht-page-orga-time .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-time .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-orga-time{background:#fff !important}body.ht-page-orga-time .wrap{max-width:none !important;padding:0 !important}body.ht-page-orga-time .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-orga-time table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-time .field, body.ht-page-orga-time .field.small, body.ht-page-orga-time .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-time .actions .btn, body.ht-page-orga-time .actions button, body.ht-page-orga-time .actions input[type=submit], body.ht-page-orga-time .field.btnw .btn, body.ht-page-orga-time .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_timesheet.php -> body.ht-page-orga-timesheet --- */
body.ht-page-orga-timesheet{
    --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
    --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
    --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d;
  }body.ht-page-orga-timesheet *{ box-sizing:border-box; }body.ht-page-orga-timesheet{
    margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:
      radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
      radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
      var(--bg);
    color:var(--text);
  }body.ht-page-orga-timesheet .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-timesheet .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-timesheet .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-timesheet h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-timesheet .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;}body.ht-page-orga-timesheet .card{border:1px solid var(--border);border-radius:var(--radius);
    background:linear-gradient(180deg,var(--cardA),var(--cardB));
    box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-timesheet .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-timesheet .ok{color:#7CFFB2;}body.ht-page-orga-timesheet .er{color:#FF7A7A;}body.ht-page-orga-timesheet label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-timesheet input, body.ht-page-orga-timesheet select, body.ht-page-orga-timesheet textarea{
    width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;min-width:0;
  }body.ht-page-orga-timesheet textarea{height:auto;padding:10px 12px;}body.ht-page-orga-timesheet option{ color:#111; background:#fff; }body.ht-page-orga-timesheet .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-timesheet .field{flex:1 1 340px;}body.ht-page-orga-timesheet .field.btnw{flex:0 0 220px;}@media(max-width:520px){
body.ht-page-orga-timesheet .field, body.ht-page-orga-timesheet .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-timesheet .btn{
    height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
    background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
    width:100%;
  }body.ht-page-orga-timesheet .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-timesheet .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-timesheet table{width:100%;border-collapse:collapse;}body.ht-page-orga-timesheet th, body.ht-page-orga-timesheet td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;}body.ht-page-orga-timesheet th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-timesheet .muted{color:var(--muted);}body.ht-page-orga-timesheet .pill{
    display:inline-flex;align-items:center;justify-content:center;
    padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;
  }body.ht-page-orga-timesheet /* ===== HarbourTown Verwaltung Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-timesheet, body.ht-page-orga-timesheet{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-timesheet{
  color:#10233f !important;
}body.ht-page-orga-timesheet .btn.green, body.ht-page-orga-timesheet a.btn.green, body.ht-page-orga-timesheet .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-timesheet .btn.red, body.ht-page-orga-timesheet a.btn.red, body.ht-page-orga-timesheet .red, body.ht-page-orga-timesheet .danger, body.ht-page-orga-timesheet .delete, body.ht-page-orga-timesheet .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-timesheet .wrap, body.ht-page-orga-timesheet .container, body.ht-page-orga-timesheet main{
  color:#10233f !important;
}body.ht-page-orga-timesheet .card, body.ht-page-orga-timesheet .panel, body.ht-page-orga-timesheet .box, body.ht-page-orga-timesheet .tile, body.ht-page-orga-timesheet .item, body.ht-page-orga-timesheet .section, body.ht-page-orga-timesheet .list, body.ht-page-orga-timesheet .table-card, body.ht-page-orga-timesheet form.card, body.ht-page-orga-timesheet fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-timesheet h1, body.ht-page-orga-timesheet h2, body.ht-page-orga-timesheet h3, body.ht-page-orga-timesheet h4, body.ht-page-orga-timesheet strong, body.ht-page-orga-timesheet b, body.ht-page-orga-timesheet label, body.ht-page-orga-timesheet .title, body.ht-page-orga-timesheet .name, body.ht-page-orga-timesheet .lbl{
  color:#10233f !important;
}body.ht-page-orga-timesheet p, body.ht-page-orga-timesheet .sub, body.ht-page-orga-timesheet .muted, body.ht-page-orga-timesheet .hint, body.ht-page-orga-timesheet .meta, body.ht-page-orga-timesheet .note, body.ht-page-orga-timesheet .small, body.ht-page-orga-timesheet .foot, body.ht-page-orga-timesheet .help{
  color:#5f7698 !important;
}body.ht-page-orga-timesheet input, body.ht-page-orga-timesheet select, body.ht-page-orga-timesheet textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-timesheet input::placeholder, body.ht-page-orga-timesheet textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-timesheet select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-timesheet table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-timesheet th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-timesheet td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-timesheet tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-timesheet .pill, body.ht-page-orga-timesheet .badge, body.ht-page-orga-timesheet .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-timesheet .msg, body.ht-page-orga-timesheet .ok, body.ht-page-orga-timesheet .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-timesheet .err, body.ht-page-orga-timesheet .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-timesheet hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-timesheet code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-timesheet /* ===== Stundenzettel Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-timesheet .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-timesheet .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-timesheet .card h2{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-timesheet .row{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-timesheet .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-timesheet .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-timesheet .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-timesheet .field label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-timesheet input[type="text"], body.ht-page-orga-timesheet input[type="number"], body.ht-page-orga-timesheet input[type="date"], body.ht-page-orga-timesheet input[type="time"], body.ht-page-orga-timesheet select, body.ht-page-orga-timesheet textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-timesheet textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-timesheet .card .btn, body.ht-page-orga-timesheet .card button{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-timesheet table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-timesheet th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-timesheet td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-timesheet tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-timesheet td form{
  margin:0 !important;
}body.ht-page-orga-timesheet .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-timesheet .actions .btn, body.ht-page-orga-timesheet .actions button{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-timesheet .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-timesheet .kpiGrid, body.ht-page-orga-timesheet .stats, body.ht-page-orga-timesheet .summary{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}body.ht-page-orga-timesheet .kpi, body.ht-page-orga-timesheet .stat, body.ht-page-orga-timesheet .summaryBox{
  min-height:86px !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#f8fbff !important;
  padding:14px !important;
  color:#10233f !important;
}body.ht-page-orga-timesheet .kpi span, body.ht-page-orga-timesheet .stat span, body.ht-page-orga-timesheet .summaryBox span{
  display:block !important;
  color:#5f7698 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin-bottom:6px !important;
}body.ht-page-orga-timesheet .kpi b, body.ht-page-orga-timesheet .stat b, body.ht-page-orga-timesheet .summaryBox b{
  color:#10233f !important;
  font-size:22px !important;
  font-weight:950 !important;
}@media(max-width:980px){
body.ht-page-orga-timesheet .kpiGrid, body.ht-page-orga-timesheet .stats, body.ht-page-orga-timesheet .summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }body.ht-page-orga-timesheet table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-timesheet .field, body.ht-page-orga-timesheet .field.small, body.ht-page-orga-timesheet .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-timesheet .actions .btn, body.ht-page-orga-timesheet .actions button, body.ht-page-orga-timesheet .field.btnw .btn, body.ht-page-orga-timesheet .field.btnw button{
    width:100% !important;
  }body.ht-page-orga-timesheet .kpiGrid, body.ht-page-orga-timesheet .stats, body.ht-page-orga-timesheet .summary{
    grid-template-columns:1fr !important;
  }
}body.ht-page-orga-timesheet /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-timesheet keine Menüleistenänderung === */
select, body.ht-page-orga-timesheet .field select, body.ht-page-orga-timesheet .filterGrid select, body.ht-page-orga-timesheet .modalBody select, body.ht-page-orga-timesheet select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-timesheet select option, body.ht-page-orga-timesheet select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-timesheet select:focus, body.ht-page-orga-timesheet .field select:focus, body.ht-page-orga-timesheet .filterGrid select:focus, body.ht-page-orga-timesheet .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from orga_werbung.php -> body.ht-page-orga-werbung --- */
body.ht-page-orga-werbung{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d; --orange:#ffb020;
    }body.ht-page-orga-werbung *{ box-sizing:border-box; }body.ht-page-orga-werbung{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-werbung .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-werbung .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-werbung .wrap{max-width:1300px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-werbung h1{text-align:center;margin:14px 0 6px;font-size:26px;font-weight:950;}body.ht-page-orga-werbung .sub{text-align:center;color:var(--muted);margin-bottom:14px;font-size:13px;}body.ht-page-orga-werbung .card{border:1px solid var(--border);border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-werbung .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-werbung .ok{color:#7CFFB2;}body.ht-page-orga-werbung .er{color:#FF7A7A;}body.ht-page-orga-werbung .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;}body.ht-page-orga-werbung .field{flex:1 1 220px;}body.ht-page-orga-werbung .field.small{flex:0 0 170px;}body.ht-page-orga-werbung .field.btnw{flex:0 0 240px;}@media(max-width:520px){
body.ht-page-orga-werbung .field, body.ht-page-orga-werbung .field.small, body.ht-page-orga-werbung .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-werbung label{font-weight:800;font-size:12px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-werbung input, body.ht-page-orga-werbung select, body.ht-page-orga-werbung textarea{
      width:100%;height:40px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 10px;outline:none;min-width:0;
      font-size: 13px;
    }body.ht-page-orga-werbung textarea{height:auto;padding:10px;}body.ht-page-orga-werbung option{ color:#111; background:#fff; }body.ht-page-orga-werbung .btn{
      height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
      font-size: 13px;
    }body.ht-page-orga-werbung .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-werbung .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-werbung .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-werbung .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-werbung .btn.orange{background:linear-gradient(180deg, rgba(255,176,32,.92), rgba(255,176,32,.72));border-color:rgba(255,176,32,.35);}body.ht-page-orga-werbung /* gleiche Buttonbreite in Headern */
    .btn.fixed{ width:240px; }body.ht-page-orga-werbung table{width:100%;border-collapse:collapse;}body.ht-page-orga-werbung th, body.ht-page-orga-werbung td{border-bottom:1px solid rgba(255,255,255,.10);padding:9px 8px;vertical-align:top;font-size:13px;}body.ht-page-orga-werbung th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-werbung .pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-weight:950;font-size:12px;white-space:nowrap;}body.ht-page-orga-werbung .pill.on{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.14);color:#bfffe1;}body.ht-page-orga-werbung .pill.off{opacity:.75;}body.ht-page-orga-werbung .muted{color:var(--muted);}body.ht-page-orga-werbung .right{text-align:right;}body.ht-page-orga-werbung .ht-modal-card{
      border:1px solid rgba(255,255,255,.18);
      border-radius:18px;
      padding:0;
      background:linear-gradient(180deg, rgba(20,30,55,.98), rgba(15,22,40,.98));
      color:var(--text);
      width:min(1000px, calc(100vw - 24px));
      box-shadow:0 22px 60px rgba(0,0,0,.6);
    }body.ht-page-orga-werbung .ht-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.10);}body.ht-page-orga-werbung .ht-modal-head .ht-modal-title{font-size:14px;letter-spacing:.2px;}body.ht-page-orga-werbung .ht-modal-body{padding:14px;}body.ht-page-orga-werbung .ht-modal-actions{padding:12px 14px 14px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.10);}body.ht-page-orga-werbung .ht-modal-close{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--text);border-radius:10px;height:34px;padding:0 10px;cursor:pointer;font-weight:900;}body.ht-page-orga-werbung .ht-modal-close:hover{background:rgba(255,255,255,.10);}body.ht-page-orga-werbung .slotbar{display:flex;gap:10px;flex-wrap:wrap;}body.ht-page-orga-werbung .slotchip{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);padding:8px 10px;border-radius:999px;font-weight:900;}body.ht-page-orga-werbung .chk{width:18px;height:18px;accent-color: var(--blue);}body.ht-page-orga-werbung .tableWrap{overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:14px;}body.ht-page-orga-werbung /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-werbung, body.ht-page-orga-werbung{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung{color:#10233f !important;}body.ht-page-orga-werbung .btn.green, body.ht-page-orga-werbung a.btn.green, body.ht-page-orga-werbung .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-werbung .btn.red, body.ht-page-orga-werbung a.btn.red, body.ht-page-orga-werbung .red, body.ht-page-orga-werbung .danger, body.ht-page-orga-werbung .delete, body.ht-page-orga-werbung .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-werbung .wrap, body.ht-page-orga-werbung .container, body.ht-page-orga-werbung main{
  color:#10233f !important;
}body.ht-page-orga-werbung .card, body.ht-page-orga-werbung .panel, body.ht-page-orga-werbung .box, body.ht-page-orga-werbung .tile, body.ht-page-orga-werbung .item, body.ht-page-orga-werbung .section, body.ht-page-orga-werbung .list, body.ht-page-orga-werbung .table-card, body.ht-page-orga-werbung form.card, body.ht-page-orga-werbung fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung h1, body.ht-page-orga-werbung h2, body.ht-page-orga-werbung h3, body.ht-page-orga-werbung h4, body.ht-page-orga-werbung strong, body.ht-page-orga-werbung b, body.ht-page-orga-werbung label, body.ht-page-orga-werbung .title, body.ht-page-orga-werbung .name, body.ht-page-orga-werbung .lbl{
  color:#10233f !important;
}body.ht-page-orga-werbung p, body.ht-page-orga-werbung .sub, body.ht-page-orga-werbung .muted, body.ht-page-orga-werbung .hint, body.ht-page-orga-werbung .meta, body.ht-page-orga-werbung .note, body.ht-page-orga-werbung .small, body.ht-page-orga-werbung .foot, body.ht-page-orga-werbung .help{
  color:#5f7698 !important;
}body.ht-page-orga-werbung input, body.ht-page-orga-werbung select, body.ht-page-orga-werbung textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-werbung input::placeholder, body.ht-page-orga-werbung textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-werbung select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-werbung table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-werbung .pill, body.ht-page-orga-werbung .badge, body.ht-page-orga-werbung .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung .msg, body.ht-page-orga-werbung .ok, body.ht-page-orga-werbung .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-werbung .err, body.ht-page-orga-werbung .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-werbung hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-werbung code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung /* ===== Werbung Übersicht Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-werbung .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-werbung .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-werbung .card h2, body.ht-page-orga-werbung .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-werbung .grid, body.ht-page-orga-werbung .tileGrid, body.ht-page-orga-werbung .kachelGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}body.ht-page-orga-werbung .tile, body.ht-page-orga-werbung .kachel, body.ht-page-orga-werbung .module, body.ht-page-orga-werbung .linkCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
  min-height:126px !important;
}body.ht-page-orga-werbung .tile:hover, body.ht-page-orga-werbung .kachel:hover, body.ht-page-orga-werbung .module:hover, body.ht-page-orga-werbung .linkCard:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 42px rgba(13,33,72,.10) !important;
}body.ht-page-orga-werbung .row, body.ht-page-orga-werbung .filterBar, body.ht-page-orga-werbung .filters{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-werbung .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-werbung .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-werbung .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-werbung label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung input[type="text"], body.ht-page-orga-werbung input[type="email"], body.ht-page-orga-werbung input[type="number"], body.ht-page-orga-werbung input[type="date"], body.ht-page-orga-werbung input[type="time"], body.ht-page-orga-werbung select, body.ht-page-orga-werbung textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-werbung .card .btn, body.ht-page-orga-werbung .card button, body.ht-page-orga-werbung .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-werbung .actions .btn, body.ht-page-orga-werbung .actions button, body.ht-page-orga-werbung .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-werbung table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-werbung th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-werbung td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-werbung tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-werbung .badge, body.ht-page-orga-werbung .pill, body.ht-page-orga-werbung .tag{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}@media(max-width:980px){
body.ht-page-orga-werbung .grid, body.ht-page-orga-werbung .tileGrid, body.ht-page-orga-werbung .kachelGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }body.ht-page-orga-werbung table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-werbung .grid, body.ht-page-orga-werbung .tileGrid, body.ht-page-orga-werbung .kachelGrid{
    grid-template-columns:1fr !important;
  }body.ht-page-orga-werbung .field, body.ht-page-orga-werbung .field.small, body.ht-page-orga-werbung .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-werbung .actions .btn, body.ht-page-orga-werbung .actions button, body.ht-page-orga-werbung .actions input[type=submit], body.ht-page-orga-werbung .field.btnw .btn, body.ht-page-orga-werbung .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_werbung_kunden.php -> body.ht-page-orga-werbung-kunden --- */
body.ht-page-orga-werbung-kunden{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --accent:#4f7cff; --green:#19c37d; --red:#ff4d4d;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    }body.ht-page-orga-werbung-kunden *{box-sizing:border-box;}body.ht-page-orga-werbung-kunden{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-werbung-kunden .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-werbung-kunden .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-werbung-kunden .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-werbung-kunden h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-werbung-kunden .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;}body.ht-page-orga-werbung-kunden .card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--cardA),var(--cardB));box-shadow:var(--shadow);padding:14px;}body.ht-page-orga-werbung-kunden .msg{text-align:center;margin:10px 0;font-weight:900;}body.ht-page-orga-werbung-kunden .ok{color:#7CFFB2;}body.ht-page-orga-werbung-kunden .err{color:#FF7A7A;}body.ht-page-orga-werbung-kunden label{font-weight:900;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-werbung-kunden input, body.ht-page-orga-werbung-kunden select, body.ht-page-orga-werbung-kunden textarea{
      width:100%; height:44px; border-radius:12px; border:1px solid var(--border);
      background:rgba(255,255,255,.05); color:var(--text);
      padding:0 12px; outline:none;
    }body.ht-page-orga-werbung-kunden textarea{height:auto;padding:10px 12px;}body.ht-page-orga-werbung-kunden /* Windows: Optionen lesbar */
    option{ color:#111; background:#fff; }body.ht-page-orga-werbung-kunden .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-werbung-kunden .field{flex:1 1 260px;}body.ht-page-orga-werbung-kunden .field.small{flex:0 0 170px;}body.ht-page-orga-werbung-kunden .field.btnw{flex:0 0 220px;}@media (max-width: 720px){
body.ht-page-orga-werbung-kunden .field, body.ht-page-orga-werbung-kunden .field.small, body.ht-page-orga-werbung-kunden .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-werbung-kunden table{width:100%;border-collapse:collapse;}body.ht-page-orga-werbung-kunden th, body.ht-page-orga-werbung-kunden td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;}body.ht-page-orga-werbung-kunden th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-werbung-kunden .actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}body.ht-page-orga-werbung-kunden .btn{height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;white-space:nowrap;}body.ht-page-orga-werbung-kunden .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-werbung-kunden .btn.primary{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-werbung-kunden .btn.green{background:linear-gradient(180deg, rgba(25,195,125,.95), rgba(25,195,125,.75));border-color:rgba(25,195,125,.35);}body.ht-page-orga-werbung-kunden .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-werbung-kunden .pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-weight:900;font-size:12px;}body.ht-page-orga-werbung-kunden .pill.off{opacity:.65;}body.ht-page-orga-werbung-kunden /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-werbung-kunden, body.ht-page-orga-werbung-kunden{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-kunden{color:#10233f !important;}body.ht-page-orga-werbung-kunden .btn.green, body.ht-page-orga-werbung-kunden a.btn.green, body.ht-page-orga-werbung-kunden .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-werbung-kunden .btn.red, body.ht-page-orga-werbung-kunden a.btn.red, body.ht-page-orga-werbung-kunden .red, body.ht-page-orga-werbung-kunden .danger, body.ht-page-orga-werbung-kunden .delete, body.ht-page-orga-werbung-kunden .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-werbung-kunden .wrap, body.ht-page-orga-werbung-kunden .container, body.ht-page-orga-werbung-kunden main{
  color:#10233f !important;
}body.ht-page-orga-werbung-kunden .card, body.ht-page-orga-werbung-kunden .panel, body.ht-page-orga-werbung-kunden .box, body.ht-page-orga-werbung-kunden .tile, body.ht-page-orga-werbung-kunden .item, body.ht-page-orga-werbung-kunden .section, body.ht-page-orga-werbung-kunden .list, body.ht-page-orga-werbung-kunden .table-card, body.ht-page-orga-werbung-kunden form.card, body.ht-page-orga-werbung-kunden fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-kunden h1, body.ht-page-orga-werbung-kunden h2, body.ht-page-orga-werbung-kunden h3, body.ht-page-orga-werbung-kunden h4, body.ht-page-orga-werbung-kunden strong, body.ht-page-orga-werbung-kunden b, body.ht-page-orga-werbung-kunden label, body.ht-page-orga-werbung-kunden .title, body.ht-page-orga-werbung-kunden .name, body.ht-page-orga-werbung-kunden .lbl{
  color:#10233f !important;
}body.ht-page-orga-werbung-kunden p, body.ht-page-orga-werbung-kunden .sub, body.ht-page-orga-werbung-kunden .muted, body.ht-page-orga-werbung-kunden .hint, body.ht-page-orga-werbung-kunden .meta, body.ht-page-orga-werbung-kunden .note, body.ht-page-orga-werbung-kunden .small, body.ht-page-orga-werbung-kunden .foot, body.ht-page-orga-werbung-kunden .help{
  color:#5f7698 !important;
}body.ht-page-orga-werbung-kunden input, body.ht-page-orga-werbung-kunden select, body.ht-page-orga-werbung-kunden textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-werbung-kunden input::placeholder, body.ht-page-orga-werbung-kunden textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-werbung-kunden select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-werbung-kunden table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-kunden th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-kunden td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-kunden tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-werbung-kunden .pill, body.ht-page-orga-werbung-kunden .badge, body.ht-page-orga-werbung-kunden .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung-kunden .msg, body.ht-page-orga-werbung-kunden .ok, body.ht-page-orga-werbung-kunden .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-werbung-kunden .err, body.ht-page-orga-werbung-kunden .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-werbung-kunden hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-werbung-kunden code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung-kunden /* ===== Werbekunden Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-werbung-kunden .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-werbung-kunden .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-werbung-kunden .card h2, body.ht-page-orga-werbung-kunden .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-werbung-kunden .row, body.ht-page-orga-werbung-kunden .filterBar, body.ht-page-orga-werbung-kunden .filters{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-werbung-kunden .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-werbung-kunden .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-werbung-kunden .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-werbung-kunden label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung-kunden input[type="text"], body.ht-page-orga-werbung-kunden input[type="email"], body.ht-page-orga-werbung-kunden input[type="number"], body.ht-page-orga-werbung-kunden input[type="date"], body.ht-page-orga-werbung-kunden input[type="time"], body.ht-page-orga-werbung-kunden select, body.ht-page-orga-werbung-kunden textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung-kunden textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-werbung-kunden .card .btn, body.ht-page-orga-werbung-kunden .card button, body.ht-page-orga-werbung-kunden .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung-kunden .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-werbung-kunden .actions .btn, body.ht-page-orga-werbung-kunden .actions button, body.ht-page-orga-werbung-kunden .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-werbung-kunden table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-werbung-kunden th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-werbung-kunden td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-werbung-kunden tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-werbung-kunden td form{
  margin:0 !important;
}body.ht-page-orga-werbung-kunden .badge, body.ht-page-orga-werbung-kunden .pill, body.ht-page-orga-werbung-kunden .tag{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung-kunden .customerCard, body.ht-page-orga-werbung-kunden .customer-tile, body.ht-page-orga-werbung-kunden .clientCard{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
}body.ht-page-orga-werbung-kunden .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-orga-werbung-kunden table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-werbung-kunden .field, body.ht-page-orga-werbung-kunden .field.small, body.ht-page-orga-werbung-kunden .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-werbung-kunden .actions .btn, body.ht-page-orga-werbung-kunden .actions button, body.ht-page-orga-werbung-kunden .actions input[type=submit], body.ht-page-orga-werbung-kunden .field.btnw .btn, body.ht-page-orga-werbung-kunden .field.btnw button{
    width:100% !important;
  }
}

/* --- P185 moved from orga_werbung_plan.php -> body.ht-page-orga-werbung-plan --- */
body.ht-page-orga-werbung-plan{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --accent:#4f7cff; --green:#19c37d; --red:#ff4d4d;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
    }body.ht-page-orga-werbung-plan *{box-sizing:border-box;}body.ht-page-orga-werbung-plan{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-werbung-plan .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-werbung-plan .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-werbung-plan .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-werbung-plan h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-werbung-plan .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.35;}body.ht-page-orga-werbung-plan .card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--cardA),var(--cardB));box-shadow:var(--shadow);padding:14px;}body.ht-page-orga-werbung-plan .msg{text-align:center;margin:10px 0;font-weight:900;}body.ht-page-orga-werbung-plan .ok{color:#7CFFB2;}body.ht-page-orga-werbung-plan .err{color:#FF7A7A;}body.ht-page-orga-werbung-plan label{font-weight:900;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-werbung-plan select, body.ht-page-orga-werbung-plan input{
      width:100%; height:44px; border-radius:12px; border:1px solid var(--border);
      background:rgba(255,255,255,.05); color:var(--text);
      padding:0 12px; outline:none;
    }body.ht-page-orga-werbung-plan /* Windows Dropdown lesbar */
    option{ color:#111; background:#fff; }body.ht-page-orga-werbung-plan .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-werbung-plan .field{flex:1 1 320px;}body.ht-page-orga-werbung-plan .field.small{flex:0 0 220px;}body.ht-page-orga-werbung-plan .btn{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;}body.ht-page-orga-werbung-plan .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-werbung-plan .btn.primary{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-werbung-plan .btn.green{background:linear-gradient(180deg, rgba(25,195,125,.95), rgba(25,195,125,.75));border-color:rgba(25,195,125,.35);}body.ht-page-orga-werbung-plan .btn.red{background:linear-gradient(180deg, rgba(255,77,77,.95), rgba(255,77,77,.78));border-color:rgba(255,77,77,.35);}body.ht-page-orga-werbung-plan .pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-weight:900;font-size:12px;}body.ht-page-orga-werbung-plan .pill.on{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.16);color:#bfffe1;}body.ht-page-orga-werbung-plan .pill.off{opacity:.6;}body.ht-page-orga-werbung-plan table{width:100%;border-collapse:collapse;}body.ht-page-orga-werbung-plan th, body.ht-page-orga-werbung-plan td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;}body.ht-page-orga-werbung-plan th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-werbung-plan .right{text-align:right;}body.ht-page-orga-werbung-plan .mini{font-size:12px;color:var(--muted);}body.ht-page-orga-werbung-plan .inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}body.ht-page-orga-werbung-plan .note{width:260px;max-width:100%; height:40px; border-radius:10px;}@media (max-width: 860px){
body.ht-page-orga-werbung-plan .inline{justify-content:flex-start;}body.ht-page-orga-werbung-plan .note{width:100%;}
}body.ht-page-orga-werbung-plan /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-werbung-plan, body.ht-page-orga-werbung-plan{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-plan{color:#10233f !important;}body.ht-page-orga-werbung-plan .btn.green, body.ht-page-orga-werbung-plan a.btn.green, body.ht-page-orga-werbung-plan .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-werbung-plan .btn.red, body.ht-page-orga-werbung-plan a.btn.red, body.ht-page-orga-werbung-plan .red, body.ht-page-orga-werbung-plan .danger, body.ht-page-orga-werbung-plan .delete, body.ht-page-orga-werbung-plan .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-werbung-plan .wrap, body.ht-page-orga-werbung-plan .container, body.ht-page-orga-werbung-plan main{
  color:#10233f !important;
}body.ht-page-orga-werbung-plan .card, body.ht-page-orga-werbung-plan .panel, body.ht-page-orga-werbung-plan .box, body.ht-page-orga-werbung-plan .tile, body.ht-page-orga-werbung-plan .item, body.ht-page-orga-werbung-plan .section, body.ht-page-orga-werbung-plan .list, body.ht-page-orga-werbung-plan .table-card, body.ht-page-orga-werbung-plan form.card, body.ht-page-orga-werbung-plan fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-plan h1, body.ht-page-orga-werbung-plan h2, body.ht-page-orga-werbung-plan h3, body.ht-page-orga-werbung-plan h4, body.ht-page-orga-werbung-plan strong, body.ht-page-orga-werbung-plan b, body.ht-page-orga-werbung-plan label, body.ht-page-orga-werbung-plan .title, body.ht-page-orga-werbung-plan .name, body.ht-page-orga-werbung-plan .lbl{
  color:#10233f !important;
}body.ht-page-orga-werbung-plan p, body.ht-page-orga-werbung-plan .sub, body.ht-page-orga-werbung-plan .muted, body.ht-page-orga-werbung-plan .hint, body.ht-page-orga-werbung-plan .meta, body.ht-page-orga-werbung-plan .note, body.ht-page-orga-werbung-plan .small, body.ht-page-orga-werbung-plan .foot, body.ht-page-orga-werbung-plan .help{
  color:#5f7698 !important;
}body.ht-page-orga-werbung-plan input, body.ht-page-orga-werbung-plan select, body.ht-page-orga-werbung-plan textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-werbung-plan input::placeholder, body.ht-page-orga-werbung-plan textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-werbung-plan select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-werbung-plan table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-plan th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-plan td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-plan tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-werbung-plan .pill, body.ht-page-orga-werbung-plan .badge, body.ht-page-orga-werbung-plan .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung-plan .msg, body.ht-page-orga-werbung-plan .ok, body.ht-page-orga-werbung-plan .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-werbung-plan .err, body.ht-page-orga-werbung-plan .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-werbung-plan hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-werbung-plan code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung-plan /* ===== Werbeplan Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-werbung-plan .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-werbung-plan .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-werbung-plan .card h2, body.ht-page-orga-werbung-plan .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-werbung-plan .row, body.ht-page-orga-werbung-plan .filterBar, body.ht-page-orga-werbung-plan .filters{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-werbung-plan .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-werbung-plan .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-werbung-plan .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-werbung-plan label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung-plan input[type="text"], body.ht-page-orga-werbung-plan input[type="email"], body.ht-page-orga-werbung-plan input[type="number"], body.ht-page-orga-werbung-plan input[type="date"], body.ht-page-orga-werbung-plan input[type="time"], body.ht-page-orga-werbung-plan select, body.ht-page-orga-werbung-plan textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung-plan textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-werbung-plan .card .btn, body.ht-page-orga-werbung-plan .card button, body.ht-page-orga-werbung-plan .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung-plan .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-werbung-plan .actions .btn, body.ht-page-orga-werbung-plan .actions button, body.ht-page-orga-werbung-plan .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-werbung-plan table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-werbung-plan th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-werbung-plan td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-werbung-plan tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-werbung-plan td form{
  margin:0 !important;
}body.ht-page-orga-werbung-plan .badge, body.ht-page-orga-werbung-plan .pill, body.ht-page-orga-werbung-plan .tag{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung-plan .planCard, body.ht-page-orga-werbung-plan .planItem, body.ht-page-orga-werbung-plan .spotCard, body.ht-page-orga-werbung-plan .slotCard, body.ht-page-orga-werbung-plan .timelineItem{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-plan .kpiGrid, body.ht-page-orga-werbung-plan .stats, body.ht-page-orga-werbung-plan .summary{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}body.ht-page-orga-werbung-plan .kpi, body.ht-page-orga-werbung-plan .stat, body.ht-page-orga-werbung-plan .summaryBox{
  min-height:86px !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#f8fbff !important;
  padding:14px !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-plan .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-orga-werbung-plan .kpiGrid, body.ht-page-orga-werbung-plan .stats, body.ht-page-orga-werbung-plan .summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }body.ht-page-orga-werbung-plan table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-werbung-plan .field, body.ht-page-orga-werbung-plan .field.small, body.ht-page-orga-werbung-plan .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-werbung-plan .actions .btn, body.ht-page-orga-werbung-plan .actions button, body.ht-page-orga-werbung-plan .actions input[type=submit], body.ht-page-orga-werbung-plan .field.btnw .btn, body.ht-page-orga-werbung-plan .field.btnw button{
    width:100% !important;
  }body.ht-page-orga-werbung-plan .kpiGrid, body.ht-page-orga-werbung-plan .stats, body.ht-page-orga-werbung-plan .summary{
    grid-template-columns:1fr !important;
  }
}body.ht-page-orga-werbung-plan /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-werbung-plan keine Menüleistenänderung === */
select, body.ht-page-orga-werbung-plan .field select, body.ht-page-orga-werbung-plan .filterGrid select, body.ht-page-orga-werbung-plan .modalBody select, body.ht-page-orga-werbung-plan select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-werbung-plan select option, body.ht-page-orga-werbung-plan select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-werbung-plan select:focus, body.ht-page-orga-werbung-plan .field select:focus, body.ht-page-orga-werbung-plan .filterGrid select:focus, body.ht-page-orga-werbung-plan .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from orga_werbung_regie.php -> body.ht-page-orga-werbung-regie --- */
body.ht-page-orga-werbung-regie{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d;
    }body.ht-page-orga-werbung-regie *{ box-sizing:border-box; }body.ht-page-orga-werbung-regie{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-werbung-regie .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-werbung-regie .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-werbung-regie .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-werbung-regie h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-werbung-regie .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:14px;}body.ht-page-orga-werbung-regie .hero{ text-align:center; margin-top: 6px; margin-bottom: 8px; }body.ht-page-orga-werbung-regie .hero h2{ margin: 6px 0 4px; font-size: 34px; font-weight: 1000; line-height: 1.15; }body.ht-page-orga-werbung-regie .hero .meta{ color: var(--muted); font-size: 14px; }body.ht-page-orga-werbung-regie .hero .badge{
      display:inline-flex;align-items:center;justify-content:center;
      margin-top:10px;
      padding:6px 12px;border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      font-weight:950;
    }body.ht-page-orga-werbung-regie .card{border:1px solid var(--border);border-radius:var(--radius);
      background:linear-gradient(180deg,var(--cardA),var(--cardB));
      box-shadow:var(--shadow);padding:14px;margin-top:14px;}body.ht-page-orga-werbung-regie .msg{text-align:center;margin:10px 0;font-weight:950;}body.ht-page-orga-werbung-regie .ok{color:#7CFFB2;}body.ht-page-orga-werbung-regie .er{color:#FF7A7A;}body.ht-page-orga-werbung-regie label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-werbung-regie input, body.ht-page-orga-werbung-regie select, body.ht-page-orga-werbung-regie textarea{
      width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;min-width:0;
    }body.ht-page-orga-werbung-regie textarea{height:auto;padding:10px 12px;}body.ht-page-orga-werbung-regie option{ color:#111; background:#fff; }body.ht-page-orga-werbung-regie .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-werbung-regie .field{flex:1 1 260px;}body.ht-page-orga-werbung-regie .field.btnw{flex:0 0 220px;}@media(max-width:520px){
body.ht-page-orga-werbung-regie .field, body.ht-page-orga-werbung-regie .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-werbung-regie .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
    }body.ht-page-orga-werbung-regie .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-werbung-regie .btn.blue{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-werbung-regie .btn.green{background:linear-gradient(180deg, rgba(25,195,125,.95), rgba(25,195,125,.75));border-color:rgba(25,195,125,.35);}body.ht-page-orga-werbung-regie .btn.ghost{background:rgba(255,255,255,.04);}body.ht-page-orga-werbung-regie table{width:100%;border-collapse:collapse;}body.ht-page-orga-werbung-regie th, body.ht-page-orga-werbung-regie td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:top;}body.ht-page-orga-werbung-regie th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-werbung-regie .muted{color:var(--muted);}body.ht-page-orga-werbung-regie .printbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px;}body.ht-page-orga-werbung-regie /* Slots als Pills */
    .slotpill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:4px 10px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      font-weight:900;
      font-size:12px;
      color:rgba(255,255,255,.92);
      margin: 2px 4px 2px 0;
      white-space:nowrap;
    }body.ht-page-orga-werbung-regie .tiny{
      font-size:12px;
      color: var(--muted);
      line-height: 1.25;
    }body.ht-page-orga-werbung-regie /* ✅ Regie-Notiz rot nur wenn vorhanden (wie Regie-Kachel) */
    .noteDanger{
      border-color: rgba(255,77,77,.38);
      border:1px solid rgba(255,77,77,.38);
      background: linear-gradient(180deg, rgba(255,77,77,.16), rgba(255,255,255,.03));
      box-shadow:
        0 10px 30px rgba(0,0,0,.35),
        0 0 40px rgba(255,77,77,.14);
      border-radius:14px;
      padding:12px;
    }body.ht-page-orga-werbung-regie .badgeDanger{
      display:inline-flex;align-items:center;justify-content:center;
      padding:4px 10px;border-radius:999px;
      border:1px solid rgba(255,77,77,.45);
      background:rgba(255,77,77,.20);
      color:#ffe3e3;
      font-weight:950;
      font-size:12px;
      margin-top:6px;
      white-space:nowrap;
    }@media print{body.ht-page-orga-werbung-regie{background:#fff;color:#000;}body.ht-page-orga-werbung-regie .card{box-shadow:none;border:1px solid #ddd;background:#fff;}body.ht-page-orga-werbung-regie th{color:#333;}body.ht-page-orga-werbung-regie .muted{color:#444;}body.ht-page-orga-werbung-regie .hero .badge{border-color:#ddd;background:#f6f6f6;color:#000;}body.ht-page-orga-werbung-regie .slotpill{border-color:#ddd;background:#f6f6f6;color:#000;}body.ht-page-orga-werbung-regie .noteDanger{border-color:#ddd;background:#fff;color:#000;box-shadow:none;}body.ht-page-orga-werbung-regie .badgeDanger{border-color:#ddd;background:#fff;color:#000;}
}body.ht-page-orga-werbung-regie /* ===== HarbourTown Verwaltung Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-werbung-regie, body.ht-page-orga-werbung-regie{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-regie{
  color:#10233f !important;
}body.ht-page-orga-werbung-regie .btn.green, body.ht-page-orga-werbung-regie a.btn.green, body.ht-page-orga-werbung-regie .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-werbung-regie .btn.red, body.ht-page-orga-werbung-regie a.btn.red, body.ht-page-orga-werbung-regie .red, body.ht-page-orga-werbung-regie .danger, body.ht-page-orga-werbung-regie .delete, body.ht-page-orga-werbung-regie .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-werbung-regie .wrap, body.ht-page-orga-werbung-regie .container, body.ht-page-orga-werbung-regie main{
  color:#10233f !important;
}body.ht-page-orga-werbung-regie .card, body.ht-page-orga-werbung-regie .panel, body.ht-page-orga-werbung-regie .box, body.ht-page-orga-werbung-regie .tile, body.ht-page-orga-werbung-regie .item, body.ht-page-orga-werbung-regie .section, body.ht-page-orga-werbung-regie .list, body.ht-page-orga-werbung-regie .table-card, body.ht-page-orga-werbung-regie form.card, body.ht-page-orga-werbung-regie fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-regie h1, body.ht-page-orga-werbung-regie h2, body.ht-page-orga-werbung-regie h3, body.ht-page-orga-werbung-regie h4, body.ht-page-orga-werbung-regie strong, body.ht-page-orga-werbung-regie b, body.ht-page-orga-werbung-regie label, body.ht-page-orga-werbung-regie .title, body.ht-page-orga-werbung-regie .name, body.ht-page-orga-werbung-regie .lbl{
  color:#10233f !important;
}body.ht-page-orga-werbung-regie p, body.ht-page-orga-werbung-regie .sub, body.ht-page-orga-werbung-regie .muted, body.ht-page-orga-werbung-regie .hint, body.ht-page-orga-werbung-regie .meta, body.ht-page-orga-werbung-regie .note, body.ht-page-orga-werbung-regie .small, body.ht-page-orga-werbung-regie .foot, body.ht-page-orga-werbung-regie .help{
  color:#5f7698 !important;
}body.ht-page-orga-werbung-regie input, body.ht-page-orga-werbung-regie select, body.ht-page-orga-werbung-regie textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-werbung-regie input::placeholder, body.ht-page-orga-werbung-regie textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-werbung-regie select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-werbung-regie table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-regie th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-regie td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-regie tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-werbung-regie .pill, body.ht-page-orga-werbung-regie .badge, body.ht-page-orga-werbung-regie .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung-regie .msg, body.ht-page-orga-werbung-regie .ok, body.ht-page-orga-werbung-regie .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-werbung-regie .err, body.ht-page-orga-werbung-regie .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-werbung-regie hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-werbung-regie code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung-regie /* ===== Werbung Regie Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-werbung-regie .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-werbung-regie .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-werbung-regie .card h2, body.ht-page-orga-werbung-regie .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-werbung-regie .row, body.ht-page-orga-werbung-regie .filterBar, body.ht-page-orga-werbung-regie .filters{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-werbung-regie .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-werbung-regie .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-werbung-regie .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-werbung-regie label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung-regie input[type="text"], body.ht-page-orga-werbung-regie input[type="email"], body.ht-page-orga-werbung-regie input[type="number"], body.ht-page-orga-werbung-regie input[type="date"], body.ht-page-orga-werbung-regie input[type="time"], body.ht-page-orga-werbung-regie select, body.ht-page-orga-werbung-regie textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung-regie textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-werbung-regie .card .btn, body.ht-page-orga-werbung-regie .card button, body.ht-page-orga-werbung-regie .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung-regie .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-werbung-regie .actions .btn, body.ht-page-orga-werbung-regie .actions button, body.ht-page-orga-werbung-regie .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-werbung-regie table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-werbung-regie th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-werbung-regie td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-werbung-regie tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-werbung-regie td form{
  margin:0 !important;
}body.ht-page-orga-werbung-regie .badge, body.ht-page-orga-werbung-regie .pill, body.ht-page-orga-werbung-regie .tag{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung-regie .kpiGrid, body.ht-page-orga-werbung-regie .stats, body.ht-page-orga-werbung-regie .summary{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}body.ht-page-orga-werbung-regie .kpi, body.ht-page-orga-werbung-regie .stat, body.ht-page-orga-werbung-regie .summaryBox, body.ht-page-orga-werbung-regie .spot, body.ht-page-orga-werbung-regie .block, body.ht-page-orga-werbung-regie .slot{
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#f8fbff !important;
  padding:14px !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-regie .kpi, body.ht-page-orga-werbung-regie .stat, body.ht-page-orga-werbung-regie .summaryBox{
  min-height:86px !important;
}body.ht-page-orga-werbung-regie .kpi span, body.ht-page-orga-werbung-regie .stat span, body.ht-page-orga-werbung-regie .summaryBox span{
  display:block !important;
  color:#5f7698 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin-bottom:6px !important;
}body.ht-page-orga-werbung-regie .kpi b, body.ht-page-orga-werbung-regie .stat b, body.ht-page-orga-werbung-regie .summaryBox b{
  color:#10233f !important;
  font-size:22px !important;
  font-weight:950 !important;
}body.ht-page-orga-werbung-regie .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-orga-werbung-regie .kpiGrid, body.ht-page-orga-werbung-regie .stats, body.ht-page-orga-werbung-regie .summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }body.ht-page-orga-werbung-regie table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-werbung-regie .field, body.ht-page-orga-werbung-regie .field.small, body.ht-page-orga-werbung-regie .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-werbung-regie .actions .btn, body.ht-page-orga-werbung-regie .actions button, body.ht-page-orga-werbung-regie .actions input[type=submit], body.ht-page-orga-werbung-regie .field.btnw .btn, body.ht-page-orga-werbung-regie .field.btnw button{
    width:100% !important;
  }body.ht-page-orga-werbung-regie .kpiGrid, body.ht-page-orga-werbung-regie .stats, body.ht-page-orga-werbung-regie .summary{
    grid-template-columns:1fr !important;
  }
}

/* --- P185 moved from orga_werbung_zuordnung.php -> body.ht-page-orga-werbung-zuordnung --- */
body.ht-page-orga-werbung-zuordnung{
      --bg:#0b1220; --text:#eef2ff; --muted:#aab3cf; --border:rgba(255,255,255,.12);
      --shadow:0 14px 40px rgba(0,0,0,.45); --radius:18px;
      --cardA:rgba(255,255,255,.06); --cardB:rgba(255,255,255,.035);
      --blue:#4f7cff; --green:#19c37d; --red:#ff4d4d;
    }body.ht-page-orga-werbung-zuordnung *{box-sizing:border-box;}body.ht-page-orga-werbung-zuordnung{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(1000px 500px at 18% 0%, rgba(79,124,255,.25), transparent 60%),
        radial-gradient(900px 500px at 92% 10%, rgba(25,195,125,.18), transparent 60%),
        var(--bg);
      color:var(--text);
    }body.ht-page-orga-werbung-zuordnung .nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-weight:750;margin-left:8px;}body.ht-page-orga-werbung-zuordnung .nav a:hover{background:rgba(255,255,255,.08);}body.ht-page-orga-werbung-zuordnung .wrap{max-width:1100px;margin:0 auto;padding:18px 18px 34px;}body.ht-page-orga-werbung-zuordnung h1{text-align:center;margin:18px 0 6px;font-size:28px;font-weight:950;}body.ht-page-orga-werbung-zuordnung .sub{text-align:center;color:var(--muted);margin-bottom:16px;}body.ht-page-orga-werbung-zuordnung .card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--cardA),var(--cardB));box-shadow:var(--shadow);padding:14px;}body.ht-page-orga-werbung-zuordnung .msg{text-align:center;margin:10px 0;font-weight:900;}body.ht-page-orga-werbung-zuordnung .ok{color:#7CFFB2;}body.ht-page-orga-werbung-zuordnung .err{color:#FF7A7A;}body.ht-page-orga-werbung-zuordnung label{font-weight:800;font-size:13px;color:var(--muted);display:block;margin-bottom:6px;}body.ht-page-orga-werbung-zuordnung input[type="text"], body.ht-page-orga-werbung-zuordnung input[type="number"], body.ht-page-orga-werbung-zuordnung select{
      width:100%;height:44px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;outline:none;
    }body.ht-page-orga-werbung-zuordnung /* Windows: Options lesbar */
    option{ color:#111; background:#fff; }body.ht-page-orga-werbung-zuordnung .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}body.ht-page-orga-werbung-zuordnung .field{flex:1 1 320px;}body.ht-page-orga-werbung-zuordnung .field.small{flex:0 0 180px;}body.ht-page-orga-werbung-zuordnung .field.btnw{flex:0 0 220px;}@media (max-width: 720px){
body.ht-page-orga-werbung-zuordnung .field, body.ht-page-orga-werbung-zuordnung .field.small, body.ht-page-orga-werbung-zuordnung .field.btnw{flex:1 1 100%;}
}body.ht-page-orga-werbung-zuordnung table{width:100%;border-collapse:collapse;}body.ht-page-orga-werbung-zuordnung th, body.ht-page-orga-werbung-zuordnung td{border-bottom:1px solid rgba(255,255,255,.10);padding:10px 8px;vertical-align:middle;}body.ht-page-orga-werbung-zuordnung th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;}body.ht-page-orga-werbung-zuordnung .right{text-align:right;}body.ht-page-orga-werbung-zuordnung .btn{
      height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);
      background:rgba(255,255,255,.05);color:var(--text);font-weight:950;cursor:pointer;font-size:14px;
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
      white-space:nowrap;
    }body.ht-page-orga-werbung-zuordnung .btn:hover{background:rgba(255,255,255,.09);}body.ht-page-orga-werbung-zuordnung .btn.primary{background:linear-gradient(180deg, rgba(79,124,255,.95), rgba(79,124,255,.75));border-color:rgba(79,124,255,.35);}body.ht-page-orga-werbung-zuordnung .pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.06);font-weight:900;display:inline-flex;align-items:center;gap:8px;}body.ht-page-orga-werbung-zuordnung .pill.flat{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.12);}body.ht-page-orga-werbung-zuordnung .pill.per{border-color:rgba(79,124,255,.35);background:rgba(79,124,255,.12);}body.ht-page-orga-werbung-zuordnung .chk{width:20px;height:20px;}body.ht-page-orga-werbung-zuordnung .muted{color:var(--muted);}body.ht-page-orga-werbung-zuordnung .note{width:100%;height:44px;}body.ht-page-orga-werbung-zuordnung .stickybar{
      position:sticky; bottom:0; z-index:5;
      padding:10px 0 0;
      background: linear-gradient(180deg, rgba(11,18,32,0), rgba(11,18,32,.85));
      backdrop-filter: blur(8px);
    }body.ht-page-orga-werbung-zuordnung /* ===== HarbourTown Verwaltung Restseiten Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --gray:#eef3fb !important;
}body.ht-page-orga-werbung-zuordnung, body.ht-page-orga-werbung-zuordnung{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-zuordnung{color:#10233f !important;}body.ht-page-orga-werbung-zuordnung .btn.green, body.ht-page-orga-werbung-zuordnung a.btn.green, body.ht-page-orga-werbung-zuordnung .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-orga-werbung-zuordnung .btn.red, body.ht-page-orga-werbung-zuordnung a.btn.red, body.ht-page-orga-werbung-zuordnung .red, body.ht-page-orga-werbung-zuordnung .danger, body.ht-page-orga-werbung-zuordnung .delete, body.ht-page-orga-werbung-zuordnung .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-orga-werbung-zuordnung .wrap, body.ht-page-orga-werbung-zuordnung .container, body.ht-page-orga-werbung-zuordnung main{
  color:#10233f !important;
}body.ht-page-orga-werbung-zuordnung .card, body.ht-page-orga-werbung-zuordnung .panel, body.ht-page-orga-werbung-zuordnung .box, body.ht-page-orga-werbung-zuordnung .tile, body.ht-page-orga-werbung-zuordnung .item, body.ht-page-orga-werbung-zuordnung .section, body.ht-page-orga-werbung-zuordnung .list, body.ht-page-orga-werbung-zuordnung .table-card, body.ht-page-orga-werbung-zuordnung form.card, body.ht-page-orga-werbung-zuordnung fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-zuordnung h1, body.ht-page-orga-werbung-zuordnung h2, body.ht-page-orga-werbung-zuordnung h3, body.ht-page-orga-werbung-zuordnung h4, body.ht-page-orga-werbung-zuordnung strong, body.ht-page-orga-werbung-zuordnung b, body.ht-page-orga-werbung-zuordnung label, body.ht-page-orga-werbung-zuordnung .title, body.ht-page-orga-werbung-zuordnung .name, body.ht-page-orga-werbung-zuordnung .lbl{
  color:#10233f !important;
}body.ht-page-orga-werbung-zuordnung p, body.ht-page-orga-werbung-zuordnung .sub, body.ht-page-orga-werbung-zuordnung .muted, body.ht-page-orga-werbung-zuordnung .hint, body.ht-page-orga-werbung-zuordnung .meta, body.ht-page-orga-werbung-zuordnung .note, body.ht-page-orga-werbung-zuordnung .small, body.ht-page-orga-werbung-zuordnung .foot, body.ht-page-orga-werbung-zuordnung .help{
  color:#5f7698 !important;
}body.ht-page-orga-werbung-zuordnung input, body.ht-page-orga-werbung-zuordnung select, body.ht-page-orga-werbung-zuordnung textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-orga-werbung-zuordnung input::placeholder, body.ht-page-orga-werbung-zuordnung textarea::placeholder{color:#8aa0be !important;}body.ht-page-orga-werbung-zuordnung select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-orga-werbung-zuordnung table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-zuordnung th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-zuordnung td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-orga-werbung-zuordnung tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-orga-werbung-zuordnung .pill, body.ht-page-orga-werbung-zuordnung .badge, body.ht-page-orga-werbung-zuordnung .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung-zuordnung .msg, body.ht-page-orga-werbung-zuordnung .ok, body.ht-page-orga-werbung-zuordnung .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-orga-werbung-zuordnung .err, body.ht-page-orga-werbung-zuordnung .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-orga-werbung-zuordnung hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-orga-werbung-zuordnung code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-orga-werbung-zuordnung /* ===== Werbung Zuordnung Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-orga-werbung-zuordnung .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-orga-werbung-zuordnung .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-orga-werbung-zuordnung .card h2, body.ht-page-orga-werbung-zuordnung .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-orga-werbung-zuordnung .row, body.ht-page-orga-werbung-zuordnung .filterBar, body.ht-page-orga-werbung-zuordnung .filters{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-orga-werbung-zuordnung .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-orga-werbung-zuordnung .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-orga-werbung-zuordnung .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-orga-werbung-zuordnung label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung-zuordnung input[type="text"], body.ht-page-orga-werbung-zuordnung input[type="email"], body.ht-page-orga-werbung-zuordnung input[type="number"], body.ht-page-orga-werbung-zuordnung input[type="date"], body.ht-page-orga-werbung-zuordnung input[type="time"], body.ht-page-orga-werbung-zuordnung select, body.ht-page-orga-werbung-zuordnung textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung-zuordnung textarea{
  height:auto !important;
  min-height:92px !important;
}body.ht-page-orga-werbung-zuordnung .card .btn, body.ht-page-orga-werbung-zuordnung .card button, body.ht-page-orga-werbung-zuordnung .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-orga-werbung-zuordnung .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-orga-werbung-zuordnung .actions .btn, body.ht-page-orga-werbung-zuordnung .actions button, body.ht-page-orga-werbung-zuordnung .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-orga-werbung-zuordnung table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-orga-werbung-zuordnung th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-orga-werbung-zuordnung td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-orga-werbung-zuordnung tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-orga-werbung-zuordnung td form{
  margin:0 !important;
}body.ht-page-orga-werbung-zuordnung .badge, body.ht-page-orga-werbung-zuordnung .pill, body.ht-page-orga-werbung-zuordnung .tag{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-orga-werbung-zuordnung .assignCard, body.ht-page-orga-werbung-zuordnung .assignmentCard, body.ht-page-orga-werbung-zuordnung .mappingCard, body.ht-page-orga-werbung-zuordnung .zuordnungCard, body.ht-page-orga-werbung-zuordnung .matchCard{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-orga-werbung-zuordnung .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media(max-width:980px){
body.ht-page-orga-werbung-zuordnung table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-orga-werbung-zuordnung .field, body.ht-page-orga-werbung-zuordnung .field.small, body.ht-page-orga-werbung-zuordnung .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-orga-werbung-zuordnung .actions .btn, body.ht-page-orga-werbung-zuordnung .actions button, body.ht-page-orga-werbung-zuordnung .actions input[type=submit], body.ht-page-orga-werbung-zuordnung .field.btnw .btn, body.ht-page-orga-werbung-zuordnung .field.btnw button{
    width:100% !important;
  }
}body.ht-page-orga-werbung-zuordnung /* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, body.ht-page-orga-werbung-zuordnung keine Menüleistenänderung === */
select, body.ht-page-orga-werbung-zuordnung .field select, body.ht-page-orga-werbung-zuordnung .filterGrid select, body.ht-page-orga-werbung-zuordnung .modalBody select, body.ht-page-orga-werbung-zuordnung select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}body.ht-page-orga-werbung-zuordnung select option, body.ht-page-orga-werbung-zuordnung select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}body.ht-page-orga-werbung-zuordnung select:focus, body.ht-page-orga-werbung-zuordnung .field select:focus, body.ht-page-orga-werbung-zuordnung .filterGrid select:focus, body.ht-page-orga-werbung-zuordnung .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P185 moved from password_change.php -> body.ht-page-password-change --- */
body.ht-page-password-change .wrap{max-width:900px;margin:0 auto;padding:26px 18px 40px;color:#10233f}body.ht-page-password-change .page-head{text-align:center;margin:18px 0 20px}body.ht-page-password-change .page-head h1{margin:0 0 8px;font-size:30px;letter-spacing:-.03em;color:#10233f}body.ht-page-password-change .page-head p{margin:0;color:#5f7698;font-weight:750;line-height:1.45}body.ht-page-password-change .panel{max-width:620px;margin:0 auto;background:linear-gradient(180deg,#fff,#f7faff);border:1px solid #dbe6f7;border-radius:22px;box-shadow:0 18px 50px rgba(13,33,72,.08);padding:22px}body.ht-page-password-change .notice{padding:14px 16px;border-radius:16px;border:1px solid #dbe6f7;background:#f4f8ff;color:#10233f;font-weight:750;line-height:1.45;margin-bottom:14px}body.ht-page-password-change .notice.ok{background:#e9fbf4;border-color:#bdebd9;color:#0c5d40}body.ht-page-password-change .notice.err{background:#fff1f1;border-color:#f0c6c6;color:#8f1d1d}body.ht-page-password-change .notice.warn{background:#fff8e8;border-color:#f1d99a;color:#735100}body.ht-page-password-change label{display:block;margin:14px 0 7px;color:#5f7698;font-weight:900;font-size:13px}body.ht-page-password-change .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}body.ht-page-password-change .actions .btn{flex:1 1 180px}body.ht-page-password-change .btn{min-height:44px;padding:0 15px;border-radius:14px;border:1px solid #dbe6f7;background:#fff;color:#10233f;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(13,33,72,.06)}body.ht-page-password-change .btn.primary{background:linear-gradient(180deg,#325dff,#040cd3);border-color:rgba(4,12,211,.18);color:#fff}body.ht-page-password-change .hint{margin-top:14px;color:#5f7698;font-size:13px;line-height:1.45;text-align:center;font-weight:700}

/* --- P185 moved from production_flow.php -> body.ht-page-production-flow --- */
body.ht-page-production-flow .pf-shell{width:min(1180px,calc(100% - 32px));margin:22px auto 44px;}body.ht-page-production-flow .pf-hero, body.ht-page-production-flow .pf-card{background:#fff;border:1px solid var(--ht-line,#d7e4f6);border-radius:24px;box-shadow:0 18px 48px rgba(13,33,72,.10);padding:24px;margin-bottom:18px;}body.ht-page-production-flow .pf-kicker{color:var(--ht-blue,#040cd3);font-weight:950;text-transform:uppercase;letter-spacing:.05em;font-size:12px;}body.ht-page-production-flow .pf-title{margin:6px 0 8px;color:var(--ht-ink,#10233f);font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.055em;font-weight:950;}body.ht-page-production-flow .pf-meta{color:var(--ht-muted,#5e7193);font-weight:800;line-height:1.45;}body.ht-page-production-flow .pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;}body.ht-page-production-flow .pf-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}body.ht-page-production-flow .pf-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--ht-line,#d7e4f6);border-radius:16px;background:#f7faff;padding:12px 14px;}body.ht-page-production-flow .pf-row strong{display:block;color:var(--ht-ink,#10233f);font-weight:950;}body.ht-page-production-flow .pf-row span{display:block;color:var(--ht-muted,#5e7193);font-weight:780;font-size:13px;margin-top:3px;}body.ht-page-production-flow .pf-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px;align-items:end;}body.ht-page-production-flow .pf-form label{font-size:12px;font-weight:950;text-transform:uppercase;color:var(--ht-muted,#5e7193);letter-spacing:.04em;}body.ht-page-production-flow .pf-note{background:#fff7ed;border:1px solid rgba(245,158,11,.32);color:#8a5200;border-radius:18px;padding:14px 16px;font-weight:850;margin-top:14px;}@media(max-width:760px){
body.ht-page-production-flow .pf-shell{width:calc(100% - 20px);margin-top:14px}body.ht-page-production-flow .pf-form{grid-template-columns:1fr}body.ht-page-production-flow .pf-row{align-items:stretch;flex-direction:column}body.ht-page-production-flow .pf-row .btn{width:100%}
}

body.ht-page-production-flow .pf-shell{width:min(1180px,calc(100% - 32px));margin:22px auto 44px;}body.ht-page-production-flow .pf-hero{background:#fff;border:1px solid var(--ht-line,#d7e4f6);border-radius:24px;box-shadow:0 18px 48px rgba(13,33,72,.10);padding:24px;margin-bottom:18px;}body.ht-page-production-flow .pf-heroTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;}body.ht-page-production-flow .pf-kicker{color:var(--ht-blue,#040cd3);font-weight:950;text-transform:uppercase;letter-spacing:.05em;font-size:12px;}body.ht-page-production-flow .pf-title{margin:6px 0 8px;color:var(--ht-ink,#10233f);font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.055em;font-weight:950;}body.ht-page-production-flow .pf-meta{color:var(--ht-muted,#5e7193);font-weight:800;line-height:1.45;}body.ht-page-production-flow .pf-progress{min-width:220px;background:#f5f8ff;border:1px solid var(--ht-line,#d7e4f6);border-radius:20px;padding:16px;}body.ht-page-production-flow .pf-progress strong{display:block;color:var(--ht-ink,#10233f);font-size:34px;line-height:1;font-weight:950;letter-spacing:-.05em;}body.ht-page-production-flow .pf-bar{height:10px;background:#dfe8f7;border-radius:999px;overflow:hidden;margin-top:10px;}body.ht-page-production-flow .pf-bar span{display:block;height:100%;background:linear-gradient(90deg,#325dff,#040cd3);border-radius:999px;}body.ht-page-production-flow .pf-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}body.ht-page-production-flow .pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}body.ht-page-production-flow .pf-step{background:#fff;border:1px solid var(--ht-line,#d7e4f6);border-radius:22px;box-shadow:0 12px 30px rgba(13,33,72,.075);padding:18px;display:flex;flex-direction:column;gap:14px;min-height:220px;}body.ht-page-production-flow .pf-stepHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}body.ht-page-production-flow .pf-step h2{margin:0;color:var(--ht-ink,#10233f);font-size:22px;font-weight:950;letter-spacing:-.035em;}body.ht-page-production-flow .pf-tag{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:4px 9px;background:#eef4ff;border:1px solid var(--ht-line,#d7e4f6);color:var(--ht-muted,#5e7193);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;}body.ht-page-production-flow .pf-step p{margin:0;color:var(--ht-muted,#5e7193);font-weight:780;line-height:1.45;}body.ht-page-production-flow .pf-status{display:inline-flex;align-items:center;gap:7px;width:max-content;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;}body.ht-page-production-flow .pf-status.success{background:rgba(17,185,129,.12);color:#076b49;border:1px solid rgba(17,185,129,.26);}body.ht-page-production-flow .pf-status.warning{background:rgba(245,158,11,.14);color:#8a5200;border:1px solid rgba(245,158,11,.30);}body.ht-page-production-flow .pf-status.danger{background:rgba(239,83,80,.11);color:#9d2523;border:1px solid rgba(239,83,80,.26);}body.ht-page-production-flow .pf-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;}body.ht-page-production-flow .pf-note{background:#f7faff;border:1px solid var(--ht-line,#d7e4f6);color:var(--ht-muted,#5e7193);border-radius:18px;padding:14px 16px;font-weight:850;margin-bottom:16px;}@media(max-width:760px){
body.ht-page-production-flow .pf-shell{width:calc(100% - 20px);margin-top:14px}body.ht-page-production-flow .pf-hero{padding:18px}body.ht-page-production-flow .pf-progress{width:100%;}body.ht-page-production-flow .pf-links .btn{flex:1 1 150px}
}

/* --- P185 moved from regiezeit_vorlagen.php -> body.ht-page-regiezeit-vorlagen --- */
body.ht-page-regiezeit-vorlagen{--bg:#f5f8ff;--surface:#fff;--text:#10233f;--muted:#5f7698;--border:#dbe6f7;--blue:#040cd3;--blue2:#325dff;--red:#ef5350;--green:#18bf83;--shadow:0 18px 48px rgba(13,33,72,.10)}body.ht-page-regiezeit-vorlagen *{box-sizing:border-box}body.ht-page-regiezeit-vorlagen{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff,#eef4ff);color:var(--text);font-weight:750}body.ht-page-regiezeit-vorlagen .wrap{max-width:1220px;margin:0 auto;padding:28px 20px 50px}body.ht-page-regiezeit-vorlagen .card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}body.ht-page-regiezeit-vorlagen h1{margin:0;font-size:36px;letter-spacing:-.05em}body.ht-page-regiezeit-vorlagen h2{margin:0 0 14px;font-size:24px;letter-spacing:-.04em}body.ht-page-regiezeit-vorlagen .sub{color:var(--muted);font-weight:850;margin-top:8px}body.ht-page-regiezeit-vorlagen label{display:block;font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:1000;margin-bottom:6px}body.ht-page-regiezeit-vorlagen input, body.ht-page-regiezeit-vorlagen select{width:100%;height:48px;border-radius:14px;border:1px solid #cbd8ee;background:#fff;color:#10233f;padding:0 12px;font-size:15px;font-weight:950}body.ht-page-regiezeit-vorlagen .btn, body.ht-page-regiezeit-vorlagen button{height:48px;border-radius:14px;border:1px solid #dbe6f7;background:#fff;color:#10233f;font-weight:950;padding:0 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}body.ht-page-regiezeit-vorlagen .primary{background:linear-gradient(180deg,var(--blue2),var(--blue));color:#fff;border-color:transparent}body.ht-page-regiezeit-vorlagen .danger{background:linear-gradient(180deg,#ff6b6b,#ef5350);color:#fff;border-color:transparent}body.ht-page-regiezeit-vorlagen .msg{border-radius:16px;padding:12px 14px;font-weight:900;margin-bottom:16px}body.ht-page-regiezeit-vorlagen .ok{background:#e9fbf4;border:1px solid #bdebd9;color:#0b5f42}body.ht-page-regiezeit-vorlagen .err{background:#fff0f0;border:1px solid #ffc7c7;color:#9b1c1c}body.ht-page-regiezeit-vorlagen .filter{display:grid;grid-template-columns:220px 260px auto;gap:12px;align-items:end}body.ht-page-regiezeit-vorlagen .row{display:grid;grid-template-columns:2fr 130px 110px 90px 90px 120px 120px;gap:10px;align-items:end;border:1px solid var(--border);border-radius:18px;background:#fff;padding:12px;margin-bottom:10px}body.ht-page-regiezeit-vorlagen .add{display:grid;grid-template-columns:2fr 130px 110px 120px 120px auto;gap:10px;align-items:end}body.ht-page-regiezeit-vorlagen .check{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--border);border-radius:14px;background:#f8fbff}body.ht-page-regiezeit-vorlagen .check input{width:auto;height:auto}@media(max-width:980px){
body.ht-page-regiezeit-vorlagen .filter, body.ht-page-regiezeit-vorlagen .row, body.ht-page-regiezeit-vorlagen .add{grid-template-columns:1fr}
}

/* --- P185 moved from sichtprobe_abnahme.php -> body.ht-page-sichtprobe-abnahme --- */
body.ht-page-sichtprobe-abnahme .spa-check-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px;border:1px solid var(--ht-line,#d7e4f6);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(13,33,72,.06)}body.ht-page-sichtprobe-abnahme .spa-check-card + .spa-check-card{margin-top:12px}body.ht-page-sichtprobe-abnahme .spa-check-title{margin:0;color:var(--ht-ink,#10233f);font-size:18px;font-weight:950;letter-spacing:-.025em}body.ht-page-sichtprobe-abnahme .spa-file{margin-top:4px;color:var(--ht-muted,#5e7193);font-size:12px;font-weight:850}body.ht-page-sichtprobe-abnahme .spa-points{margin:12px 0 0;padding:0;display:grid;gap:8px;list-style:none}body.ht-page-sichtprobe-abnahme .spa-points li{display:flex;gap:8px;align-items:flex-start;color:var(--ht-ink,#10233f);font-weight:750;line-height:1.35}body.ht-page-sichtprobe-abnahme .spa-points li::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;border-radius:999px;background:rgba(17,185,129,.10);color:#08734d;font-weight:950;font-size:12px}body.ht-page-sichtprobe-abnahme .spa-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}body.ht-page-sichtprobe-abnahme .spa-confirm{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--ht-line,#d7e4f6);border-radius:999px;background:#f7faff;color:var(--ht-ink,#10233f);font-weight:900;cursor:pointer;user-select:none}body.ht-page-sichtprobe-abnahme .spa-confirm input{width:18px;height:18px;min-height:0!important;box-shadow:none!important;padding:0!important;border-radius:5px!important}body.ht-page-sichtprobe-abnahme .spa-check-card.is-done{border-color:rgba(17,185,129,.35);background:linear-gradient(180deg,#fff,rgba(17,185,129,.045))}body.ht-page-sichtprobe-abnahme .spa-progress{height:12px;border-radius:999px;background:#e8effa;overflow:hidden;box-shadow:inset 0 1px 2px rgba(13,33,72,.08)}body.ht-page-sichtprobe-abnahme .spa-progress > div{height:100%;width:0%;background:linear-gradient(90deg,#11b981,#040cd3);transition:width .2s ease}@media(max-width:760px){
body.ht-page-sichtprobe-abnahme .spa-check-card{grid-template-columns:1fr}body.ht-page-sichtprobe-abnahme .spa-actions{justify-content:flex-start}
}

/* --- P185 moved from sportarten_check.php -> body.ht-page-sportarten-check --- */
body.ht-page-sportarten-check{--ink:#10233f;--muted:#607593;--line:#dbe6f7;--blue:#040cd3;--blue2:#325dff;--ok:#0aa76f;--warn:#b66b00;--err:#b42318;--soft:#f4f8ff;}body.ht-page-sportarten-check *{box-sizing:border-box}body.ht-page-sportarten-check{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),radial-gradient(900px 420px at 100% 16%,rgba(13,148,255,.10),transparent 62%),linear-gradient(180deg,#f8fbff,#eef4ff);}body.ht-page-sportarten-check .wrap{width:min(1180px,calc(100% - 32px));margin:28px auto 56px}body.ht-page-sportarten-check .hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}body.ht-page-sportarten-check .hero h1{font-size:clamp(34px,5vw,56px);line-height:.98;margin:0;letter-spacing:-.06em}body.ht-page-sportarten-check .hero p{max-width:820px;margin:10px 0 0;color:var(--muted);font-weight:800;line-height:1.45}body.ht-page-sportarten-check .actions{display:flex;gap:10px;flex-wrap:wrap}body.ht-page-sportarten-check .btn{min-height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 16px;text-decoration:none;font-weight:950;display:inline-flex;align-items:center;box-shadow:0 10px 24px rgba(13,33,72,.08)}body.ht-page-sportarten-check .btn.primary{background:linear-gradient(180deg,var(--blue2),var(--blue));color:#fff;border-color:rgba(255,255,255,.12)}body.ht-page-sportarten-check .notice{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.82);padding:18px 20px;font-weight:850;line-height:1.45;box-shadow:0 12px 30px rgba(13,33,72,.07);margin:0 0 18px}body.ht-page-sportarten-check .notice.ok{border-color:rgba(10,167,111,.24);background:rgba(10,167,111,.08)}body.ht-page-sportarten-check .notice.warn{border-color:rgba(182,107,0,.28);background:rgba(245,158,11,.10)}body.ht-page-sportarten-check .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}body.ht-page-sportarten-check .stat{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.82);padding:18px;box-shadow:0 12px 30px rgba(13,33,72,.07)}body.ht-page-sportarten-check .stat span{display:block;color:var(--muted);font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.06em}body.ht-page-sportarten-check .stat b{display:block;font-size:38px;line-height:1;margin-top:10px;letter-spacing:-.04em}body.ht-page-sportarten-check .stat.err b{color:var(--err)}body.ht-page-sportarten-check .stat.warn b{color:var(--warn)}body.ht-page-sportarten-check .stat.ok b{color:var(--ok)}body.ht-page-sportarten-check .panel{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 18px 48px rgba(13,33,72,.10);overflow:hidden}body.ht-page-sportarten-check .panelHead{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap}body.ht-page-sportarten-check .panelHead h2{margin:0;font-size:28px;letter-spacing:-.04em}body.ht-page-sportarten-check .panelHead p{margin:6px 0 0;color:var(--muted);font-weight:800}body.ht-page-sportarten-check .row{display:grid;grid-template-columns:190px 160px minmax(0,1fr) minmax(280px,.95fr);gap:16px;align-items:start;padding:16px 22px;border-bottom:1px solid #e8effa}body.ht-page-sportarten-check .row:last-child{border-bottom:0}body.ht-page-sportarten-check .cat{color:var(--muted);font-weight:950}body.ht-page-sportarten-check .title{font-weight:950}body.ht-page-sportarten-check .file{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;color:#31506f;margin-top:6px;word-break:break-all}body.ht-page-sportarten-check .detail{color:var(--muted);font-weight:800;line-height:1.42}body.ht-page-sportarten-check .pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:999px;padding:6px 11px;border:1px solid var(--line);font-weight:950;font-size:12px}body.ht-page-sportarten-check .pill.ok{color:#05724d;background:rgba(10,167,111,.10);border-color:rgba(10,167,111,.25)}body.ht-page-sportarten-check .pill.warn{color:#8a5200;background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.32)}body.ht-page-sportarten-check .pill.error{color:#9d2523;background:rgba(239,83,80,.12);border-color:rgba(239,83,80,.30)}@media(max-width:900px){
body.ht-page-sportarten-check .cards{grid-template-columns:repeat(2,minmax(0,1fr))}body.ht-page-sportarten-check .row{grid-template-columns:1fr}body.ht-page-sportarten-check .wrap{width:min(100% - 22px,1180px)}
}@media(max-width:560px){
body.ht-page-sportarten-check .cards{grid-template-columns:1fr}body.ht-page-sportarten-check .stat b{font-size:32px}
}


/* =========================================================
   P186 CSS-KONSOLIDIERUNG BATCH 2
   Sonder-/Regie-/ATw-/Diagnoseseiten: lokale <style>-Bloecke
   wurden hierhin verschoben und mit body.ht-page-* scoped.
   ========================================================= */

/* --- P186 moved from eishockey_flow.php -> body.ht-page-eishockey-flow --- */
body.ht-page-eishockey-flow .ef-shell{width:min(1180px,calc(100% - 32px));margin:22px auto 44px;}body.ht-page-eishockey-flow .ef-hero{background:#fff;border:1px solid var(--ht-line,#d7e4f6);border-radius:24px;box-shadow:0 18px 48px rgba(13,33,72,.10);padding:24px;margin-bottom:18px;}body.ht-page-eishockey-flow .ef-kicker{color:var(--ht-blue,#040cd3);font-weight:950;text-transform:uppercase;letter-spacing:.05em;font-size:12px;}body.ht-page-eishockey-flow .ef-title{margin:6px 0 8px;color:var(--ht-ink,#10233f);font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.055em;font-weight:950;}body.ht-page-eishockey-flow .ef-meta{color:var(--ht-muted,#5e7193);font-weight:800;line-height:1.45;}body.ht-page-eishockey-flow .ef-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;}body.ht-page-eishockey-flow .ef-card{background:#fff;border:1px solid var(--ht-line,#d7e4f6);border-radius:22px;box-shadow:0 12px 30px rgba(13,33,72,.075);padding:18px;display:flex;flex-direction:column;gap:12px;}body.ht-page-eishockey-flow .ef-card h2{margin:0;color:var(--ht-ink,#10233f);font-size:20px;font-weight:950;letter-spacing:-.035em;}body.ht-page-eishockey-flow .ef-card p{margin:0;color:var(--ht-muted,#5e7193);font-weight:780;line-height:1.45;}body.ht-page-eishockey-flow .ef-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:end;}body.ht-page-eishockey-flow .ef-form label{display:flex;flex-direction:column;gap:6px;color:var(--ht-muted,#5e7193);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;}body.ht-page-eishockey-flow .ef-form input{min-width:180px;}body.ht-page-eishockey-flow .ef-note{background:#fff7ed;border:1px solid rgba(245,158,11,.28);color:#8a5200;border-radius:18px;padding:14px 16px;font-weight:850;margin-bottom:16px;}body.ht-page-eishockey-flow .ef-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;}@media(max-width:760px){
body.ht-page-eishockey-flow .ef-shell{width:calc(100% - 20px);margin-top:14px}body.ht-page-eishockey-flow .ef-hero{padding:18px}body.ht-page-eishockey-flow .ef-form input, body.ht-page-eishockey-flow .ef-form button{width:100%;}body.ht-page-eishockey-flow .ef-actions .btn{flex:1 1 160px}
}

body.ht-page-eishockey-flow .ef-shell{width:min(1180px,calc(100% - 32px));margin:22px auto 44px;}body.ht-page-eishockey-flow .ef-hero{background:#fff;border:1px solid var(--ht-line,#d7e4f6);border-radius:24px;box-shadow:0 18px 48px rgba(13,33,72,.10);padding:24px;margin-bottom:18px;}body.ht-page-eishockey-flow .ef-heroTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;}body.ht-page-eishockey-flow .ef-kicker{color:var(--ht-blue,#040cd3);font-weight:950;text-transform:uppercase;letter-spacing:.05em;font-size:12px;}body.ht-page-eishockey-flow .ef-title{margin:6px 0 8px;color:var(--ht-ink,#10233f);font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.055em;font-weight:950;}body.ht-page-eishockey-flow .ef-meta{color:var(--ht-muted,#5e7193);font-weight:800;line-height:1.45;}body.ht-page-eishockey-flow .ef-progress{min-width:210px;background:#f5f8ff;border:1px solid var(--ht-line,#d7e4f6);border-radius:20px;padding:16px;}body.ht-page-eishockey-flow .ef-progress strong{display:block;color:var(--ht-ink,#10233f);font-size:34px;line-height:1;font-weight:950;letter-spacing:-.05em;}body.ht-page-eishockey-flow .ef-bar{height:10px;background:#dfe8f7;border-radius:999px;overflow:hidden;margin-top:10px;}body.ht-page-eishockey-flow .ef-bar span{display:block;height:100%;background:linear-gradient(90deg,#325dff,#040cd3);border-radius:999px;}body.ht-page-eishockey-flow .ef-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}body.ht-page-eishockey-flow .ef-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}body.ht-page-eishockey-flow .ef-step{background:#fff;border:1px solid var(--ht-line,#d7e4f6);border-radius:22px;box-shadow:0 12px 30px rgba(13,33,72,.075);padding:18px;display:flex;flex-direction:column;gap:14px;min-height:220px;}body.ht-page-eishockey-flow .ef-stepHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}body.ht-page-eishockey-flow .ef-step h2{margin:0;color:var(--ht-ink,#10233f);font-size:22px;font-weight:950;letter-spacing:-.035em;}body.ht-page-eishockey-flow .ef-tag{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:4px 9px;background:#eef4ff;border:1px solid var(--ht-line,#d7e4f6);color:var(--ht-muted,#5e7193);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;}body.ht-page-eishockey-flow .ef-step p{margin:0;color:var(--ht-muted,#5e7193);font-weight:780;line-height:1.45;}body.ht-page-eishockey-flow .ef-status{display:inline-flex;align-items:center;gap:7px;width:max-content;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;}body.ht-page-eishockey-flow .ef-status.success{background:rgba(17,185,129,.12);color:#076b49;border:1px solid rgba(17,185,129,.26);}body.ht-page-eishockey-flow .ef-status.warning{background:rgba(245,158,11,.14);color:#8a5200;border:1px solid rgba(245,158,11,.30);}body.ht-page-eishockey-flow .ef-status.danger{background:rgba(239,83,80,.11);color:#9d2523;border:1px solid rgba(239,83,80,.26);}body.ht-page-eishockey-flow .ef-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;}body.ht-page-eishockey-flow .ef-note{background:#fff7ed;border:1px solid rgba(245,158,11,.28);color:#8a5200;border-radius:18px;padding:14px 16px;font-weight:850;margin-bottom:16px;}@media(max-width:760px){
body.ht-page-eishockey-flow .ef-shell{width:calc(100% - 20px);margin-top:14px}body.ht-page-eishockey-flow .ef-hero{padding:18px}body.ht-page-eishockey-flow .ef-progress{width:100%;}body.ht-page-eishockey-flow .ef-links .btn{flex:1 1 150px}
}

/* --- P186 moved from atw_live_podcast.php -> body.ht-page-atw-live-podcast --- */
body.ht-page-atw-live-podcast /* Paket 062: lokale Reparatur nur für atw_live_podcast.php.
   Funktion bleibt unverändert; korrigiert Modal, body.ht-page-atw-live-podcast Felder, body.ht-page-atw-live-podcast Dropdowns und Ladebalken gegen Master-CSS-/Cache-Rückfälle. */
.atw-page, body.ht-page-atw-live-podcast .atw-modal-backdrop{
  --atw-blue:#040cd3;--atw-blue2:#325dff;--atw-ink:#10233f;--atw-muted:#5e7193;--atw-line:#d7e4f6;--atw-soft:#f4f8ff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif!important;
}body.ht-page-atw-live-podcast .atw-page *, body.ht-page-atw-live-podcast .atw-modal-backdrop *{box-sizing:border-box;font-family:inherit!important;}body.ht-page-atw-live-podcast .atw-field label, body.ht-page-atw-live-podcast .atw-label{
  display:block!important;margin:0 0 7px!important;font-size:12px!important;line-height:1.1!important;text-transform:uppercase!important;
  letter-spacing:.075em!important;color:#5b6f93!important;font-weight:950!important;
}body.ht-page-atw-live-podcast .atw-field input:not([type=file]), body.ht-page-atw-live-podcast .atw-field select, body.ht-page-atw-live-podcast .atw-field textarea, body.ht-page-atw-live-podcast .atw-filters input:not([type=file]), body.ht-page-atw-live-podcast .atw-filters select{
  width:100%!important;min-height:46px!important;border:1px solid #d7e4f6!important;border-radius:14px!important;background:#fff!important;
  color:#10233f!important;font-size:15px!important;font-weight:850!important;line-height:1.35!important;padding:0 14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 0 rgba(13,33,72,.02)!important;outline:none!important;
  appearance:none!important;-webkit-appearance:none!important;
}body.ht-page-atw-live-podcast .atw-field textarea{min-height:118px!important;padding:13px 14px!important;resize:vertical!important;}body.ht-page-atw-live-podcast .atw-field input:not([type=file])::placeholder, body.ht-page-atw-live-podcast .atw-filters input::placeholder{color:#8ea0bd!important;font-weight:750!important;}body.ht-page-atw-live-podcast .atw-field input:not([type=file]):focus, body.ht-page-atw-live-podcast .atw-field select:focus, body.ht-page-atw-live-podcast .atw-field textarea:focus, body.ht-page-atw-live-podcast .atw-filters input:focus, body.ht-page-atw-live-podcast .atw-filters select:focus{
  border-color:#325dff!important;box-shadow:0 0 0 4px rgba(50,93,255,.16)!important;background:#fff!important;
}body.ht-page-atw-live-podcast .atw-field select, body.ht-page-atw-live-podcast .atw-filters select{
  padding-right:42px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%2310233f' d='M7 10 0 0h14z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:11px auto!important;
}body.ht-page-atw-live-podcast .atw-field input[type=date]{letter-spacing:.01em!important;}body.ht-page-atw-live-podcast .atw-field input[type=file]{
  width:100%!important;min-height:42px!important;border:1px dashed #c9d8ee!important;border-radius:14px!important;background:#f8fbff!important;
  color:#10233f!important;padding:10px 12px!important;font-weight:800!important;
}body.ht-page-atw-live-podcast .atw-modal-backdrop{position:fixed!important;inset:0!important;background:rgba(15,30,54,.58)!important;backdrop-filter:blur(7px)!important;display:none!important;z-index:1000!important;align-items:center!important;justify-content:center!important;padding:24px!important;}body.ht-page-atw-live-podcast .atw-modal-backdrop.is-open{display:flex!important;}body.ht-page-atw-live-podcast .atw-modal{width:min(940px,calc(100vw - 34px))!important;max-height:92vh!important;overflow:auto!important;background:#fff!important;border:1px solid #d7e4f6!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(13,33,72,.30)!important;}body.ht-page-atw-live-podcast .atw-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:22px 24px 17px!important;border-bottom:1px solid #d7e4f6!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;}body.ht-page-atw-live-podcast .atw-modal-head h2{margin:0!important;font-size:24px!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#10233f!important;font-weight:950!important;}body.ht-page-atw-live-podcast .atw-modal-body{padding:20px 24px!important;}body.ht-page-atw-live-podcast .atw-modal-foot{display:flex!important;justify-content:flex-end!important;gap:10px!important;padding:16px 24px!important;border-top:1px solid #d7e4f6!important;background:#f8fbff!important;border-radius:0 0 22px 22px!important;}body.ht-page-atw-live-podcast .atw-modal-close{width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid #d7e4f6!important;background:#fff!important;color:#10233f!important;font-size:24px!important;font-weight:950!important;line-height:1!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(13,33,72,.08)!important;}body.ht-page-atw-live-podcast .atw-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;}body.ht-page-atw-live-podcast .atw-form-grid .full, body.ht-page-atw-live-podcast .atw-form-grid .wide{grid-column:1/-1!important;}body.ht-page-atw-live-podcast .atw-upload-progress{display:none!important;margin-top:16px!important;padding:14px!important;border-radius:16px!important;border:1px solid #cbdcf4!important;background:#f7fbff!important;color:#10233f!important;}body.ht-page-atw-live-podcast .atw-upload-progress.is-visible{display:block!important;}body.ht-page-atw-live-podcast .atw-upload-progress strong{display:block!important;font-size:16px!important;font-weight:950!important;margin-bottom:8px!important;}body.ht-page-atw-live-podcast .atw-progress-bar{height:12px!important;border-radius:999px!important;overflow:hidden!important;background:#dce7f8!important;margin-top:8px!important;box-shadow:inset 0 1px 2px rgba(13,33,72,.08)!important;}body.ht-page-atw-live-podcast .atw-progress-bar span{display:block!important;height:100%!important;width:0;background:linear-gradient(90deg,#325dff,#040cd3)!important;border-radius:999px!important;transition:width .22s ease!important;}body.ht-page-atw-live-podcast .ht-btn.btn[disabled], body.ht-page-atw-live-podcast button[disabled]{opacity:.68!important;cursor:wait!important;}@media(max-width:760px){
body.ht-page-atw-live-podcast .atw-form-grid{grid-template-columns:1fr!important}body.ht-page-atw-live-podcast .atw-modal{width:calc(100vw - 20px)!important}body.ht-page-atw-live-podcast .atw-modal-head, body.ht-page-atw-live-podcast .atw-modal-body, body.ht-page-atw-live-podcast .atw-modal-foot{padding-left:16px!important;padding-right:16px!important}
}body.ht-page-atw-live-podcast /* Paket 089: Veröffentlichungszentrale */
.atw-release-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;align-items:start;margin-bottom:16px;}body.ht-page-atw-live-podcast .atw-release-card{background:rgba(255,255,255,.94);border:1px solid #d7e4f6;border-radius:22px;box-shadow:0 14px 34px rgba(13,33,72,.08);padding:18px;}body.ht-page-atw-live-podcast .atw-release-card h2{margin:0 0 4px;font-size:21px;letter-spacing:-.03em;color:#10233f;font-weight:950;}body.ht-page-atw-live-podcast .atw-release-card .atw-sub{font-size:13px;}body.ht-page-atw-live-podcast .atw-release-list{display:grid;gap:10px;margin-top:14px;}body.ht-page-atw-live-podcast .atw-release-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #d7e4f6;border-radius:16px;background:#f8fbff;}body.ht-page-atw-live-podcast .atw-release-date{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.045em;color:#040cd3;margin-bottom:4px;}body.ht-page-atw-live-podcast .atw-release-title{font-size:15px;font-weight:950;color:#10233f;line-height:1.25;}body.ht-page-atw-live-podcast .atw-release-sub{font-size:12px;font-weight:800;color:#5e7193;margin-top:3px;}body.ht-page-atw-live-podcast .atw-release-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center;}body.ht-page-atw-live-podcast .atw-mini-empty{border:1px dashed #d7e4f6;border-radius:16px;background:#fbfdff;padding:14px;color:#5e7193;font-weight:850;margin-top:14px;}body.ht-page-atw-live-podcast .atw-release-card.compact .atw-release-item{grid-template-columns:1fr;padding:11px;}@media(max-width:900px){
body.ht-page-atw-live-podcast .atw-release-grid{grid-template-columns:1fr}body.ht-page-atw-live-podcast .atw-release-item{grid-template-columns:1fr}body.ht-page-atw-live-podcast .atw-release-actions{justify-content:flex-start}
}

/* --- P186 moved from atw_live_release_check.php -> body.ht-page-atw-live-release-check --- */
body.ht-page-atw-live-release-check .atw-check-wrap{max-width:1180px;margin:0 auto;padding:28px 20px 56px;color:#10233f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body.ht-page-atw-live-release-check .atw-check-hero, body.ht-page-atw-live-release-check .atw-check-card{background:rgba(255,255,255,.94);border:1px solid #d7e4f6;border-radius:22px;box-shadow:0 14px 34px rgba(13,33,72,.08);padding:20px;margin-bottom:16px}body.ht-page-atw-live-release-check .atw-check-hero h1{margin:0;font-size:34px;letter-spacing:-.05em}body.ht-page-atw-live-release-check .atw-check-hero p{margin:8px 0 0;color:#5e7193;font-weight:750}body.ht-page-atw-live-release-check .atw-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}body.ht-page-atw-live-release-check .atw-check-stat{background:#fff;border:1px solid #d7e4f6;border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(13,33,72,.06)}body.ht-page-atw-live-release-check .atw-check-stat span{display:block;color:#5e7193;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}body.ht-page-atw-live-release-check .atw-check-stat b{display:block;font-size:30px;margin-top:8px;letter-spacing:-.04em}body.ht-page-atw-live-release-check .atw-release{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-weight:950;font-size:13px}body.ht-page-atw-live-release-check .atw-release.ok{background:#eaf8ef;color:#11612f}body.ht-page-atw-live-release-check .atw-release.warn{background:#fff5dc;color:#7a5614}body.ht-page-atw-live-release-check .atw-release.fail{background:#fff1f1;color:#8d1717}body.ht-page-atw-live-release-check .atw-check-list{display:grid;gap:9px}body.ht-page-atw-live-release-check .atw-check-row{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid #d7e4f6;border-radius:16px;padding:12px 14px}body.ht-page-atw-live-release-check .atw-check-badge{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;width:max-content}body.ht-page-atw-live-release-check .atw-check-badge.ok{background:#eaf8ef;color:#11612f}body.ht-page-atw-live-release-check .atw-check-badge.warn{background:#fff5dc;color:#7a5614}body.ht-page-atw-live-release-check .atw-check-badge.fail{background:#fff1f1;color:#8d1717}body.ht-page-atw-live-release-check .atw-check-label{font-weight:950}body.ht-page-atw-live-release-check .atw-check-msg{font-weight:800;color:#10233f}body.ht-page-atw-live-release-check .atw-check-detail{font-size:12px;color:#5e7193;margin-top:4px;word-break:break-word}body.ht-page-atw-live-release-check .atw-mini-list{margin:10px 0 0;padding-left:18px;color:#5e7193;font-weight:800}body.ht-page-atw-live-release-check .atw-mini-list li{margin:3px 0}body.ht-page-atw-live-release-check .atw-check-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}@media(max-width:860px){
body.ht-page-atw-live-release-check .atw-check-grid{grid-template-columns:1fr 1fr}body.ht-page-atw-live-release-check .atw-check-row{grid-template-columns:1fr}
}@media(max-width:560px){
body.ht-page-atw-live-release-check .atw-check-grid{grid-template-columns:1fr}body.ht-page-atw-live-release-check .atw-check-wrap{padding:20px 12px 44px}
}

/* --- P186 moved from crm_login.php -> body.ht-page-crm-login --- */
body.ht-page-crm-login{
      --navy:#070b18;
      --navy2:#0d1530;
      --blue:#040cd3;
      --blue2:#2737ff;
      --text:#111827;
      --muted:#6b7280;
      --line:#e5e7eb;
      --soft:#f7f9ff;
      --white:#ffffff;
      --danger:#dc2626;
      --success:#16a34a;
      --shadow:0 28px 80px rgba(7,11,24,.16);
      --radius:28px;
    }body.ht-page-crm-login *{box-sizing:border-box}body.ht-page-crm-login, body.ht-page-crm-login{min-height:100%}body.ht-page-crm-login{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 13% 18%, rgba(4,12,211,.10), transparent 31%),
        radial-gradient(circle at 82% 20%, rgba(4,12,211,.075), transparent 27%),
        linear-gradient(180deg,#ffffff 0%,#f5f7ff 58%,#eef2ff 100%);
      overflow-x:hidden;
    }body.ht-page-crm-login:before{
      content:"LOGINSEITE_MODERN_FIX_2026_05_08";
      position:fixed;
      left:-9999px;
      top:-9999px;
    }body.ht-page-crm-login .nav{
      flex:1;
      display:flex;
      justify-content:center;
      gap:28px;
      align-items:center;
    }body.ht-page-crm-login .nav a{
      color:rgba(255,255,255,.72);
      text-decoration:none;
      font-size:14px;
      font-weight:700;
    }body.ht-page-crm-login .nav a:hover{color:#fff}body.ht-page-crm-login .cta{
      color:#fff;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      text-decoration:none;
      padding:13px 18px;
      border-radius:999px;
      font-weight:900;
      font-size:14px;
      box-shadow:0 14px 34px rgba(4,12,211,.32);
      white-space:nowrap;
    }body.ht-page-crm-login .hero{
      position:relative;
      max-width:1180px;
      margin:0 auto;
      min-height:680px;
      padding:58px 24px 72px;
      display:grid;
      grid-template-columns:1fr 520px;
      gap:54px;
      align-items:center;
    }body.ht-page-crm-login .hero:before{
      content:"";
      position:absolute;
      width:560px;
      height:560px;
      left:-250px;
      top:78px;
      border-radius:50%;
      border:78px solid rgba(4,12,211,.055);
      pointer-events:none;
    }body.ht-page-crm-login .hero:after{
      content:"";
      position:absolute;
      width:390px;
      height:390px;
      right:-160px;
      top:120px;
      border-radius:50%;
      background:
        repeating-radial-gradient(circle, rgba(4,12,211,.12) 0 1px, transparent 2px 18px);
      opacity:.8;
      pointer-events:none;
    }body.ht-page-crm-login .copy, body.ht-page-crm-login .login-card{position:relative;z-index:1}body.ht-page-crm-login .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:9px;
      color:var(--blue);
      background:rgba(4,12,211,.075);
      border:1px solid rgba(4,12,211,.10);
      border-radius:999px;
      padding:8px 12px;
      font-weight:950;
      letter-spacing:.12em;
      font-size:12px;
      text-transform:uppercase;
    }body.ht-page-crm-login h1{
      margin:22px 0 16px;
      font-size:clamp(42px,5.6vw,72px);
      line-height:.94;
      letter-spacing:-.055em;
    }body.ht-page-crm-login .lead{
      color:#4b5563;
      max-width:560px;
      font-size:18px;
      line-height:1.65;
      margin:0 0 26px;
    }body.ht-page-crm-login .feature-row{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
    }body.ht-page-crm-login .feature{
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:10px 13px;
      border-radius:999px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.08);
      color:#374151;
      font-size:13px;
      font-weight:800;
      box-shadow:0 12px 30px rgba(7,11,24,.06);
    }body.ht-page-crm-login .dot{
      width:9px;
      height:9px;
      border-radius:999px;
      background:var(--blue);
      box-shadow:0 0 0 5px rgba(4,12,211,.10);
    }body.ht-page-crm-login .login-card{
      background:rgba(255,255,255,.88);
      border:1px solid rgba(255,255,255,.9);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
      padding:34px;
    }body.ht-page-crm-login .card-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      margin-bottom:24px;
    }body.ht-page-crm-login .card-head h2{
      margin:0;
      font-size:31px;
      line-height:1.1;
      letter-spacing:-.035em;
    }body.ht-page-crm-login .card-head p{
      margin:8px 0 0;
      color:var(--muted);
      font-size:14px;
      line-height:1.45;
    }body.ht-page-crm-login .lock{
      width:48px;
      height:48px;
      border-radius:17px;
      display:grid;
      place-items:center;
      color:#fff;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      box-shadow:0 14px 34px rgba(4,12,211,.25);
      font-size:22px;
      flex:0 0 auto;
    }body.ht-page-crm-login .notice{
      border-radius:18px;
      padding:13px 15px;
      font-weight:800;
      font-size:14px;
      margin:0 0 16px;
      border:1px solid;
    }body.ht-page-crm-login .notice.ok{
      color:#166534;
      background:#ecfdf5;
      border-color:#bbf7d0;
    }body.ht-page-crm-login .notice.err{
      color:#991b1b;
      background:#fef2f2;
      border-color:#fecaca;
    }body.ht-page-crm-login label{
      display:block;
      color:#374151;
      font-weight:900;
      font-size:13px;
      margin:16px 0 8px;
    }body.ht-page-crm-login .field-wrap{
      position:relative;
    }body.ht-page-crm-login .field-wrap .ico{
      position:absolute;
      left:15px;
      top:50%;
      transform:translateY(-50%);
      opacity:.48;
      font-size:16px;
    }body.ht-page-crm-login input[type="text"], body.ht-page-crm-login input[type="email"], body.ht-page-crm-login input[type="password"]{
      width:100%;
      height:52px;
      border-radius:16px;
      border:1px solid #dfe3ee;
      background:#fff;
      color:#111827;
      padding:0 15px 0 44px;
      font-size:15px;
      outline:none;
      transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    }body.ht-page-crm-login input:focus{
      border-color:rgba(4,12,211,.58);
      box-shadow:0 0 0 5px rgba(4,12,211,.10);
    }body.ht-page-crm-login .row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }body.ht-page-crm-login .meta{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin:14px 0 20px;
      color:var(--muted);
      font-size:13px;
    }body.ht-page-crm-login .remember{
      display:flex;
      gap:8px;
      align-items:center;
      user-select:none;
    }body.ht-page-crm-login .meta a{
      color:var(--blue);
      text-decoration:none;
      font-weight:900;
    }body.ht-page-crm-login button.btn{
      width:100%;
      height:54px;
      border:0;
      border-radius:17px;
      cursor:pointer;
      color:#fff;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      font-weight:950;
      font-size:16px;
      box-shadow:0 18px 38px rgba(4,12,211,.29);
      transition:transform .12s ease, box-shadow .12s ease;
    }body.ht-page-crm-login button.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 22px 46px rgba(4,12,211,.34);
    }body.ht-page-crm-login .debug{
      margin-top:16px;
      text-align:center;
      color:#8a94a6;
      font-size:12px;
      line-height:1.45;
    }body.ht-page-crm-login .debug a{color:var(--blue);font-weight:800;text-decoration:none}body.ht-page-crm-login code{
      background:#f3f4f6;
      border:1px solid #e5e7eb;
      color:#374151;
      border-radius:8px;
      padding:2px 6px;
      font-size:12px;
    }body.ht-page-crm-login .footer{
      background:linear-gradient(135deg,var(--navy),var(--navy2));
      color:#fff;
      padding:34px 24px;
    }body.ht-page-crm-login .footer-inner{
      max-width:1180px;
      margin:0 auto;
      display:grid;
      grid-template-columns:1.2fr 1fr auto;
      gap:34px;
      align-items:center;
    }body.ht-page-crm-login .foot-brand{
      display:flex;
      gap:14px;
      align-items:center;
    }body.ht-page-crm-login .foot-brand img{
      width:50px;
      height:50px;
      object-fit:contain;
      padding:7px;
      border-radius:16px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
    }body.ht-page-crm-login .foot-brand b{display:block;font-size:18px}body.ht-page-crm-login .foot-brand span{display:block;color:rgba(255,255,255,.58);font-size:13px;margin-top:4px}body.ht-page-crm-login .foot-links{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      justify-content:center;
    }body.ht-page-crm-login .foot-links a{
      color:rgba(255,255,255,.68);
      text-decoration:none;
      font-size:13px;
      font-weight:800;
    }body.ht-page-crm-login .social{
      display:flex;
      gap:10px;
    }body.ht-page-crm-login .social span{
      width:36px;
      height:36px;
      border-radius:999px;
      display:grid;
      place-items:center;
      border:1px solid rgba(255,255,255,.14);
      color:#fff;
      background:rgba(255,255,255,.06);
      font-size:13px;
      font-weight:900;
    }@media (max-width:900px){
body.ht-page-crm-login .nav{display:none}body.ht-page-crm-login .hero{grid-template-columns:1fr;gap:28px;padding-top:38px}body.ht-page-crm-login .copy{text-align:left}body.ht-page-crm-login .footer-inner{grid-template-columns:1fr;justify-items:flex-start}
}@media (max-width:620px){body.ht-page-crm-login .cta{display:none}body.ht-page-crm-login .hero{padding:30px 16px 44px}body.ht-page-crm-login .login-card{padding:24px;border-radius:22px}body.ht-page-crm-login .row{grid-template-columns:1fr}body.ht-page-crm-login .meta{align-items:flex-start;flex-direction:column}body.ht-page-crm-login h1{font-size:42px}
}body.ht-page-crm-login /* ===== HarbourTown Stammdaten / Technik Light Refresh ===== */
:root{
  --bg:#f5f8ff !important;
  --text:#10233f !important;
  --muted:#5f7698 !important;
  --border:#dbe6f7 !important;
  --shadow:0 18px 48px rgba(13,33,72,.10) !important;
  --radius:20px !important;
  --cardA:#ffffff !important;
  --cardB:#f7faff !important;
  --panel:#ffffff !important;
  --panel2:#f7faff !important;
  --line:#dbe6f7 !important;
  --accent:#040cd3 !important;
  --blue:#040cd3 !important;
  --green:#15b97f !important;
  --red:#ea4c4c !important;
  --danger:#ea4c4c !important;
  --soft:#f7faff !important;
}body.ht-page-crm-login, body.ht-page-crm-login{
  background:
    radial-gradient(900px 380px at 0% 0%,rgba(4,12,211,.08),transparent 60%),
    radial-gradient(740px 340px at 100% 8%,rgba(0,186,255,.10),transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%) !important;
  color:#10233f !important;
}body.ht-page-crm-login{color:#10233f !important;}body.ht-page-crm-login .btn.green, body.ht-page-crm-login a.btn.green, body.ht-page-crm-login .green{
  color:#fff !important;
  border-color:rgba(21,185,127,.18) !important;
  background:linear-gradient(180deg,#22d093,#15b97f) !important;
}body.ht-page-crm-login .btn.red, body.ht-page-crm-login a.btn.red, body.ht-page-crm-login .red, body.ht-page-crm-login .danger, body.ht-page-crm-login .delete, body.ht-page-crm-login .del{
  color:#fff !important;
  border-color:rgba(234,76,76,.18) !important;
  background:linear-gradient(180deg,#ff6b6b,#ea4c4c) !important;
}body.ht-page-crm-login .wrap, body.ht-page-crm-login .container, body.ht-page-crm-login main{
  color:#10233f !important;
}body.ht-page-crm-login .card, body.ht-page-crm-login .panel, body.ht-page-crm-login .box, body.ht-page-crm-login .tile, body.ht-page-crm-login .item, body.ht-page-crm-login .section, body.ht-page-crm-login .list, body.ht-page-crm-login .table-card, body.ht-page-crm-login form.card, body.ht-page-crm-login fieldset{
  background:linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  color:#10233f !important;
}body.ht-page-crm-login h1, body.ht-page-crm-login h2, body.ht-page-crm-login h3, body.ht-page-crm-login h4, body.ht-page-crm-login strong, body.ht-page-crm-login b, body.ht-page-crm-login label, body.ht-page-crm-login .title, body.ht-page-crm-login .name, body.ht-page-crm-login .lbl{
  color:#10233f !important;
}body.ht-page-crm-login p, body.ht-page-crm-login .sub, body.ht-page-crm-login .muted, body.ht-page-crm-login .hint, body.ht-page-crm-login .meta, body.ht-page-crm-login .note, body.ht-page-crm-login .small, body.ht-page-crm-login .foot, body.ht-page-crm-login .help{
  color:#5f7698 !important;
}body.ht-page-crm-login input, body.ht-page-crm-login select, body.ht-page-crm-login textarea{
  background:#fff !important;
  color:#10233f !important;
  border:1px solid #dbe6f7 !important;
  box-shadow:inset 0 1px 2px rgba(13,33,72,.03) !important;
}body.ht-page-crm-login input::placeholder, body.ht-page-crm-login textarea::placeholder{color:#8aa0be !important;}body.ht-page-crm-login select option{
  color:#10233f !important;
  background:#fff !important;
}body.ht-page-crm-login table{
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-crm-login th{
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-crm-login td{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}body.ht-page-crm-login tr:nth-child(even) td{background:#f9fbff !important;}body.ht-page-crm-login .pill, body.ht-page-crm-login .badge, body.ht-page-crm-login .tag{
  background:#f3f7ff !important;
  color:#040cd3 !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-crm-login .msg, body.ht-page-crm-login .ok, body.ht-page-crm-login .success{
  background:#e9fbf4 !important;
  border-color:#bdebd9 !important;
  color:#0c5d40 !important;
}body.ht-page-crm-login .err, body.ht-page-crm-login .error{
  background:#fff1f1 !important;
  border-color:#f0c6c6 !important;
  color:#8f1d1d !important;
}body.ht-page-crm-login hr{border-top:1px solid #dbe6f7 !important;}body.ht-page-crm-login code{
  background:#f3f7ff !important;
  color:#10233f !important;
  border:1px solid #d4e0fb !important;
}body.ht-page-crm-login /* ===== Orga Reports Sammel-Feinschliff ===== */
.wrap{
  max-width:1220px !important;
  padding:26px 20px 48px !important;
}body.ht-page-crm-login .wrap > h1{
  font-size:34px !important;
  letter-spacing:-.045em !important;
  margin:14px 0 8px !important;
}body.ht-page-crm-login .card{
  padding:22px !important;
  border-radius:24px !important;
}body.ht-page-crm-login .card h2, body.ht-page-crm-login .card h3{
  font-size:24px !important;
  letter-spacing:-.035em !important;
}body.ht-page-crm-login .grid, body.ht-page-crm-login .tileGrid, body.ht-page-crm-login .kachelGrid, body.ht-page-crm-login .moduleGrid{
  gap:16px !important;
}body.ht-page-crm-login .tile, body.ht-page-crm-login .kachel, body.ht-page-crm-login .module, body.ht-page-crm-login .linkCard, body.ht-page-crm-login .eventCard, body.ht-page-crm-login .reportCard, body.ht-page-crm-login .personCard{
  border:1px solid #dbe6f7 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 12px 28px rgba(13,33,72,.06) !important;
  padding:18px !important;
  color:#10233f !important;
  text-decoration:none !important;
}body.ht-page-crm-login .row, body.ht-page-crm-login .filterBar, body.ht-page-crm-login .filters, body.ht-page-crm-login .formRow{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}body.ht-page-crm-login .field{
  flex:1 1 250px !important;
  min-width:220px !important;
}body.ht-page-crm-login .field.small{
  flex:0 1 170px !important;
  min-width:150px !important;
}body.ht-page-crm-login .field.btnw{
  flex:0 0 180px !important;
  min-width:180px !important;
}body.ht-page-crm-login label{
  display:block !important;
  margin:0 0 7px !important;
  color:#5f7698 !important;
  font-size:13px !important;
  font-weight:900 !important;
}body.ht-page-crm-login input[type="text"], body.ht-page-crm-login input[type="email"], body.ht-page-crm-login input[type="password"], body.ht-page-crm-login input[type="number"], body.ht-page-crm-login input[type="date"], body.ht-page-crm-login input[type="time"], body.ht-page-crm-login select, body.ht-page-crm-login textarea{
  min-height:46px !important;
  height:46px !important;
  border-radius:14px !important;
}body.ht-page-crm-login textarea{
  height:auto !important;
  min-height:100px !important;
  padding:12px !important;
}body.ht-page-crm-login .card .btn, body.ht-page-crm-login .card button, body.ht-page-crm-login .card input[type=submit]{
  min-height:46px !important;
  border-radius:14px !important;
}body.ht-page-crm-login .actions{
  display:flex !important;
  gap:8px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}body.ht-page-crm-login .actions .btn, body.ht-page-crm-login .actions button, body.ht-page-crm-login .actions input[type=submit]{
  width:auto !important;
  min-width:110px !important;
}body.ht-page-crm-login table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe6f7 !important;
  border-radius:18px !important;
  background:#fff !important;
}body.ht-page-crm-login th{
  padding:14px 12px !important;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff) !important;
  color:#10233f !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-bottom:1px solid #dbe6f7 !important;
}body.ht-page-crm-login td{
  padding:12px !important;
  vertical-align:middle !important;
  border-bottom:1px solid #e6eefb !important;
}body.ht-page-crm-login tr:last-child td{
  border-bottom:0 !important;
}body.ht-page-crm-login td form{ margin:0 !important; }body.ht-page-crm-login .badge, body.ht-page-crm-login .pill, body.ht-page-crm-login .tag, body.ht-page-crm-login .status{
  display:inline-flex !important;
  min-height:28px !important;
  padding:0 10px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbe6f7 !important;
  background:#f3f7ff !important;
  color:#10233f !important;
  font-size:12px !important;
  font-weight:900 !important;
}body.ht-page-crm-login .kpi, body.ht-page-crm-login .stat, body.ht-page-crm-login .summaryBox, body.ht-page-crm-login .infoBox, body.ht-page-crm-login .notice, body.ht-page-crm-login .monthBox, body.ht-page-crm-login .reportBox{
  border:1px solid #dbe6f7 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 10px 24px rgba(13,33,72,.06) !important;
  padding:16px !important;
  color:#10233f !important;
}body.ht-page-crm-login .btn.ghost{
  background:#fff !important;
  color:#10233f !important;
  border-color:#dbe6f7 !important;
}@media print{body.ht-page-crm-login{background:#fff !important}body.ht-page-crm-login .wrap{max-width:none !important;padding:0 !important}body.ht-page-crm-login .card{box-shadow:none !important;border-color:#ccc !important}
}@media(max-width:980px){
body.ht-page-crm-login table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}@media(max-width:640px){
body.ht-page-crm-login .field, body.ht-page-crm-login .field.small, body.ht-page-crm-login .field.btnw{
    flex:1 1 100% !important;
    min-width:0 !important;
  }body.ht-page-crm-login .actions .btn, body.ht-page-crm-login .actions button, body.ht-page-crm-login .actions input[type=submit], body.ht-page-crm-login .field.btnw .btn, body.ht-page-crm-login .field.btnw button{
    width:100% !important;
  }
}

/* --- P186 moved from match_regie.php -> body.ht-page-match-regie --- */
body.ht-page-match-regie{
  --surface:#ffffff;
  --surface2:#f8fbff;
  --text:#10233f;
  --muted:#617798;
  --border:#dbe6f7;
  --border2:#b9ccea;
  --blue:#040cd3;
  --blue2:#325dff;
  --green:#059669;
  --red:#ef5350;
  --shadow:0 18px 50px rgba(13,33,72,.08);
  --radius:24px;
}body.ht-page-match-regie *{box-sizing:border-box}body.ht-page-match-regie{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 420px at 88% 10%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(700px 360px at 12% 4%, rgba(50,93,255,.09), transparent 58%),
    linear-gradient(180deg,#f7faff 0,#eef4ff 100%);
  color:var(--text);
  font-weight:750;
}body.ht-page-match-regie .nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}body.ht-page-match-regie .nav a, body.ht-page-match-regie .btn, body.ht-page-match-regie button{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid #dbe6f7;color:#10233f;background:rgba(255,255,255,.94);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;box-shadow:0 10px 24px rgba(13,33,72,.06);cursor:pointer}body.ht-page-match-regie .nav a.primary, body.ht-page-match-regie .btn.blue, body.ht-page-match-regie button.blue{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,#325dff,#040cd3)}body.ht-page-match-regie .btn.green, body.ht-page-match-regie button.green{color:#fff;background:linear-gradient(180deg,#10b981,#059669);border-color:rgba(5,150,105,.24)}body.ht-page-match-regie .btn.red, body.ht-page-match-regie button.red{color:#fff;background:linear-gradient(180deg,#ff6b6b,#ef5350);border-color:rgba(239,83,80,.24)}body.ht-page-match-regie .wrap{max-width:1220px;margin:0 auto;padding:22px 20px 48px}body.ht-page-match-regie .hero, body.ht-page-match-regie .card{background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}body.ht-page-match-regie .hero{padding:26px;margin-bottom:18px}body.ht-page-match-regie .hero h1{margin:0 0 8px;font-size:36px;letter-spacing:-.06em;line-height:1.05}body.ht-page-match-regie .meta{color:var(--muted);font-size:16px;font-weight:900}body.ht-page-match-regie .msg{margin:0 0 18px;border-radius:16px;padding:12px 14px;font-weight:900}body.ht-page-match-regie .msg.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}body.ht-page-match-regie .msg.err{background:#fff0f0;border:1px solid #ffc7c7;color:#9b1c1c}body.ht-page-match-regie .card{padding:20px;margin-bottom:18px}body.ht-page-match-regie .card h2{margin:0 0 14px;font-size:24px;letter-spacing:-.045em}body.ht-page-match-regie .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.ht-page-match-regie .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.ht-page-match-regie .field{display:flex;flex-direction:column;gap:7px}body.ht-page-match-regie label{font-size:13px;font-weight:950;color:#5f7698}body.ht-page-match-regie input, body.ht-page-match-regie textarea{width:100%;border-radius:14px;border:1px solid var(--border2);background:#fff;color:#10233f;padding:11px 12px;font-size:15px;font-weight:800;outline:none;box-shadow:inset 0 1px 2px rgba(16,35,63,.03)}body.ht-page-match-regie input{min-height:46px}body.ht-page-match-regie textarea{min-height:112px;resize:vertical;line-height:1.35}body.ht-page-match-regie input:focus, body.ht-page-match-regie textarea:focus{border-color:#325dff;box-shadow:0 0 0 4px rgba(50,93,255,.14),0 9px 20px rgba(13,33,72,.08)}body.ht-page-match-regie input[type="time"]{font-variant-numeric:tabular-nums;letter-spacing:.02em}body.ht-page-match-regie .regie-time-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}body.ht-page-match-regie .regie-time-card{
  border:1px solid var(--border);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));
  box-shadow:0 10px 24px rgba(13,33,72,.06);
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:9px;
  min-height:124px;
}body.ht-page-match-regie .regie-time-card label{
  color:#24436f;
  font-size:14px;
  line-height:1.25;
}body.ht-page-match-regie .regie-time-card .time-number{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(180deg,#325dff,#040cd3);
  font-size:13px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(4,12,211,.16);
}body.ht-page-match-regie .regie-time-card input[type="time"]{
  font-size:18px;
  font-weight:950;
  min-height:50px;
}body.ht-page-match-regie .regie-time-hint{
  margin:0 0 14px;
  color:var(--muted);
  font-size:14px;
  font-weight:850;
}@media(max-width:1100px){
body.ht-page-match-regie .regie-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}@media(max-width:640px){
body.ht-page-match-regie .regie-time-grid{grid-template-columns:1fr}
}body.ht-page-match-regie .actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}body.ht-page-match-regie .liveNote{border:1px solid #cbd8ff;background:#f4f6ff;border-radius:18px;padding:14px;margin-top:10px}@media(max-width:900px){
body.ht-page-match-regie .grid, body.ht-page-match-regie .grid2{grid-template-columns:1fr}body.ht-page-match-regie .actions{justify-content:flex-start}
}@media(max-width:640px){
body.ht-page-match-regie .nav a, body.ht-page-match-regie .btn, body.ht-page-match-regie button{width:100%}body.ht-page-match-regie .hero h1{font-size:29px}
}body.ht-page-match-regie .cardHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:14px;
}body.ht-page-match-regie .cardHead h2{margin:0}body.ht-page-match-regie .cardHead p{margin:4px 0 0;color:var(--muted);font-size:14px}body.ht-page-match-regie .plusBtn{
  width:42px;
  min-width:42px;
  height:42px;
  border-radius:999px;
  padding:0;
  font-size:24px;
  line-height:1;
}body.ht-page-match-regie .listTable{
  display:flex;
  flex-direction:column;
  gap:10px;
}body.ht-page-match-regie .listItem{
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  padding:12px 14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  box-shadow:0 8px 18px rgba(13,33,72,.04);
}body.ht-page-match-regie .listTitle{font-weight:950;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.ht-page-match-regie .listMeta{margin-top:4px;color:var(--muted);font-size:13px;font-weight:850}body.ht-page-match-regie .smallBtn{
  min-height:36px;
  padding:0 10px;
  border-radius:11px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  font-weight:950;
  cursor:pointer;
}body.ht-page-match-regie .emptyBox{
  border:1px dashed var(--border2);
  border-radius:16px;
  padding:16px;
  background:#f8fbff;
  color:var(--muted);
  font-weight:850;
}body.ht-page-match-regie #adModal .ht-modal-card, body.ht-page-match-regie #personalModal .ht-modal-card{width:min(960px,100%);}body.ht-page-match-regie .regie-modal-card{
  width:min(960px,100%);
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 24px 70px rgba(13,33,72,.20);
  overflow:hidden;
}body.ht-page-match-regie .regie-modal-card .ht-modal-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #e6eefb;
}body.ht-page-match-regie .regie-modal-card .ht-modal-head h3{margin:0;font-size:20px;letter-spacing:-.04em}body.ht-page-match-regie .regie-modal-card .ht-modal-body{padding:16px}body.ht-page-match-regie .regie-modal-card .ht-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}body.ht-page-match-regie .checkRow{display:flex;gap:10px;align-items:center;font-weight:900;color:var(--text);margin-top:10px}body.ht-page-match-regie .checkRow input{width:auto;min-height:0}body.ht-page-match-regie select{
  width:100%;
  min-height:46px;
  border-radius:14px;
  border:1px solid var(--border2);
  background:#fff;
  color:#10233f;
  padding:0 12px;
  font-size:15px;
  font-weight:850;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.03);
}body.ht-page-match-regie select:focus{
  border-color:#325dff;
  box-shadow:0 0 0 4px rgba(50,93,255,.14),0 9px 20px rgba(13,33,72,.08);
}body.ht-page-match-regie .regie-modal-card .ht-modal-body select{
  min-height:50px;
  font-size:15px;
}body.ht-page-match-regie /* Dropdowns wie bei Lineup: groß, body.ht-page-match-regie ruhig, body.ht-page-match-regie klar lesbar */
.regie-modal-card .ht-modal-body .field select, body.ht-page-match-regie .regie-modal-card .ht-modal-body select{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:56px !important;
  min-height:56px !important;
  border-radius:16px !important;
  border:1px solid #b9ccea !important;
  background:#ffffff !important;
  color:#071d38 !important;
  padding:0 46px 0 14px !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:56px !important;
  box-shadow:
    inset 0 1px 2px rgba(16,35,63,.04),
    0 6px 16px rgba(13,33,72,.05) !important;
  appearance:auto !important;
  -webkit-appearance:menulist !important;
}body.ht-page-match-regie .regie-modal-card .ht-modal-body .field select:focus, body.ht-page-match-regie .regie-modal-card .ht-modal-body select:focus{
  border-color:#325dff !important;
  box-shadow:
    0 0 0 4px rgba(50,93,255,.14),
    0 9px 20px rgba(13,33,72,.08) !important;
}body.ht-page-match-regie .regie-modal-card .ht-modal-body .field{
  min-width:0;
}body.ht-page-match-regie .regie-modal-card .ht-modal-body .grid2{
  align-items:start;
}body.ht-page-match-regie .regie-modal-card .ht-modal-body .grid2 .field{
  min-width:0;
}body.ht-page-match-regie .regie-modal-card .ht-modal-body option{
  font-size:16px;
  font-weight:800;
}body.ht-page-match-regie .fieldWideSelect{
  width:100%;
}body.ht-page-match-regie .fieldWideSelect select{
  width:100% !important;
}

/* --- P186 moved from regie_alarm_monitor.php -> body.ht-page-regie-alarm-monitor --- */
body.ht-page-regie-alarm-monitor{
  --bg:#eef4fb;
  --panel:#ffffff;
  --ink:#10213d;
  --muted:#667b9b;
  --line:#d7e4f7;
  --bar:#313b52;
  --blue:#1f35ff;
  --blue2:#172ce8;
  --red:#ff5d5d;
  --green:#18bf7d;
  --orange:#f2a83b;
  --shadow:0 12px 30px rgba(17,35,73,.07);
}body.ht-page-regie-alarm-monitor *{box-sizing:border-box}body.ht-page-regie-alarm-monitor, body.ht-page-regie-alarm-monitor{margin:0;padding:0}body.ht-page-regie-alarm-monitor{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:linear-gradient(180deg,#f7fbff 0%,var(--bg) 260px);
  color:var(--ink);
}body.ht-page-regie-alarm-monitor a{color:inherit;text-decoration:none}body.ht-page-regie-alarm-monitor .btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;
  padding:0 16px;border-radius:14px;border:1px solid var(--line);
  background:#fff;color:var(--ink);font-weight:900;
  box-shadow:0 2px 8px rgba(18,42,89,.06);white-space:nowrap
}body.ht-page-regie-alarm-monitor .btn.primary{background:linear-gradient(180deg,var(--blue),var(--blue2));color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(31,53,255,.25)}body.ht-page-regie-alarm-monitor .btn.red{background:var(--red);color:#fff;border-color:transparent;box-shadow:none}body.ht-page-regie-alarm-monitor .wrap{max-width:1120px;margin:0 auto;padding:28px 18px 44px}body.ht-page-regie-alarm-monitor .hero-card{
  background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;
  box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px
}body.ht-page-regie-alarm-monitor .hero-card h1{margin:0;font-size:32px;letter-spacing:-.04em;line-height:1}body.ht-page-regie-alarm-monitor .hero-card .sub{margin-top:9px;color:var(--muted);font-weight:750;line-height:1.35;max-width:740px}body.ht-page-regie-alarm-monitor .kpis{display:flex;gap:10px;flex-wrap:wrap}body.ht-page-regie-alarm-monitor .kpi{background:#f7fbff;border:1px solid var(--line);border-radius:16px;padding:11px 14px;min-width:88px}body.ht-page-regie-alarm-monitor .kpi b{display:block;font-size:24px;line-height:1;color:var(--ink)}body.ht-page-regie-alarm-monitor .kpi span{display:block;font-size:11px;font-weight:950;color:var(--muted);margin-top:4px;text-transform:uppercase}body.ht-page-regie-alarm-monitor .control-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:14px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}body.ht-page-regie-alarm-monitor .tabs{display:flex;gap:10px;flex-wrap:wrap}body.ht-page-regie-alarm-monitor .tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:950}body.ht-page-regie-alarm-monitor .tabs a.active{background:linear-gradient(180deg,var(--blue),var(--blue2));color:#fff;border-color:transparent}body.ht-page-regie-alarm-monitor .legend{display:flex;gap:8px;flex-wrap:wrap}body.ht-page-regie-alarm-monitor .legend span{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;background:#f6f9ff;border:1px solid var(--line);color:var(--muted)}body.ht-page-regie-alarm-monitor .err{padding:14px 16px;border-radius:16px;background:#fff1f1;border:1px solid #ffd0d0;color:#9b2226;font-weight:900;margin-bottom:14px}body.ht-page-regie-alarm-monitor .match-block{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}body.ht-page-regie-alarm-monitor .match-head{padding:16px 18px;background:#fbfdff;border-bottom:1px solid #edf2fb;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}body.ht-page-regie-alarm-monitor .match-title{font-size:18px;font-weight:1000;color:var(--ink)}body.ht-page-regie-alarm-monitor .match-sub{font-size:13px;color:var(--muted);font-weight:800;margin-top:2px}body.ht-page-regie-alarm-monitor .timeline{padding:8px 14px 14px}body.ht-page-regie-alarm-monitor .alarm-row{
  display:grid;grid-template-columns:190px 1fr 150px 150px 116px 230px;gap:12px;align-items:center;
  padding:12px 0;border-bottom:1px solid #edf2fb
}body.ht-page-regie-alarm-monitor .alarm-row:last-child{border-bottom:none}body.ht-page-regie-alarm-monitor .alarm-event{display:flex;align-items:center;gap:10px;min-width:0}body.ht-page-regie-alarm-monitor .dot{width:13px;height:13px;border-radius:999px;background:#b9c7df;box-shadow:0 0 0 5px #eef4ff;flex:0 0 auto}body.ht-page-regie-alarm-monitor .dot.active{background:#e22b2b;box-shadow:0 0 0 5px #ffe7e7}body.ht-page-regie-alarm-monitor .dot.soon{background:#d88400;box-shadow:0 0 0 5px #fff0d8}body.ht-page-regie-alarm-monitor .dot.wait{background:#3559c7;box-shadow:0 0 0 5px #edf3ff}body.ht-page-regie-alarm-monitor .dot.done{background:#9aa8bf;box-shadow:0 0 0 5px #f1f4f8}body.ht-page-regie-alarm-monitor .event-label{font-weight:1000;line-height:1.1}body.ht-page-regie-alarm-monitor .event-message{font-size:13px;color:var(--muted);font-weight:850;margin-top:2px;line-height:1.18}body.ht-page-regie-alarm-monitor .message-main{font-weight:950;color:var(--ink)}body.ht-page-regie-alarm-monitor .timebox b{display:block;font-size:14px;color:var(--ink)}body.ht-page-regie-alarm-monitor .timebox span{display:block;font-size:12px;color:var(--muted);font-weight:850;margin-top:2px}body.ht-page-regie-alarm-monitor .status{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:1000;border:1px solid var(--line);white-space:nowrap}body.ht-page-regie-alarm-monitor .status.active{background:#fff0f0;color:#d21e1e;border-color:#ffc4c4}body.ht-page-regie-alarm-monitor .status.soon{background:#fff6e8;color:#ad6400;border-color:#ffd89c}body.ht-page-regie-alarm-monitor .status.wait{background:#eef4ff;color:#3559c7;border-color:#cfddff}body.ht-page-regie-alarm-monitor .status.done{background:#f2f5fa;color:#72819c;border-color:#d9e2ef}body.ht-page-regie-alarm-monitor .actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}body.ht-page-regie-alarm-monitor .actions .btn{min-height:36px;border-radius:12px;padding:0 12px}body.ht-page-regie-alarm-monitor .empty{padding:32px;text-align:center;color:var(--muted);font-weight:900;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}body.ht-page-regie-alarm-monitor .note{font-size:13px;color:var(--muted);text-align:center;margin:16px 0 0;font-weight:750}@media (max-width:1040px){
body.ht-page-regie-alarm-monitor .alarm-row{grid-template-columns:170px 1fr 130px 130px 100px; }body.ht-page-regie-alarm-monitor .actions{grid-column:1 / -1;justify-content:flex-start}
}@media (max-width:760px){
body.ht-page-regie-alarm-monitor .hero-card h1{font-size:26px}body.ht-page-regie-alarm-monitor .alarm-row{display:block;padding:14px 0}body.ht-page-regie-alarm-monitor .alarm-row > div{margin:8px 0}body.ht-page-regie-alarm-monitor .actions{justify-content:flex-start}
}

/* --- P186 moved from regie_checkliste.php -> body.ht-page-regie-checkliste --- */
body.ht-page-regie-checkliste{
      --bg:#f4f8ff;
      --card:#ffffff;
      --soft:#f7fbff;
      --text:#0d2342;
      --muted:#55709a;
      --accent:#173cf4;
      --accent2:#16bf86;
      --danger:#f04f55;
      --warning:#ff914d;
      --border:#d7e5fb;
      --shadow:0 18px 45px rgba(31,58,110,.10);
      --radius:18px;
    }body.ht-page-regie-checkliste *{box-sizing:border-box}body.ht-page-regie-checkliste{
      margin:0;
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      background:
        radial-gradient(900px 420px at 8% 8%, rgba(23,60,244,.10), transparent 62%),
        radial-gradient(900px 520px at 92% 12%, rgba(22,191,134,.09), transparent 60%),
        linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
      color:var(--text);
    }body.ht-page-regie-checkliste a{color:inherit}body.ht-page-regie-checkliste button, body.ht-page-regie-checkliste input, body.ht-page-regie-checkliste select, body.ht-page-regie-checkliste textarea{font-family:inherit}body.ht-page-regie-checkliste .wrap{max-width:1180px;margin:0 auto 28px;padding:26px 22px 36px}body.ht-page-regie-checkliste h1{margin:0 0 8px;font-size:34px;line-height:1.05;letter-spacing:-.05em;font-weight:950;color:var(--text)}body.ht-page-regie-checkliste .sub{color:var(--muted);font-size:15px;line-height:1.45;margin-bottom:18px;max-width:940px;font-weight:600}body.ht-page-regie-checkliste .msg, body.ht-page-regie-checkliste .err{padding:12px 14px;border-radius:14px;margin:0 0 14px;font-size:14px;font-weight:850}body.ht-page-regie-checkliste .msg{border:1px solid rgba(22,191,134,.35);background:rgba(22,191,134,.10);color:#076342}body.ht-page-regie-checkliste .err{border:1px solid rgba(240,79,85,.35);background:rgba(240,79,85,.10);color:#9f2328}body.ht-page-regie-checkliste .top-grid{display:grid;grid-template-columns:1.45fr .70fr;gap:16px;align-items:start;margin-bottom:18px}@media(max-width:920px){
body.ht-page-regie-checkliste .top-grid{grid-template-columns:1fr}
}body.ht-page-regie-checkliste .panel, body.ht-page-regie-checkliste .section-card, body.ht-page-regie-checkliste .empty{
      border:1px solid var(--border);
      background:rgba(255,255,255,.86);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }body.ht-page-regie-checkliste .panel{padding:18px}body.ht-page-regie-checkliste .panel h2{margin:0 0 8px;font-size:24px;font-weight:950;letter-spacing:-.035em;color:var(--text)}body.ht-page-regie-checkliste .panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;font-weight:650}body.ht-page-regie-checkliste .match-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}body.ht-page-regie-checkliste .match-title{font-size:19px;font-weight:950;line-height:1.2;color:var(--text);letter-spacing:-.03em}body.ht-page-regie-checkliste .match-note{font-size:13px;color:var(--muted);line-height:1.4;font-weight:650;margin-top:3px}body.ht-page-regie-checkliste .live-pill, body.ht-page-regie-checkliste .meta-pill, body.ht-page-regie-checkliste .section-pill{
      display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;
      border:1px solid var(--border);background:#f6faff;color:#0833d7;font-size:12px;font-weight:900;white-space:nowrap;
    }body.ht-page-regie-checkliste .live-pill{background:rgba(240,79,85,.10);border-color:rgba(240,79,85,.28);color:#a92328}body.ht-page-regie-checkliste .match-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}@media(max-width:680px){
body.ht-page-regie-checkliste .match-form{grid-template-columns:1fr}
}body.ht-page-regie-checkliste label{display:block;color:var(--muted);font-size:12px;font-weight:950;margin:0 0 8px;text-transform:uppercase;letter-spacing:.07em}body.ht-page-regie-checkliste select{
      width:100%;
      min-height:46px;
      border-radius:13px;
      border:1px solid #cfe0f7;
      background:#fff;
      color:#102746;
      padding:11px 42px 11px 13px;
      font-size:15px;
      font-weight:800;
      outline:none;
      appearance:none;
      -webkit-appearance:none;
      background-image:linear-gradient(45deg,transparent 50%,#173cf4 50%),linear-gradient(135deg,#173cf4 50%,transparent 50%);
      background-position:calc(100% - 22px) 19px, calc(100% - 16px) 19px;
      background-size:6px 6px, 6px 6px;
      background-repeat:no-repeat;
      box-shadow:0 4px 14px rgba(31,58,110,.04);
    }body.ht-page-regie-checkliste select:focus{border-color:#173cf4;box-shadow:0 0 0 4px rgba(23,60,244,.13)}body.ht-page-regie-checkliste .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:13px;border:1px solid #d3e2f8;text-decoration:none;color:#0d2342;background:#fff;transition:transform .08s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;font-weight:900;font-size:14px;box-shadow:0 4px 14px rgba(31,58,110,.05)}body.ht-page-regie-checkliste .btn:hover{transform:translateY(-1px);border-color:#bcd1f0;box-shadow:0 8px 22px rgba(31,58,110,.10)}body.ht-page-regie-checkliste .btn.primary{background:linear-gradient(180deg,#3157ff,#061ce8);border-color:#173cf4;color:#fff;box-shadow:0 10px 24px rgba(23,60,244,.22)}body.ht-page-regie-checkliste .btn.green{background:linear-gradient(180deg,#24c98f,#0fa46f);border-color:#16bf86;color:#fff;box-shadow:0 10px 24px rgba(22,191,134,.18)}body.ht-page-regie-checkliste .btn.red{background:linear-gradient(180deg,#ff6369,#ee4349);border-color:#f04f55;color:#fff;box-shadow:0 10px 24px rgba(240,79,85,.18)}body.ht-page-regie-checkliste button.btn{cursor:pointer;font-family:inherit}body.ht-page-regie-checkliste .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}@media(max-width:680px){
body.ht-page-regie-checkliste .stats{grid-template-columns:1fr}
}body.ht-page-regie-checkliste .stat{border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f7fbff);border-radius:15px;padding:13px}body.ht-page-regie-checkliste .stat b{display:block;font-size:24px;line-height:1;font-weight:950;margin-bottom:6px;color:var(--text)}body.ht-page-regie-checkliste .stat span{display:block;color:var(--muted);font-size:12px;line-height:1.3;font-weight:800}body.ht-page-regie-checkliste .progress-wrap{margin-top:10px}body.ht-page-regie-checkliste .progress-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);font-weight:900;margin-bottom:8px}body.ht-page-regie-checkliste .progress-bar{height:12px;border-radius:999px;border:1px solid var(--border);background:#edf4ff;overflow:hidden}body.ht-page-regie-checkliste .progress-fill{height:100%;width:0;background:linear-gradient(90deg,#16bf86,#1fd99b);border-radius:999px;transition:width .18s ease}body.ht-page-regie-checkliste .alert-open{margin-top:12px;border:1px solid rgba(240,79,85,.32);background:rgba(240,79,85,.08);color:#9b2529;border-radius:13px;padding:11px 12px;font-size:13px;font-weight:900;display:none}body.ht-page-regie-checkliste .alert-open.show{display:block}body.ht-page-regie-checkliste .actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}body.ht-page-regie-checkliste .filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 18px}body.ht-page-regie-checkliste .filters{display:flex;gap:8px;flex-wrap:wrap}body.ht-page-regie-checkliste .filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;border:1px solid var(--border);background:#fff;color:#0d2342;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 4px 14px rgba(31,58,110,.04)}body.ht-page-regie-checkliste .filter-btn.active{background:rgba(23,60,244,.09);border-color:rgba(23,60,244,.30);color:#061ce8}body.ht-page-regie-checkliste .legend{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:850}body.ht-page-regie-checkliste .legend span{display:inline-flex;align-items:center;gap:7px}body.ht-page-regie-checkliste .dot{width:10px;height:10px;border-radius:50%;display:inline-block}body.ht-page-regie-checkliste .dot.open{background:#dbe6f7;border:1px solid #c7d8ef}body.ht-page-regie-checkliste .dot.done{background:#16bf86}body.ht-page-regie-checkliste .sections{display:grid;gap:14px}body.ht-page-regie-checkliste .section-card{overflow:hidden}body.ht-page-regie-checkliste .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 17px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fbfdff,#f4f8ff)}body.ht-page-regie-checkliste .section-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:20px;font-weight:950;color:var(--text);letter-spacing:-.035em}body.ht-page-regie-checkliste .section-desc{color:var(--muted);font-size:12px;line-height:1.35;margin-top:4px;font-weight:700}body.ht-page-regie-checkliste .section-body{padding:11px 13px 13px;display:grid;gap:9px}body.ht-page-regie-checkliste .check-item{position:relative;border:1px solid var(--border);background:#fff;border-radius:15px;padding:13px;display:flex;gap:12px;align-items:flex-start;transition:border-color .14s ease, background .14s ease, transform .08s ease, box-shadow .14s ease;cursor:pointer;user-select:none}body.ht-page-regie-checkliste .check-item:hover{transform:translateY(-1px);border-color:#bed2ef;box-shadow:0 8px 18px rgba(31,58,110,.08)}body.ht-page-regie-checkliste .check-item.done{border-color:rgba(22,191,134,.42);background:linear-gradient(180deg,rgba(22,191,134,.12),#fff);box-shadow:0 0 0 1px rgba(22,191,134,.08) inset}body.ht-page-regie-checkliste .check-box{width:28px;height:28px;border-radius:10px;border:1px solid #cfe0f7;background:#f3f8ff;display:flex;align-items:center;justify-content:center;color:transparent;font-weight:950;flex:0 0 auto;margin-top:1px}body.ht-page-regie-checkliste .check-item.done .check-box{color:#fff;background:#16bf86;border-color:#16bf86}body.ht-page-regie-checkliste .check-copy{min-width:0}body.ht-page-regie-checkliste .check-title{font-weight:950;line-height:1.2;margin-bottom:4px;color:var(--text)}body.ht-page-regie-checkliste .check-desc{color:var(--muted);font-size:12px;line-height:1.35;font-weight:650}body.ht-page-regie-checkliste .check-item.done .check-desc{color:#326f5c}body.ht-page-regie-checkliste .section-card[data-filter-hidden="1"]{display:none}body.ht-page-regie-checkliste .empty{padding:17px;color:var(--muted);font-size:14px;line-height:1.45;font-weight:650}body.ht-page-regie-checkliste .footer{margin-top:18px;color:var(--muted);font-size:12px;opacity:.95;font-weight:650}body.ht-page-regie-checkliste .match-context-bar{margin:0 0 16px;padding:15px;border:1px solid rgba(22,191,134,.30);background:linear-gradient(180deg,rgba(22,191,134,.10),rgba(255,255,255,.88));border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:var(--shadow)}body.ht-page-regie-checkliste .match-context-bar b{display:block;font-size:15px;color:#096344}body.ht-page-regie-checkliste .match-context-bar span{display:block;color:var(--muted);font-size:13px;margin-top:3px;font-weight:700}body.ht-page-regie-checkliste .context-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){
body.ht-page-regie-checkliste .context-actions, body.ht-page-regie-checkliste .context-actions .btn{width:100%}body.ht-page-regie-checkliste .wrap{padding-left:16px;padding-right:16px}body.ht-page-regie-checkliste h1{font-size:31px}body.ht-page-regie-checkliste .btn{width:100%}body.ht-page-regie-checkliste .top-grid{gap:14px}
}body.ht-page-regie-checkliste select, body.ht-page-regie-checkliste input, body.ht-page-regie-checkliste textarea{font-family:inherit;}body.ht-page-regie-checkliste select{min-height:46px !important;}body.ht-page-regie-checkliste .panel, body.ht-page-regie-checkliste .section-card, body.ht-page-regie-checkliste .empty{color:var(--text);}body.ht-page-regie-checkliste .section-count, body.ht-page-regie-checkliste .meta-pill, body.ht-page-regie-checkliste .badge, body.ht-page-regie-checkliste .progress-line{color:inherit;}



/* ============================================================
   P187 CSS-Konsolidierung Batch 3: Sonderseiten nach app_ui.css
   Lokale <style>-Bloecke wurden verschoben und per body.ht-page-* begrenzt.
   ============================================================ */

/* --- P187 moved from crew_ablauf.php -> body.ht-page-crew-ablauf --- */
body.ht-page-crew-ablauf{
  --bg:#f5f8ff;
  --surface:#ffffff;
  --text:#10233f;
  --text-soft:#24436f;
  --muted:#5f7698;
  --border:#dbe6f7;
  --border-strong:#c6d7f2;
  --blue:#040cd3;
  --blue2:#325dff;
  --green:#18bf83;
  --red:#ef5350;
  --shadow:0 18px 48px rgba(13,33,72,.10);
  --shadow-soft:0 10px 24px rgba(13,33,72,.06);
  --radius:24px;
}
body.ht-page-crew-ablauf *{box-sizing:border-box}
body.ht-page-crew-ablauf, body.ht-page-crew-ablauf{margin:0;padding:0}
body.ht-page-crew-ablauf{
  min-height:100vh;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(740px 340px at 100% 8%, rgba(0,186,255,.10), transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%);
  font-weight:750;
}
body.ht-page-crew-ablauf .btn, body.ht-page-crew-ablauf button.btn{
  min-height:42px;
  padding:0 14px;
  border-radius:13px;
  border:1px solid var(--border);
  color:var(--text);
  background:rgba(255,255,255,.94);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  font-size:14px;
  box-shadow:var(--shadow-soft);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
  cursor:pointer;
  font-family:inherit;
}
body.ht-page-crew-ablauf .btn:hover, body.ht-page-crew-ablauf button.btn:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 14px 28px rgba(13,33,72,.10)}
body.ht-page-crew-ablauf .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue2),var(--blue))}
body.ht-page-crew-ablauf .btn.green{color:#fff;border-color:rgba(24,191,131,.22);background:linear-gradient(180deg,#22c99a,var(--green))}
body.ht-page-crew-ablauf .btn.red{color:#fff;border-color:rgba(239,83,80,.22);background:linear-gradient(180deg,#ff6b6b,var(--red))}
body.ht-page-crew-ablauf .wrap{
  max-width:1180px;
  margin:0 auto;
  padding:30px 20px 48px;
}
body.ht-page-crew-ablauf h1{margin:0 0 8px;font-size:38px;letter-spacing:-.055em;line-height:1.03}
body.ht-page-crew-ablauf .sub{color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 18px;max-width:900px}
body.ht-page-crew-ablauf .msg, body.ht-page-crew-ablauf .err{padding:12px 14px;border-radius:14px;margin:0 0 14px;font-size:14px;font-weight:900}
body.ht-page-crew-ablauf .msg{border:1px solid #b9efd9;background:#e9fbf4;color:#08784e}
body.ht-page-crew-ablauf .err{border:1px solid #ffc7c7;background:#fff0f0;color:#a71919}
body.ht-page-crew-ablauf .panel, body.ht-page-crew-ablauf .empty{
  border:1px solid var(--border);
  background:rgba(255,255,255,.82);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:var(--shadow);
  margin-bottom:16px;
}
body.ht-page-crew-ablauf .panel h2{margin:0 0 10px;font-size:24px;letter-spacing:-.04em;font-weight:950;color:var(--text)}
body.ht-page-crew-ablauf .panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
body.ht-page-crew-ablauf .top-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}
body.ht-page-crew-ablauf .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.ht-page-crew-ablauf .form-grid.three{grid-template-columns:1fr 1fr 1fr}
body.ht-page-crew-ablauf label{display:block;color:var(--muted);font-size:12px;font-weight:950;margin:0 0 7px;text-transform:uppercase;letter-spacing:.06em}
body.ht-page-crew-ablauf input, body.ht-page-crew-ablauf select, body.ht-page-crew-ablauf textarea{
  width:100%;
  min-height:42px;
  border-radius:13px;
  border:1px solid var(--border-strong);
  background:#fff;
  color:var(--text);
  padding:10px 12px;
  font:inherit;
  font-weight:850;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
body.ht-page-crew-ablauf textarea{min-height:84px;resize:vertical}
body.ht-page-crew-ablauf input::placeholder, body.ht-page-crew-ablauf textarea::placeholder{color:#9aabc3}
body.ht-page-crew-ablauf input:focus, body.ht-page-crew-ablauf select:focus, body.ht-page-crew-ablauf textarea:focus{border-color:#325dff;box-shadow:0 0 0 3px rgba(50,93,255,.14)}
body.ht-page-crew-ablauf .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
body.ht-page-crew-ablauf .checkbox{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--text);font-weight:850;text-transform:none;letter-spacing:0}
body.ht-page-crew-ablauf .checkbox input{width:auto;min-height:auto}
body.ht-page-crew-ablauf .public-link{display:flex;gap:8px;margin-top:10px}
body.ht-page-crew-ablauf .public-link input{font-size:13px}
body.ht-page-crew-ablauf .timeline{display:grid;gap:10px}
body.ht-page-crew-ablauf .item-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:14px;box-shadow:var(--shadow-soft)}
body.ht-page-crew-ablauf .item-card.highlight{border-color:#b9c8ff;background:linear-gradient(180deg,#f5f8ff,#ffffff)}
body.ht-page-crew-ablauf .item-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
body.ht-page-crew-ablauf .item-title{font-weight:950;font-size:17px;color:var(--text)}
body.ht-page-crew-ablauf .pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#f3f7ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;color:var(--blue)}
body.ht-page-crew-ablauf .pill.green{background:#e9fbf4;border-color:#b9efd9;color:#08784e}
body.ht-page-crew-ablauf .pill.off{color:var(--muted);background:#f3f6fb}
body.ht-page-crew-ablauf .inline-form{display:grid;gap:10px}
body.ht-page-crew-ablauf .small{font-size:12px;color:var(--muted);line-height:1.35;font-weight:850}
body.ht-page-crew-ablauf .empty{color:var(--muted);font-size:14px;line-height:1.45}
body.ht-page-crew-ablauf .footer{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.45;font-weight:800}
body.ht-page-crew-ablauf .match-context-bar{
  margin:0 0 16px;
  padding:14px;
  border:1px solid #b9efd9;
  background:linear-gradient(180deg,#e9fbf4,#ffffff);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  box-shadow:var(--shadow-soft);
}
body.ht-page-crew-ablauf .match-context-bar b{display:block;font-size:15px;color:var(--text)}
body.ht-page-crew-ablauf .match-context-bar span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
body.ht-page-crew-ablauf .context-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){
body.ht-page-crew-ablauf .top-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
body.ht-page-crew-ablauf .form-grid, body.ht-page-crew-ablauf .form-grid.three{grid-template-columns:1fr}body.ht-page-crew-ablauf .context-actions, body.ht-page-crew-ablauf .context-actions .btn{width:100%}
}
@media(max-width:620px){body.ht-page-crew-ablauf .public-link{flex-direction:column}body.ht-page-crew-ablauf h1{font-size:32px}
}

body.ht-page-crew-ablauf .crew-modal-card{width:min(860px,100%);}
body.ht-page-crew-ablauf .crew-modal-card .ht-modal-head{position:sticky;top:0;z-index:3;}
body.ht-page-crew-ablauf .crew-modal-card .ht-modal-title{font-size:24px;}
body.ht-page-crew-ablauf .plan-list{display:grid;gap:10px}
body.ht-page-crew-ablauf .plan-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:14px;
  box-shadow:var(--shadow-soft);
}
body.ht-page-crew-ablauf .plan-row b{display:block;font-size:16px}
body.ht-page-crew-ablauf .plan-row span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
body.ht-page-crew-ablauf .no-plan{
  text-align:center;
  padding:34px 18px;
}
body.ht-page-crew-ablauf .no-plan h2{margin-bottom:8px}
@media(max-width:760px){

  body.ht-page-crew-ablauf .plan-row{grid-template-columns:1fr}

}


/* Schritt 2fy: Dropdown-Größenformat vereinheitlicht */
body.ht-page-crew-ablauf select{
  min-height:48px !important;
  height:48px !important;
  line-height:48px !important;
  padding:0 46px 0 14px !important;
  border-radius:14px !important;
  border:1px solid var(--border-strong) !important;
  background-color:#fff !important;
  color:var(--text) !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #10233f 50%),
    linear-gradient(135deg, #10233f 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent) !important;
  background-position:
    calc(100% - 22px) 20px,
    calc(100% - 16px) 20px,
    100% 0 !important;
  background-size:
    6px 6px,
    6px 6px,
    2.5em 2.5em !important;
  background-repeat:no-repeat !important;
}
body.ht-page-crew-ablauf select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 3px rgba(50,93,255,.14) !important;
}
body.ht-page-crew-ablauf .ht-modal select{
  min-height:48px !important;
  height:48px !important;
  font-size:15px !important;
  font-weight:950 !important;
}
body.ht-page-crew-ablauf .form-grid.three > div, body.ht-page-crew-ablauf .form-grid > div{
  min-width:0 !important;
}


body.ht-page-crew-ablauf .crew-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
body.ht-page-crew-ablauf .crew-check{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:13px;
  background:#f8fbff;
  color:var(--text);
  font-size:13px;
  font-weight:900;
  text-transform:none;
  letter-spacing:0;
}
body.ht-page-crew-ablauf .crew-check input{
  width:auto;
  min-height:auto;
  margin:0;
}
body.ht-page-crew-ablauf .people-line{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}
body.ht-page-crew-ablauf .people-line b{color:var(--text)}
@media(max-width:700px){
body.ht-page-crew-ablauf .crew-checks{grid-template-columns:1fr}
}


/* Schritt 2gb: Ablaufpunkte kompakt + Bearbeiten-Popup */
body.ht-page-crew-ablauf .item-card.compact-item{display:grid;gap:10px}
body.ht-page-crew-ablauf .item-display{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
body.ht-page-crew-ablauf .item-display-main{min-width:0}
body.ht-page-crew-ablauf .item-display-title{font-size:18px;font-weight:950;color:var(--text);letter-spacing:-.025em;margin-bottom:4px}
body.ht-page-crew-ablauf .item-display-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:900}
body.ht-page-crew-ablauf .affected-line{margin-top:7px;color:var(--muted);font-size:13px;font-weight:900}
body.ht-page-crew-ablauf .affected-line b{color:var(--text)}
body.ht-page-crew-ablauf .item-display-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
body.ht-page-crew-ablauf .check-all-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 8px}
@media(max-width:720px){
body.ht-page-crew-ablauf .item-display{grid-template-columns:1fr}body.ht-page-crew-ablauf .item-display-actions{justify-content:flex-start}
}

/* --- P187 moved from crew_ablauf_public.php -> body.ht-page-crew-ablauf-public --- */
body.ht-page-crew-ablauf-public{
  --bg:#f5f8ff;
  --surface:#ffffff;
  --text:#10233f;
  --muted:#5f7698;
  --border:#dbe6f7;
  --border-strong:#c6d7f2;
  --blue:#040cd3;
  --blue2:#325dff;
  --red:#ef5350;
  --green:#18bf83;
  --shadow:0 18px 48px rgba(13,33,72,.10);
  --shadow-soft:0 10px 24px rgba(13,33,72,.06);
}
body.ht-page-crew-ablauf-public *{box-sizing:border-box}
body.ht-page-crew-ablauf-public{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(740px 340px at 100% 8%, rgba(0,186,255,.10), transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%);
  color:var(--text);
  font-weight:750;
}
body.ht-page-crew-ablauf-public .wrap{
  max-width:980px;
  margin:0 auto;
  padding:28px 18px 48px;
}
body.ht-page-crew-ablauf-public .header{
  border:1px solid var(--border);
  background:rgba(255,255,255,.88);
  border-radius:28px;
  padding:22px;
  box-shadow:var(--shadow);
  margin-bottom:20px;
}
body.ht-page-crew-ablauf-public .brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
body.ht-page-crew-ablauf-public .brand img{
  width:54px;
  height:54px;
  object-fit:contain;
  filter:brightness(0);
  opacity:.9;
}
body.ht-page-crew-ablauf-public .brand b{
  font-size:20px;
  font-weight:950;
}
body.ht-page-crew-ablauf-public h1{
  margin:0 0 8px;
  font-size:34px;
  letter-spacing:-.05em;
  line-height:1.05;
}
body.ht-page-crew-ablauf-public .sub{
  color:var(--muted);
  font-size:15px;
  line-height:1.45;
  margin:0;
}
body.ht-page-crew-ablauf-public .meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}
body.ht-page-crew-ablauf-public .pill{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--border);
  background:#f3f7ff;
  border-radius:999px;
  padding:7px 11px;
  font-size:13px;
  font-weight:950;
  color:var(--blue);
}
body.ht-page-crew-ablauf-public .timeline{
  position:relative;
  display:grid;
  gap:18px;
  margin-top:18px;
}
body.ht-page-crew-ablauf-public .timeline:before{
  content:"";
  position:absolute;
  left:39px;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#c6d7f2,#e5eefc);
}
body.ht-page-crew-ablauf-public .section{
  border:0;
  background:transparent;
  box-shadow:none;
  margin:0;
  overflow:visible;
}
body.ht-page-crew-ablauf-public .item{
  position:relative;
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:14px;
  margin:0 0 12px 82px;
  padding:16px 18px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.92);
  border-radius:22px;
  box-shadow:var(--shadow-soft);
}
body.ht-page-crew-ablauf-public .item:before{
  content:"";
  position:absolute;
  left:-55px;
  top:24px;
  width:17px;
  height:17px;
  border-radius:50%;
  border:4px solid #fff;
  background:var(--blue2);
  box-shadow:0 0 0 1px var(--border-strong), 0 8px 18px rgba(4,12,211,.18);
}
body.ht-page-crew-ablauf-public .item.highlight{
  border:3px solid #325dff;
  background:
    linear-gradient(90deg, rgba(50,93,255,.14), rgba(255,255,255,.96) 34%),
    #ffffff;
  box-shadow:0 18px 45px rgba(50,93,255,.18);
}
body.ht-page-crew-ablauf-public .item.highlight:before{
  background:#325dff;
  box-shadow:0 0 0 1px rgba(50,93,255,.40), 0 0 0 8px rgba(50,93,255,.14);
}
body.ht-page-crew-ablauf-public .item.current{
  border:3px solid var(--red);
  box-shadow:0 18px 45px rgba(239,83,80,.18);
}
body.ht-page-crew-ablauf-public .item.current:before{
  background:var(--red);
  box-shadow:0 0 0 1px rgba(239,83,80,.35), 0 0 0 8px rgba(239,83,80,.12);
}
body.ht-page-crew-ablauf-public .item.current.highlight{
  border-color:var(--red);
  background:
    linear-gradient(90deg, rgba(239,83,80,.12), rgba(255,255,255,.96) 34%),
    #ffffff;
}
body.ht-page-crew-ablauf-public .item.current:after{
  content:"AKTUELL";
  position:absolute;
  right:14px;
  top:12px;
  border:1px solid rgba(239,83,80,.24);
  background:#fff0f0;
  color:#b91515;
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
}
body.ht-page-crew-ablauf-public .time{
  font-size:19px;
  font-weight:950;
  color:var(--text);
}
body.ht-page-crew-ablauf-public .duration{
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  margin-top:4px;
}
body.ht-page-crew-ablauf-public .title{
  font-size:19px;
  font-weight:950;
  color:var(--text);
  letter-spacing:-.02em;
  padding-right:82px;
}
body.ht-page-crew-ablauf-public .details{
  margin-top:7px;
  color:#24436f;
  font-size:14px;
  line-height:1.45;
}
body.ht-page-crew-ablauf-public .people{
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
  font-weight:900;
}
body.ht-page-crew-ablauf-public .people b{
  color:var(--text);
}
body.ht-page-crew-ablauf-public .footer{
  margin-top:22px;
  text-align:center;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}
@media(max-width:680px){

  body.ht-page-crew-ablauf-public .wrap{padding:18px 12px 36px}
  body.ht-page-crew-ablauf-public h1{font-size:30px}
  body.ht-page-crew-ablauf-public .timeline:before{left:20px}
  body.ht-page-crew-ablauf-public .section h2{margin-left:52px}
  body.ht-page-crew-ablauf-public .item{
    grid-template-columns:1fr;
    margin-left:52px;
  }
  body.ht-page-crew-ablauf-public .item:before{
    left:-41px;
  }
  body.ht-page-crew-ablauf-public .title{padding-right:0}
  body.ht-page-crew-ablauf-public .item.current:after{
    position:static;
    width:max-content;
    margin-top:8px;
    display:inline-flex;
  }

}

/* P221: public-topbar-Regeln aus app_ui.css entfernt; inc/topbar.css ist alleinige Public-Topbar-Quelle. */

/* --- P187 moved from live_match.php -> body.ht-page-live-match --- */
body.ht-page-live-match{
  --bg:#f5f8ff;
  --bg2:#eef4ff;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --text:#10233f;
  --text-soft:#22406d;
  --muted:#5f7698;
  --border:#dbe6f7;
  --border-strong:#c6d7f2;
  --blue:#040cd3;
  --blue-2:#325dff;
  --blue-soft:#edf2ff;
  --green:#10b981;
  --red:#ea4c4c;
  --orange:#ff914d;
  --shadow:0 18px 48px rgba(13,33,72,.10);
  --shadow-soft:0 10px 24px rgba(13,33,72,.06);
  --radius:24px;
}
body.ht-page-live-match *{box-sizing:border-box}
body.ht-page-live-match, body.ht-page-live-match{margin:0;padding:0}
body.ht-page-live-match input, body.ht-page-live-match button, body.ht-page-live-match select, body.ht-page-live-match textarea{min-width:0}
body.ht-page-live-match{
  min-height:100vh;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(740px 340px at 100% 8%, rgba(0,186,255,.10), transparent 56%),
    linear-gradient(180deg, #f8fbff 0%, #f2f7ff 42%, #eef4ff 100%);
  font-weight:750;
}
body.ht-page-live-match .btn{
  min-height:42px;
  padding:0 14px;
  border-radius:13px;
  border:1px solid var(--border);
  color:var(--text);
  background:rgba(255,255,255,.92);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  font-size:14px;
  box-shadow:var(--shadow-soft);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
  cursor:pointer;
}
body.ht-page-live-match .btn:hover{
  transform:translateY(-1px);
  border-color:var(--border-strong);
  box-shadow:0 14px 28px rgba(13,33,72,.10);
}
body.ht-page-live-match .btn.primary{
  color:#fff;
  border-color:rgba(4,12,211,.18);
  background:linear-gradient(180deg,var(--blue-2),var(--blue));
}
body.ht-page-live-match .btn.red, body.ht-page-live-match .btn.danger{
  color:#fff;
  border-color:rgba(234,76,76,.18);
  background:linear-gradient(180deg,#ff6b6b,var(--red));
}
body.ht-page-live-match .btn:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
}

body.ht-page-live-match .wrap{
  max-width:1100px;
  margin:0 auto;
  padding:30px 20px 48px;
}
body.ht-page-live-match h1{
  text-align:center;
  margin:6px 0 6px;
  font-size:34px;
  font-weight:950;
  letter-spacing:-.055em;
  line-height:1.05;
}
body.ht-page-live-match .sub{
  text-align:center;
  color:var(--muted);
  margin-bottom:16px;
  font-weight:850;
}
body.ht-page-live-match .card{
  border:1px solid var(--border);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow);
  padding:18px;
}
body.ht-page-live-match .card h2{
  color:var(--text);
  font-size:26px;
  letter-spacing:-.045em;
}
body.ht-page-live-match .msg{
  text-align:center;
  margin:10px 0;
  font-weight:900;
}
body.ht-page-live-match .ok{color:#047857}
body.ht-page-live-match .err{color:#b91c1c}

body.ht-page-live-match .tablewrap{
  overflow:auto;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
}
body.ht-page-live-match table{
  width:100%;
  border-collapse:collapse;
}
body.ht-page-live-match th, body.ht-page-live-match td{
  border-bottom:1px solid #e6eefb;
  padding:12px 10px;
  vertical-align:middle;
  text-align:left;
}
body.ht-page-live-match th{
  color:#344c70;
  background:#f3f7ff;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
body.ht-page-live-match tr:last-child td{border-bottom:0}
body.ht-page-live-match .right{text-align:right}
body.ht-page-live-match .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid #d4e0fb;
  background:#f3f7ff;
  color:var(--blue);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
body.ht-page-live-match .pill.live{
  background:#eef2ff;
  color:#040cd3;
  border-color:#cbd8ff;
}
body.ht-page-live-match .pill.end{
  background:#fff0f0;
  color:#b91c1c;
  border-color:#fecaca;
}
body.ht-page-live-match .pill.soon{
  background:#ecfdf5;
  color:#047857;
  border-color:#a7f3d0;
}
body.ht-page-live-match .pill.future{
  background:#f8fbff;
  color:#5f7698;
  border-color:#dbe6f7;
}
body.ht-page-live-match .minw{min-width:850px}

@media(max-width:540px){
  body.ht-page-live-match h1{font-size:30px}

}

body.ht-page-live-match .actionButtons{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
body.ht-page-live-match .btn.small{
  min-height:36px;
  padding:0 11px;
  border-radius:11px;
  font-size:13px;
}



/* OPTIMIERUNG: Produktionliste als echte Karten */
body.ht-page-live-match .liveCurrent{
  max-width:900px;
  margin:0 auto 16px;
}
body.ht-page-live-match .matchListCard{
  max-width:900px;
  margin:0 auto;
}
body.ht-page-live-match .matchCards{
  display:flex;
  flex-direction:column;
  gap:12px;
}
body.ht-page-live-match .matchCardRow{
  width:100%;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  padding:14px;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}
body.ht-page-live-match .matchStatus{
  display:flex;
  align-items:center;
}
body.ht-page-live-match .matchMain{
  min-width:0;
}
body.ht-page-live-match .matchTeams{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:var(--text);
  font-weight:950;
  line-height:1.18;
}
body.ht-page-live-match .matchTeams b{
  font-size:17px;
}
body.ht-page-live-match .matchTeams span{
  color:var(--muted);
  font-size:13px;
  font-weight:900;
}
body.ht-page-live-match .matchMeta{
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  font-weight:850;
}
body.ht-page-live-match .matchActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
body.ht-page-live-match .btn.small, body.ht-page-live-match .matchActions .btn.small{
  min-height:38px;
  padding:0 12px;
  border-radius:12px;
  font-size:13px;
}
body.ht-page-live-match .activeText{
  color:var(--muted);
  font-weight:950;
  padding:0 2px;
}

@media(max-width:760px){

  body.ht-page-live-match .matchCardRow{
    grid-template-columns:1fr;
    gap:10px;
  }
  body.ht-page-live-match .matchActions{
    justify-content:flex-start;
  }

}

body.ht-page-live-match .currentProduktionBox{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  text-align:center;
}
body.ht-page-live-match .currentProduktionMain{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  font-weight:950;
  font-size:17px;
}
body.ht-page-live-match .currentProduktionMeta{
  color:var(--muted);
  font-weight:850;
}
@media(max-width:980px){

  body.ht-page-live-match table.minw tr{
    grid-template-columns:1fr;
    gap:8px !important;
  }
  body.ht-page-live-match table.minw td{
    text-align:left !important;
  }
  body.ht-page-live-match table.minw td.right{
    text-align:left !important;
  }
  body.ht-page-live-match .actionButtons{
    justify-content:flex-start !important;
  }

}


/* === HarbourTown Dropdown Hotfix 2cv: nur Dropdowns, keine Menüleistenänderung === */
body.ht-page-live-match select, body.ht-page-live-match .field select, body.ht-page-live-match .filterGrid select, body.ht-page-live-match .modalBody select, body.ht-page-live-match select.ss-select{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #cbd8ee !important;
  background-color:#fff !important;
  color:#10233f !important;
  padding:0 42px 0 14px !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:48px !important;
  outline:none !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 5px 14px rgba(13,33,72,.04) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.5l5 5 5-5' fill='none' stroke='%2310233f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 10px !important;
}
body.ht-page-live-match select option, body.ht-page-live-match select.ss-select option{
  background:#fff !important;
  color:#10233f !important;
  font-weight:850 !important;
}
body.ht-page-live-match select:focus, body.ht-page-live-match .field select:focus, body.ht-page-live-match .filterGrid select:focus, body.ht-page-live-match .modalBody select:focus{
  border-color:#325dff !important;
  box-shadow:0 0 0 4px rgba(50,93,255,.16),0 8px 20px rgba(13,33,72,.08) !important;
}

/* --- P187 moved from gameday_view.php -> body.ht-page-gameday-view --- */
body.ht-page-gameday-view{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f7faff 0,#eef4ff 100%);color:#10233f;font-weight:750}
      body.ht-page-gameday-view .wrap{max-width:980px;margin:0 auto;padding:32px 20px}
      body.ht-page-gameday-view .card{background:#fff;border:1px solid #dbe6f7;border-radius:24px;box-shadow:0 18px 50px rgba(13,33,72,.08);padding:26px}
      body.ht-page-gameday-view h1{margin:0 0 10px;font-size:32px;letter-spacing:-.04em}
      body.ht-page-gameday-view p{margin:8px 0;color:#617798;font-weight:800}
      body.ht-page-gameday-view .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
      body.ht-page-gameday-view .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid #dbe6f7;background:#fff;color:#10233f;text-decoration:none;display:inline-flex;align-items:center;font-weight:900}
      body.ht-page-gameday-view .btn.primary{background:linear-gradient(180deg,#325dff,#040cd3);color:#fff;border-color:rgba(4,12,211,.18)}
body.ht-page-gameday-view{
  --bg:#f5f8ff;
  --surface:#ffffff;
  --text:#10233f;
  --muted:#5f7698;
  --border:#dbe6f7;
  --blue:#040cd3;
  --blue2:#325dff;
  --shadow:0 18px 48px rgba(13,33,72,.10);
  --shadow-soft:0 10px 24px rgba(13,33,72,.06);
  --radius:24px;
}
body.ht-page-gameday-view *{box-sizing:border-box}
body.ht-page-gameday-view, body.ht-page-gameday-view{margin:0;padding:0}
body.ht-page-gameday-view{
  min-height:100vh;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(4,12,211,.08), transparent 60%),
    radial-gradient(740px 340px at 100% 8%, rgba(0,186,255,.10), transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 42%,#eef4ff 100%);
  font-weight:750;
}
body.ht-page-gameday-view .btn{min-height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.94);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
body.ht-page-gameday-view .btn.primary{color:#fff;border-color:rgba(4,12,211,.18);background:linear-gradient(180deg,var(--blue2),var(--blue))}
body.ht-page-gameday-view .btn.red{color:#fff;border-color:rgba(234,76,76,.18);background:linear-gradient(180deg,#ff6b6b,#ea4c4c)}
body.ht-page-gameday-view .wrap{max-width:1220px;margin:0 auto;padding:30px 20px 56px}
body.ht-page-gameday-view .hero{
  background:rgba(255,255,255,.88);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:24px;
  margin-bottom:20px;
}
body.ht-page-gameday-view .hero h1{margin:0;font-size:36px;letter-spacing:-.055em;line-height:1.05}
body.ht-page-gameday-view .meta{margin-top:8px;color:var(--muted);font-weight:900}
body.ht-page-gameday-view .card{
  background:rgba(255,255,255,.90);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:20px;
  margin-bottom:20px;
}
body.ht-page-gameday-view .cardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
body.ht-page-gameday-view .card h2{margin:0;font-size:26px;letter-spacing:-.05em}
body.ht-page-gameday-view .smallNote{color:var(--muted);font-size:13px;font-weight:850}
body.ht-page-gameday-view .teamGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.ht-page-gameday-view .teamBox{
  border:1px solid var(--border);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
body.ht-page-gameday-view .teamTitle{
  padding:14px 16px;
  background:linear-gradient(180deg,#f5f8ff,#edf3ff);
  border-bottom:1px solid var(--border);
}
body.ht-page-gameday-view .teamTitle b{display:block;font-size:18px}
body.ht-page-gameday-view .teamTitle span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-top:2px}
body.ht-page-gameday-view .sectionBlock{padding:14px 16px;border-bottom:1px solid #e6eefb}
body.ht-page-gameday-view .sectionBlock:last-child{border-bottom:0}
body.ht-page-gameday-view .sectionBlock h3{margin:0 0 10px;font-size:17px;letter-spacing:-.03em}
body.ht-page-gameday-view .startingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.ht-page-gameday-view .startingItem, body.ht-page-gameday-view .officialItem{
  border:1px solid var(--border);
  border-radius:14px;
  background:#f8fbff;
  padding:10px;
}
body.ht-page-gameday-view .startingItem span, body.ht-page-gameday-view .officialItem span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  margin-bottom:4px;
}
body.ht-page-gameday-view .startingItem b, body.ht-page-gameday-view .officialItem b{
  display:block;
  color:var(--text);
  font-size:14px;
  font-weight:950;
  line-height:1.2;
}
body.ht-page-gameday-view .lineupGroup{margin-bottom:14px}
body.ht-page-gameday-view .lineupGroup:last-child{margin-bottom:0}
body.ht-page-gameday-view .lineupGroup h4{margin:0 0 8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
body.ht-page-gameday-view .playerList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.ht-page-gameday-view .playerRow{
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  padding:8px 10px;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
}
body.ht-page-gameday-view .slot{color:var(--blue);font-weight:1000;font-size:12px;min-width:30px}
body.ht-page-gameday-view .playerName{font-weight:900;font-size:13px;line-height:1.18}
body.ht-page-gameday-view .officialGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.ht-page-gameday-view .empty{color:var(--muted);font-weight:850}
@media(max-width:900px){

  body.ht-page-gameday-view .teamGrid{grid-template-columns:1fr}
  body.ht-page-gameday-view .officialGrid{grid-template-columns:1fr 1fr}

}
@media(max-width:560px){

  body.ht-page-gameday-view .playerList, body.ht-page-gameday-view .startingGrid, body.ht-page-gameday-view .officialGrid{grid-template-columns:1fr}
  body.ht-page-gameday-view .hero h1{font-size:30px}

}

/* --- P187 moved from atw_live_preview.php -> body.ht-page-atw-live-preview --- */
body.ht-page-atw-live-preview{--atw-red:#e30613;--atw-black:#111;--atw-text:#1d1d1b;--atw-muted:#676767;--atw-border:#e3e3e3;--atw-soft:#f6f6f6;--atw-lav:#9297d0;--atw-lav-dark:#4f4a86}body.ht-page-atw-live-preview *{box-sizing:border-box}body.ht-page-atw-live-preview .atw-public-preview{font-family:Arial,Helvetica,sans-serif;color:var(--atw-text);background:#fff}body.ht-page-atw-live-preview .atw-preview-note{max-width:1120px;margin:24px auto 12px;padding:12px 16px;border:1px solid #d8e3f6;border-radius:12px;background:#f7faff;color:#193456;font-weight:700}body.ht-page-atw-live-preview .school-shell{max-width:1120px;margin:0 auto 70px;background:#fff}body.ht-page-atw-live-preview .school-top{height:126px;display:flex;align-items:flex-end;justify-content:space-between;padding:26px 0}body.ht-page-atw-live-preview .school-logo-text{font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}body.ht-page-atw-live-preview .school-logo-text small{display:block;font-size:12px;color:#666;margin-top:8px}body.ht-page-atw-live-preview .school-actions{display:flex;gap:2px;align-self:flex-start}body.ht-page-atw-live-preview .school-action{background:var(--atw-red);color:#fff;text-decoration:none;font-weight:800;font-size:13px;padding:9px 14px}body.ht-page-atw-live-preview .school-nav{border-top:1px solid #eee;border-bottom:1px solid #eee;display:flex;gap:30px;align-items:center;height:54px;text-transform:uppercase;font-weight:800;font-size:14px}body.ht-page-atw-live-preview .school-nav span:first-child{color:var(--atw-red)}body.ht-page-atw-live-preview .school-hero{height:270px;background:var(--atw-lav);display:flex;align-items:center;padding:32px}body.ht-page-atw-live-preview .school-hero-mark{font-size:56px;font-weight:900;line-height:.95;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.18)}body.ht-page-atw-live-preview .school-hero-mark small{display:block;font-size:18px;color:#111;text-shadow:none;margin-bottom:8px}body.ht-page-atw-live-preview .school-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:64px;padding:64px 0 0}body.ht-page-atw-live-preview .school-copy h1, body.ht-page-atw-live-preview .podcast-side h2{font-size:31px;line-height:1.15;margin:0 0 26px;color:#111;letter-spacing:-.02em}body.ht-page-atw-live-preview .school-copy p{font-size:16px;line-height:1.65;margin:0 0 22px}body.ht-page-atw-live-preview .school-copy ul{font-size:16px;line-height:1.7}body.ht-page-atw-live-preview .podcast-intro{font-size:16px;line-height:1.55;margin:0 0 22px}body.ht-page-atw-live-preview .atw-player{border-radius:8px;background:linear-gradient(135deg,#6661a0,var(--atw-lav-dark));color:#fff;overflow:hidden;box-shadow:0 16px 34px rgba(31,25,84,.18);margin-bottom:18px}body.ht-page-atw-live-preview .atw-player-main{display:grid;grid-template-columns:136px minmax(0,1fr);gap:24px;padding:26px}body.ht-page-atw-live-preview .atw-cover{width:136px;height:136px;border-radius:8px;background:rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;overflow:hidden}body.ht-page-atw-live-preview .atw-cover img{width:100%;height:100%;object-fit:cover}body.ht-page-atw-live-preview .atw-cover-fallback{font-size:20px;font-weight:900;text-align:center;line-height:1.05}body.ht-page-atw-live-preview .atw-player h3{font-size:24px;line-height:1.15;margin:0 0 7px}body.ht-page-atw-live-preview .atw-player .sub{opacity:.82;font-weight:700;margin-bottom:12px}body.ht-page-atw-live-preview .atw-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}body.ht-page-atw-live-preview .atw-chip{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.16);padding:5px 9px;font-size:12px;font-weight:800}body.ht-page-atw-live-preview .atw-player audio{width:100%;margin-top:12px}body.ht-page-atw-live-preview .atw-desc{padding:0 26px 24px;color:rgba(255,255,255,.9);font-size:15px;line-height:1.55}body.ht-page-atw-live-preview .atw-tools{display:grid;grid-template-columns:1fr 170px;gap:10px;margin:18px 0}body.ht-page-atw-live-preview .atw-tools input, body.ht-page-atw-live-preview .atw-tools select{height:42px;border:1px solid var(--atw-border);border-radius:0;background:#fff;padding:0 12px;font:inherit}body.ht-page-atw-live-preview .atw-archive{border-top:2px solid #eee;margin-top:18px;padding-top:16px}body.ht-page-atw-live-preview .year-block{margin:0 0 20px}body.ht-page-atw-live-preview .year-title{font-size:19px;font-weight:900;margin:0 0 8px}body.ht-page-atw-live-preview .episode-list{border-top:1px solid #ececec}body.ht-page-atw-live-preview .episode-row{width:100%;border:0;border-bottom:1px solid #ececec;background:#fff;text-align:left;padding:12px 0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;cursor:pointer;color:#222;font:inherit}body.ht-page-atw-live-preview .episode-row:hover .ep-title{color:var(--atw-red)}body.ht-page-atw-live-preview .episode-row.active .ep-title{color:var(--atw-red)}body.ht-page-atw-live-preview .ep-index{color:#999;font-weight:800}body.ht-page-atw-live-preview .ep-title{display:block;font-weight:800;line-height:1.3}body.ht-page-atw-live-preview .ep-sub{display:block;font-size:13px;color:#777;margin-top:3px}body.ht-page-atw-live-preview .ep-main{min-width:0}body.ht-page-atw-live-preview .ep-duration{color:#555;font-weight:800;font-size:13px;white-space:nowrap}body.ht-page-atw-live-preview .atw-empty{padding:18px;background:#f7f7f7;border:1px solid #e4e4e4;color:#555}body.ht-page-atw-live-preview .direct-link{display:inline-flex;margin-top:10px;background:var(--atw-red);color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;padding:14px 24px}body.ht-page-atw-live-preview .atw-stats{display:flex;gap:18px;flex-wrap:wrap;color:#666;font-size:13px;font-weight:800;margin-top:12px}@media(max-width:980px){
body.ht-page-atw-live-preview .school-shell, body.ht-page-atw-live-preview .atw-preview-note{max-width:calc(100% - 32px)}body.ht-page-atw-live-preview .school-content{grid-template-columns:1fr;gap:38px}body.ht-page-atw-live-preview .podcast-side{order:-1}body.ht-page-atw-live-preview .school-top{height:auto;align-items:flex-start;gap:20px}body.ht-page-atw-live-preview .school-actions{display:none}body.ht-page-atw-live-preview .school-nav{overflow:auto;gap:18px}body.ht-page-atw-live-preview .school-hero{height:220px}body.ht-page-atw-live-preview .atw-player-main{grid-template-columns:100px 1fr}body.ht-page-atw-live-preview .atw-cover{width:100px;height:100px}
}@media(max-width:560px){
body.ht-page-atw-live-preview .school-content{padding-top:38px}body.ht-page-atw-live-preview .school-hero{height:180px;padding:22px}body.ht-page-atw-live-preview .school-hero-mark{font-size:42px}body.ht-page-atw-live-preview .atw-tools{grid-template-columns:1fr}body.ht-page-atw-live-preview .atw-player-main{grid-template-columns:1fr}body.ht-page-atw-live-preview .atw-cover{width:130px;height:130px}body.ht-page-atw-live-preview .episode-row{grid-template-columns:28px 1fr}body.ht-page-atw-live-preview .ep-duration{grid-column:2}
}

/* Paket 044: Embedded-Fix und kompakter Beschreibungsbereich */
body.ht-page-atw-live-preview body.atw-embedded{margin:0;background:#fff;}
body.ht-page-atw-live-preview body.atw-embedded .atw-preview-note, body.ht-page-atw-live-preview body.atw-embedded .school-top, body.ht-page-atw-live-preview body.atw-embedded .school-nav, body.ht-page-atw-live-preview body.atw-embedded .school-hero, body.ht-page-atw-live-preview body.atw-embedded .school-copy, body.ht-page-atw-live-preview body.atw-embedded .direct-link{display:none!important;}
body.ht-page-atw-live-preview body.atw-embedded .school-shell{max-width:100%;margin:0;background:transparent;}
body.ht-page-atw-live-preview body.atw-embedded .school-content{display:block;padding:0;}
body.ht-page-atw-live-preview body.atw-embedded .podcast-side{max-width:100%;}
body.ht-page-atw-live-preview body.atw-embedded .podcast-side h2{margin-top:0;}
body.ht-page-atw-live-preview .atw-desc{padding:0 26px 20px;}
body.ht-page-atw-live-preview .atw-desc-text{margin:0;color:rgba(255,255,255,.9);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
body.ht-page-atw-live-preview .atw-desc-text.is-expanded{display:block;overflow:visible;}
body.ht-page-atw-live-preview .atw-desc-toggle{margin-top:10px;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:7px 12px;font-weight:800;cursor:pointer;}
body.ht-page-atw-live-preview .atw-desc-toggle[hidden]{display:none!important;}


body.ht-page-atw-live-preview body.atw-embedded .atw-public-preview{padding:0;margin:0;background:#fff;}
body.ht-page-atw-live-preview body.atw-embedded .atw-embed-only{display:block;max-width:720px;margin:0 auto;padding:0;background:#fff;}
body.ht-page-atw-live-preview body.atw-embedded .atw-player{margin-bottom:16px;}
body.ht-page-atw-live-preview body.atw-embedded .atw-player-main{padding:22px;}
body.ht-page-atw-live-preview body.atw-embedded .atw-desc{padding:0 22px 20px;}


/* Paket 049: hochwertigere Podcastliste und kompakter Hero */
body.ht-page-atw-live-preview .atw-player-main{grid-template-columns:154px minmax(0,1fr);gap:22px;padding:24px;}
body.ht-page-atw-live-preview .atw-cover{width:154px;height:154px;}
body.ht-page-atw-live-preview .atw-player h3{font-size:26px;margin-bottom:6px;}
body.ht-page-atw-live-preview .atw-player .sub{font-size:15px;line-height:1.35;}
body.ht-page-atw-live-preview .atw-player audio{display:block;width:100%;margin-top:14px;}
body.ht-page-atw-live-preview .atw-desc{position:relative;}
body.ht-page-atw-live-preview .atw-desc-text:not(.is-expanded){max-height:7.75em;}
body.ht-page-atw-live-preview .atw-desc-text:not(.is-expanded)::after{content:"";position:absolute;left:26px;right:26px;bottom:54px;height:32px;background:linear-gradient(to bottom,rgba(79,74,134,0),rgba(79,74,134,.95));pointer-events:none;}
body.ht-page-atw-live-preview .atw-tools{margin:14px 0 12px;}
body.ht-page-atw-live-preview .atw-archive{margin-top:12px;padding-top:14px;}
body.ht-page-atw-live-preview .episode-list{border-top:0;display:grid;gap:8px;}
body.ht-page-atw-live-preview .episode-row{border:1px solid #ececec;border-radius:10px;padding:12px 12px;grid-template-columns:34px minmax(0,1fr);position:relative;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
body.ht-page-atw-live-preview .episode-row:hover{background:#fafafa;border-color:#ddd;box-shadow:0 7px 18px rgba(0,0,0,.06);transform:translateY(-1px);}
body.ht-page-atw-live-preview .episode-row.active{background:#fff5f5;border-color:#f3c5c8;box-shadow:inset 4px 0 0 var(--atw-red),0 7px 18px rgba(227,6,19,.08);}
body.ht-page-atw-live-preview .episode-row.active .ep-title{color:var(--atw-red);}
body.ht-page-atw-live-preview .ep-index{padding-top:2px;}
body.ht-page-atw-live-preview .ep-main{display:grid;gap:4px;}
body.ht-page-atw-live-preview .ep-title{font-size:15px;font-weight:900;line-height:1.28;}
body.ht-page-atw-live-preview .ep-sub{font-size:13px;color:#6f6f6f;line-height:1.3;margin:0;}
body.ht-page-atw-live-preview .ep-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px;}
body.ht-page-atw-live-preview .ep-pill{display:inline-flex;align-items:center;border-radius:999px;background:#f3f3f3;color:#555;padding:4px 8px;font-size:11px;font-weight:800;line-height:1;}
body.ht-page-atw-live-preview .ep-pill.duration{background:#ecebfa;color:#4f4a86;}
body.ht-page-atw-live-preview .year-title{display:flex;align-items:center;justify-content:space-between;gap:10px;}
body.ht-page-atw-live-preview .year-count{font-size:12px;font-weight:800;color:#777;background:#f2f2f2;border-radius:999px;padding:4px 8px;}
@media(max-width:980px){
body.ht-page-atw-live-preview .atw-player-main{grid-template-columns:120px 1fr}body.ht-page-atw-live-preview .atw-cover{width:120px;height:120px}
}
@media(max-width:560px){
body.ht-page-atw-live-preview .atw-player-main{grid-template-columns:1fr}body.ht-page-atw-live-preview .atw-cover{width:140px;height:140px}body.ht-page-atw-live-preview .episode-row{grid-template-columns:28px 1fr}body.ht-page-atw-live-preview .ep-meta{grid-column:auto}body.ht-page-atw-live-preview .atw-desc-text:not(.is-expanded)::after{left:22px;right:22px;}
}



/* Paket 084: WordPress-Embedded stabilisieren
   - kein Kopftext im Plugin
   - Player und Filter bleiben fest
   - nur das Folgenarchiv scrollt */
body.ht-page-atw-live-preview html:has(body.atw-embedded), body.ht-page-atw-live-preview body.atw-embedded{
  height:100%;
  overflow:hidden!important;
}
body.ht-page-atw-live-preview body.atw-embedded .podcast-side h2, body.ht-page-atw-live-preview body.atw-embedded .podcast-intro{
  display:none!important;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-embed-only{
  height:100vh;
  max-width:720px;
  display:flex!important;
  flex-direction:column;
  overflow:hidden!important;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-player, body.ht-page-atw-live-preview body.atw-embedded .atw-tools, body.ht-page-atw-live-preview body.atw-embedded .atw-stats{
  flex:0 0 auto;
}
/* Paket 087: Embedded-Ansicht ohne feste 420px-Hoehe.
   Player/Filter bleiben stehen, das Archiv nutzt den kompletten Rest. */
body.ht-page-atw-live-preview body.atw-embedded .atw-player{
  margin-bottom:12px;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-player-main{
  grid-template-columns:124px minmax(0,1fr)!important;
  gap:18px!important;
  padding:20px!important;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-cover{
  width:124px!important;
  height:124px!important;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-player h3{
  font-size:24px;
  line-height:1.12;
  margin-bottom:6px;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-player .sub{
  font-size:14px;
  margin-bottom:8px;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-meta{
  margin:8px 0;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-player audio{
  margin-top:8px;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-desc{
  padding:0 20px 14px;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-desc-text{
  -webkit-line-clamp:4;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-producer{
  padding:9px 20px 10px;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-tools{
  margin:0 0 10px;
  flex:0 0 auto;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-archive{
  flex:1 1 auto;
  min-height:0;
  max-height:none!important;
  overflow-y:auto;
  overflow-x:hidden;
  margin-top:0;
  padding-top:12px;
  padding-bottom:22px;
  scrollbar-width:thin;
}
body.ht-page-atw-live-preview body.atw-embedded .atw-archive::-webkit-scrollbar{width:8px;}
body.ht-page-atw-live-preview body.atw-embedded .atw-archive::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:999px;}
body.ht-page-atw-live-preview body.atw-embedded .atw-stats{
  display:none!important;
}
/* Paket 086: Embedded-Archiv sauber begrenzen; nur die Folgenliste scrollt. */
body.ht-page-atw-live-preview body.atw-embedded .year-block{margin-bottom:0;}
body.ht-page-atw-live-preview body.atw-embedded .episode-list{padding-bottom:4px;}
body.ht-page-atw-live-preview body.atw-embedded .episode-row{min-height:78px;}

/* Paket 085: dezenter Produktionshinweis im Player */
body.ht-page-atw-live-preview .atw-producer{border-top:1px solid rgba(255,255,255,.14);padding:10px 22px 12px;color:rgba(255,255,255,.72);font-size:12px;font-weight:700;line-height:1.25;}
body.ht-page-atw-live-preview .atw-producer a{color:#fff;text-decoration:none;font-weight:900;}
body.ht-page-atw-live-preview .atw-producer a:hover{text-decoration:underline;}
body.ht-page-atw-live-preview body.atw-embedded .atw-producer{padding:10px 20px 12px;}

@media(max-width:560px){

  body.ht-page-atw-live-preview body.atw-embedded .atw-player-main{grid-template-columns:104px minmax(0,1fr)!important;gap:14px!important;}
  body.ht-page-atw-live-preview body.atw-embedded .atw-cover{width:104px!important;height:104px!important;}
  body.ht-page-atw-live-preview body.atw-embedded .atw-player h3{font-size:21px;}

}

/* --- P187 moved from typo3_sso.php -> body.ht-page-typo3-sso --- */
body.ht-page-typo3-sso{margin:0;background:#0b1220;color:#eef2ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:grid;place-items:center;min-height:100vh;padding:20px}
body.ht-page-typo3-sso .card{max-width:720px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06);padding:22px;box-shadow:0 14px 40px rgba(0,0,0,.4)}
body.ht-page-typo3-sso a{color:#9db5ff}body.ht-page-typo3-sso .err{color:#ffb4b4;font-weight:800}

/* =========================================================
   P188_FINAL_OPTIK_RECOVERY_ACTIVE
   Abschluss-Optik nach CSS-Konsolidierung.
   Ziel: zentrale UI-Hoheit behalten, keine lokalen Flicken.
   Buttons: exakt Statusfeld-Logik mit stärkerem Glow,
   ohne Button-Größen, Padding oder Schriftgrößen zu ändern.
   ========================================================= */
:root{
  --ht-p188-active:1;
  --ht-p188-blue:#356dff;
  --ht-p188-red:#ff3348;
  --ht-p188-yellow:#f2c94c;
  --ht-p188-orange:#f59e0b;
  --ht-p188-green:#20d074;
  --ht-p188-neutral:#b7c7df;

  /* P256: bestehender P188-Buttonmechanismus, aber mit gefuelltem Glow-/Glas-Look */
  --ht-p188-neutral-bg:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.76));
  --ht-p188-blue-bg:linear-gradient(180deg,rgba(53,109,255,.22),rgba(11,42,126,.50));
  --ht-p188-red-bg:linear-gradient(180deg,rgba(255,51,72,.18),rgba(120,14,28,.56));
  --ht-p188-yellow-bg:linear-gradient(180deg,rgba(242,201,76,.20),rgba(116,82,8,.42));
  --ht-p188-orange-bg:linear-gradient(180deg,rgba(245,158,11,.22),rgba(107,63,10,.48));
  --ht-p188-green-bg:linear-gradient(180deg,rgba(32,208,116,.19),rgba(10,88,51,.48));

  --ht-p188-neutral-shadow:0 0 0 1px rgba(255,255,255,.58) inset,0 12px 28px rgba(29,64,120,.14);
  --ht-p188-blue-shadow:0 0 0 1px rgba(53,109,255,.16) inset,0 0 22px rgba(53,109,255,.33),0 14px 30px rgba(53,109,255,.13);
  --ht-p188-red-shadow:0 0 0 1px rgba(255,51,72,.16) inset,0 0 22px rgba(255,51,72,.34),0 14px 30px rgba(255,51,72,.15);
  --ht-p188-yellow-shadow:0 0 0 1px rgba(242,201,76,.16) inset,0 0 22px rgba(242,201,76,.31),0 14px 30px rgba(242,201,76,.12);
  --ht-p188-orange-shadow:0 0 0 1px rgba(245,158,11,.16) inset,0 0 22px rgba(245,158,11,.30),0 14px 30px rgba(245,158,11,.12);
  --ht-p188-green-shadow:0 0 0 1px rgba(32,208,116,.16) inset,0 0 22px rgba(32,208,116,.31),0 14px 30px rgba(32,208,116,.12);

  --ht-p188-btn-bg:var(--ht-p188-neutral-bg);
  --ht-p188-card-bg:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
}

/* Zentrale helle Systemgrundlage nach der Konsolidierung. */
body[class*="ht-css-v"]{
  background:
    radial-gradient(900px 420px at 0 0, rgba(45,99,255,.075), transparent 60%),
    linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%) !important;
  color:var(--ht-ink,#10233f) !important;
}
body[class*="ht-css-v"] :where(.card,.panel,.box,.section-card,.table-card,.ht-card,.ht-panel,.modalBody,.ht-modal,.content-card,.dashboard-card):not(.ht-topbar):not(.ht-nav){
  background:var(--ht-p188-card-bg) !important;
  border-color:var(--ht-line,#d7e4f6) !important;
  box-shadow:0 14px 32px rgba(13,33,72,.075) !important;
}
body[class*="ht-css-v"] :where(table){
  background:#fff !important;
}
body[class*="ht-css-v"] :where(th){
  background:#f3f7ff !important;
  color:var(--ht-ink,#10233f) !important;
  font-weight:950 !important;
}
body[class*="ht-css-v"] :where(td){
  border-color:#e5edf9 !important;
}
body[class*="ht-css-v"] :where(input:not([type]),input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="url"],input[type="date"],input[type="time"],input[type="datetime-local"],textarea,select,.ht-input,.ht-select,.ht-textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){
  background:#fff !important;
  color:var(--ht-ink,#10233f) !important;
  border-color:#cbd8ee !important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.04),0 6px 15px rgba(13,33,72,.045) !important;
}

/* Button-Farben als Variablen: Grundlage ist neutral, Farbe kommt nur aus Rahmen + Glow. */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell)
  :where(a.btn,button.btn,.btn,.button,a.ht-btn,button.ht-btn,.ht-btn,button[type="submit"].btn,input[type="submit"].btn,input[type="button"].btn,input[type="reset"].btn):not(.ht-nav-link):not(.ht-menu-toggle):not(.ht-back-button):not(.ht-modal-close):not([data-ht-modal-close]):not(.miniBtn):not(.pbtn):not(.icon-btn):not(.filter-btn.small):not(.small):not(.mini){
  --ht-p188-c:var(--ht-p188-neutral);
  --ht-p188-text:#102a58;
  --ht-p188-bg:var(--ht-p188-neutral-bg);
  --ht-p188-border:rgba(210,226,249,.95);
  --ht-p188-shadow:var(--ht-p188-neutral-shadow);
  --ht-p188-bg:var(--ht-p188-neutral-bg);
  --ht-p188-border:rgba(210,226,249,.95);
  --ht-p188-shadow:var(--ht-p188-neutral-shadow);
  background:var(--ht-p188-bg) !important;
  background-color:rgba(255,255,255,.86) !important;
  background-image:var(--ht-p188-bg) !important;
  color:var(--ht-p188-text) !important;
  -webkit-text-fill-color:var(--ht-p188-text) !important;
  border-color:var(--ht-p188-border) !important;
  box-shadow:var(--ht-p188-shadow) !important;
}

/* Blau: Dashboard, öffnen, primär. */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell)
  :where(.btn.primary,.btn.blue,.btn-primary,.button.primary,.button.blue,.ht-btn.primary,.ht-btn.blue,.ht-btn-primary,button.primary,button.blue,input[type="submit"].primary,input[type="button"].primary,a.primary,a.blue):not(.danger):not(.red):not(.delete):not(.del):not(.secondary):not(.light):not(.yellow):not(.scoreboard):not(.warning):not(.orange):not(.success):not(.green):not(.ht-nav-link):not(.ht-back-button){
  --ht-p188-c:var(--ht-p188-blue);
  --ht-p188-text:#fff;
  --ht-p188-bg:var(--ht-p188-blue-bg);
  --ht-p188-border:rgba(53,109,255,.94);
  --ht-p188-shadow:var(--ht-p188-blue-shadow);
}

/* Neutral: Bearbeiten, Archivieren, Abbrechen. */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell)
  :where(.btn.light,.btn.secondary,.btn.ghost,.btn-secondary,.btn-light,.button.light,.button.secondary,.ht-btn.light,.ht-btn.secondary,.ht-btn-secondary,button.light,button.secondary,button.reset,input[type="reset"].btn,a.light,a.secondary,a.ghost,[data-ht-modal-close],a[href*="edit_id="]):not(.ht-modal-close):not(.ht-nav-link):not(.ht-back-button){
  --ht-p188-c:var(--ht-p188-neutral);
  --ht-p188-text:#102a58;
  --ht-p188-bg:var(--ht-p188-neutral-bg);
  --ht-p188-border:rgba(210,226,249,.95);
  --ht-p188-shadow:var(--ht-p188-neutral-shadow);
}

/* Rot: Löschen und LIVE setzen. */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell)
  :where(.btn.danger,.btn.red,.btn.delete,.btn.del,.btn-danger,.btn-red,.button.danger,.button.red,.ht-btn.danger,.ht-btn.red,.ht-btn-danger,button.danger,button.red,button.delete,button.del,input[type="submit"].danger,input[type="submit"].red,input[type="button"].danger,input[type="button"].red,a.danger,a.red,a.delete,a.del):not(.ht-nav-link):not(.ht-back-button),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) form:has(input[name="action"][value="set_live"]) :where(button[type="submit"],.btn),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) form:has(input[name="action"][value*="delete"]) :where(button[type="submit"],.btn){
  --ht-p188-c:var(--ht-p188-red);
  --ht-p188-text:#fff;
  --ht-p188-bg:var(--ht-p188-red-bg);
  --ht-p188-border:rgba(255,51,72,.88);
  --ht-p188-shadow:var(--ht-p188-red-shadow);
}

/* Grün: Erfolg, aktiv, freigeben, reaktivieren. */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell)
  :where(.btn.success,.btn.green,.btn-success,.btn-green,.button.success,.button.green,.ht-btn.success,.ht-btn.green,.ht-btn-success,button.success,button.green,input[type="submit"].success,input[type="button"].success,a.success,a.green):not(.ht-nav-link):not(.ht-back-button){
  --ht-p188-c:var(--ht-p188-green);
  --ht-p188-text:#fff;
  --ht-p188-bg:var(--ht-p188-green-bg);
  --ht-p188-border:rgba(32,208,116,.92);
  --ht-p188-shadow:var(--ht-p188-green-shadow);
}

/* Gelb: Scoreboard. */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell)
  :where(.btn.warning,.btn.yellow,.btn.scoreboard,.btn-warning,.btn-yellow,.btn-scoreboard,.button.warning,.button.yellow,.ht-btn.warning,.ht-btn.yellow,.ht-btn.scoreboard,.ht-btn-warning,button.warning,button.yellow,button.scoreboard,a.warning,a.yellow,a.scoreboard,a[href*="scoreboard_control.php"]):not(.orange):not(.ht-nav-link):not(.ht-back-button){
  --ht-p188-c:var(--ht-p188-yellow);
  --ht-p188-text:#fff7d5;
  --ht-p188-bg:var(--ht-p188-yellow-bg);
  --ht-p188-border:rgba(242,201,76,.95);
  --ht-p188-shadow:var(--ht-p188-yellow-shadow);
}

/* Orange: Saison öffnen / Sonderaktion. */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell)
  :where(.btn.orange,.btn-orange,.button.orange,.ht-btn.orange,.ht-btn-orange,button.orange,a.orange,a[href*="recordings_list.php"]):not(.scoreboard):not(.yellow):not(.ht-nav-link):not(.ht-back-button){
  --ht-p188-c:var(--ht-p188-orange);
  --ht-p188-text:#fff0d5;
  --ht-p188-bg:var(--ht-p188-orange-bg);
  --ht-p188-border:rgba(245,158,11,.94);
  --ht-p188-shadow:var(--ht-p188-orange-shadow);
}

body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell)
  :where(a.btn,button.btn,.btn,.button,a.ht-btn,button.ht-btn,.ht-btn):not(.ht-nav-link):not(.ht-back-button):not(.ht-menu-toggle):not(.ht-modal-close):not([data-ht-modal-close]):hover{
  transform:translateY(-1px) !important;
  filter:saturate(1.04) brightness(1.01) !important;
}

/* P191_INLINE_STYLE_CLEANUP_ACTIVE
   Automatisch aus produktiven style="..."-Attributen extrahiert.
   Ziel: keine ungeklärten Inline-Styles mehr auf produktiven UI-Seiten.
   Werte wurden unverändert in zentrale CSS-Selektoren übernommen.
*/
:where([data-ht-p191="ui001"]){margin-top:16px;}
:where([data-ht-p191="ui002"]){margin-top:16px;border:1px solid var(--ht-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(13,33,72,.08);}
:where([data-ht-p191="ui003"]){display:block;width:100%;height:820px;border:0;background:#fff;}
:where([data-ht-p191="ui004"]){margin-bottom:18px;}
:where([data-ht-p191="ui005"]){grid-template-columns:64px minmax(0,1fr);}
:where([data-ht-p191="ui006"]){margin:0 0 10px;text-align:center;display:none;}
:where([data-ht-p191="ui007"]){margin:0 0 8px;}
:where([data-ht-p191="ui008"]){margin:0;}
:where([data-ht-p191="ui009"]){margin-top:12px;}
:where([data-ht-p191="ui010"]){display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--text);font-weight:900;}
:where([data-ht-p191="ui011"]){width:auto;}
:where([data-ht-p191="ui012"]){display:inline;}
:where([data-ht-p191="ui013"]){margin-top:8px;}
:where([data-ht-p191="ui014"]){margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
:where([data-ht-p191="ui015"]){margin-top:4px;}
:where([data-ht-p191="ui016"]){justify-content:center; margin-top:10px;}
:where([data-ht-p191="ui017"]){width:min(700px,100%);}
:where([data-ht-p191="ui018"]){display:flex;gap:8px;align-items:center;}
:where([data-ht-p191="ui019"]){width:auto;height:auto;}
:where([data-ht-p191="ui020"]){margin-top:6px;color:var(--muted);font-size:12px;}
:where([data-ht-p191="ui021"]){margin-top:14px;}
:where([data-ht-p191="ui022"]){margin:0 0 10px; text-align:center;}
:where([data-ht-p191="ui023"]){width:100%;}
:where([data-ht-p191="ui024"]){margin:0 0 12px; text-align:center;}
:where([data-ht-p191="ui025"]){color:rgba(238,242,255,.55);font-weight:900;}
:where([data-ht-p191="ui026"]){margin:0;}
:where([data-ht-p191="ui027"]){display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
:where([data-ht-p191="ui028"]){margin:0 0 4px;}
:where([data-ht-p191="ui029"]){margin:0;text-align:left;}
:where([data-ht-p191="ui030"]){margin-top:14px;}
:where([data-ht-p191="ui031"]){margin:0 0 10px;text-align:center;}
:where([data-ht-p191="ui032"]){width:auto;min-width:170px;}
:where([data-ht-p191="ui033"]){margin-top:10px;}
:where([data-ht-p191="ui034"]){margin:0 0 10px;}
:where([data-ht-p191="ui035"]){max-width:320px;}
:where([data-ht-p191="ui036"]){min-width:280px;}
:where([data-ht-p191="ui037"]){width:100%;height:44px;border-radius:12px;}
:where([data-ht-p191="ui038"]){width:100%;height:44px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
:where([data-ht-p191="ui039"]){color:var(--muted);}
:where([data-ht-p191="ui040"]){width:170px;}
:where([data-ht-p191="ui041"]){width:70px;}
:where([data-ht-p191="ui042"]){width:60px;}
:where([data-ht-p191="ui043"]){width:110px;}
:where([data-ht-p191="ui044"]){width:300px;text-align:right;}
:where([data-ht-p191="ui045"]){padding:0;border:0;}
:where([data-ht-p191="ui046"]){justify-content:flex-start;}
:where([data-ht-p191="ui047"]){min-width:260px;}
:where([data-ht-p191="ui048"]){min-width:220px;}
:where([data-ht-p191="ui049"]){width:100%;}
:where([data-ht-p191="ui050"]){color:#ffd27a;font-size:12px;white-space:pre-wrap;}
:where([data-ht-p191="ui051"]){margin:0 0 10px 0;}
:where([data-ht-p191="ui052"]){width:470px;max-width:100%;}
:where([data-ht-p191="ui053"]){display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
:where([data-ht-p191="ui054"]){justify-content:flex-start;}
:where([data-ht-p191="ui055"]){margin:0;display:contents;}
:where([data-ht-p191="ui056"]){text-align:left;margin:4px 0 0; font-size:12px;}
:where([data-ht-p191="ui057"]){display:inline-flex;align-items:center;justify-content:center;}
:where([data-ht-p191="ui058"]){display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
:where([data-ht-p191="ui059"]){margin-bottom:6px;}
:where([data-ht-p191="ui060"]){display:flex;align-items:end;}
:where([data-ht-p191="ui061"]){display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;color:var(--text);font-size:14px;margin:0;}
:where([data-ht-p191="ui062"]){width:auto;min-height:auto;}
:where([data-ht-p191="ui063"]){margin:0;justify-content:flex-end;}
:where([data-ht-p191="ui064"]){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
:where([data-ht-p191="ui065"]){margin:0 0 4px;}
:where([data-ht-p191="ui066"]){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;}
:where([data-ht-p191="ui067"]){display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px;}
:where([data-ht-p191="ui068"]){display:flex;gap:8px;flex-wrap:wrap;}
:where([data-ht-p191="ui069"]){margin-top:10px;}
:where([data-ht-p191="ui070"]){margin-bottom:16px;}
:where([data-ht-p191="ui071"]){display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;}
:where([data-ht-p191="ui072"]){margin-bottom:4px;}
:where([data-ht-p191="ui073"]){margin:0;color:var(--muted);}
:where([data-ht-p191="ui074"]){display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
:where([data-ht-p191="ui075"]){min-width:230px;}
:where([data-ht-p191="ui076"]){margin:4px 0 0;color:var(--muted);}
:where([data-ht-p191="ui077"]){display:inline-flex;align-items:center;gap:8px;margin:0;text-transform:none;letter-spacing:0;color:var(--text);font-size:13px;}
:where([data-ht-p191="ui078"]){border:0;border-top:1px solid var(--border);margin:14px 0;}
:where([data-ht-p191="ui079"]){margin:10px 0 0;}
:where([data-ht-p191="ui080"]){margin:0 0 12px;}
:where([data-ht-p191="ui081"]){display:contents;}
:where([data-ht-p191="ui082"]){margin-top:16px;border-color:rgba(255,77,77,.35);}
:where([data-ht-p191="ui083"]){height:42px;display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;color:var(--text);font-size:14px;margin:0;}
:where([data-ht-p191="ui084"]){width:auto;height:auto;}
:where([data-ht-p191="ui085"]){height:10px;}
:where([data-ht-p191="ui086"]){text-align:center;padding:12px;}
:where([data-ht-p191="ui087"]){width:210px;}
:where([data-ht-p191="ui088"]){width:120px;}
:where([data-ht-p191="ui089"]){width:220px;}
:where([data-ht-p191="ui090"]){width:180px;text-align:right;}
:where([data-ht-p191="ui091"]){margin:0;display:grid;gap:6px;}
:where([data-ht-p191="ui092"]){display:flex;gap:8px;flex-wrap:wrap;}
:where([data-ht-p191="ui093"]){flex:1 1 180px;}
:where([data-ht-p191="ui094"]){flex:0 0 120px;}
:where([data-ht-p191="ui095"]){text-align:right;}
:where([data-ht-p191="ui096"]){width:auto;min-width:120px;}
:where([data-ht-p191="ui097"]){width:160px;}
:where([data-ht-p191="ui098"]){width:140px;}
:where([data-ht-p191="ui099"]){width:380px;}
:where([data-ht-p191="ui100"]){width:auto;min-width:140px;}
:where([data-ht-p191="ui101"]){display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;}
:where([data-ht-p191="ui102"]){margin:0 0 6px;text-align:left;}
:where([data-ht-p191="ui103"]){margin-top:10px;text-align:center;}
:where([data-ht-p191="ui104"]){overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:14px;margin-top:12px;}
:where([data-ht-p191="ui105"]){min-width:1180px;}
:where([data-ht-p191="ui106"]){width:130px;}
:where([data-ht-p191="ui107"]){text-align:center;}
:where([data-ht-p191="ui108"]){width:80px;}
:where([data-ht-p191="ui109"]){width:210px;text-align:right;}
:where([data-ht-p191="ui110"]){margin-top:10px;text-align:left;}
:where([data-ht-p191="ui111"]){display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;}
:where([data-ht-p191="ui112"]){justify-content:space-between;}
:where([data-ht-p191="ui113"]){display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;}
:where([data-ht-p191="ui114"]){margin-top:16px;justify-content:space-between;}
:where([data-ht-p191="ui115"]){color:#b91c1c;}
:where([data-ht-p191="ui116"]){align-self:end;}
:where([data-ht-p191="ui117"]){margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;}
:where([data-ht-p191="ui118"]){display:flex;justify-content:center;}
:where([data-ht-p191="ui119"]){text-align:center;padding:10px;}
:where([data-ht-p191="ui120"]){margin:14px 0 8px;}
:where([data-ht-p191="ui121"]){margin-bottom:12px;}
:where([data-ht-p191="ui122"]){width:200px;}
:where([data-ht-p191="ui123"]){width:90px;}
:where([data-ht-p191="ui124"]){width:520px;}
:where([data-ht-p191="ui125"]){font-weight:950;font-size:16px;}
:where([data-ht-p191="ui126"]){margin-top:6px;color:var(--muted);}
:where([data-ht-p191="ui127"]){margin-top:12px;color:var(--muted);font-size:12px;}
:where([data-ht-p191="ui128"]){font-weight:950;}
:where([data-ht-p191="ui129"]){margin:0 0 6px;text-align:center;}
:where([data-ht-p191="ui130"]){text-align:center;margin-bottom:10px;}
:where([data-ht-p191="ui131"]){margin-top:12px;}
:where([data-ht-p191="ui132"]){margin-top:0;}
:where([data-ht-p191="ui133"]){margin-top:8px;}
:where([data-ht-p191="ui134"]){margin-top:8px;font-size:13px;}
:where([data-ht-p191="ui135"]){margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
:where([data-ht-p191="ui136"]){margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;}
:where([data-ht-p191="ui137"]){margin-top:8px;font-size:12px;}
:where([data-ht-p191="ui138"]){text-align:center;margin-top:12px;}
:where([data-ht-p191="ui139"]){width:240px;}
:where([data-ht-p191="ui140"]){color:var(--text);font-weight:900;}
:where([data-ht-p191="ui141"]){font-size:12px;margin-top:2px;}
:where([data-ht-p191="ui142"]){display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
:where([data-ht-p191="ui143"]){margin-top:10px;justify-content:flex-end;}
:where([data-ht-p191="ui144"]){margin:0 0 10px; text-align:center;}
:where([data-ht-p191="ui145"]){width:150px;}
:where([data-ht-p191="ui146"]){width:90px; text-align:center;}
:where([data-ht-p191="ui147"]){width:320px;}
:where([data-ht-p191="ui148"]){height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);}
:where([data-ht-p191="ui149"]){margin-top:6px;}
:where([data-ht-p191="ui150"]){width:300px;}
:where([data-ht-p191="ui151"]){width:140px;text-align:right;}
:where([data-ht-p191="ui152"]){opacity:.6;}
:where([data-ht-p191="ui153"]){min-width:180px;}
:where([data-ht-p191="ui154"]){text-align:center;margin-top:10px;}
:where([data-ht-p191="ui155"]){margin-top:10px;text-align:center;font-size:12px;}
:where([data-ht-p191="ui156"]){overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:14px;}
:where([data-ht-p191="ui157"]){margin-top:12px;font-size:12px;}
:where([data-ht-p191="ui158"]){margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
:where([data-ht-p191="ui159"]){color:#bfffe1;}
:where([data-ht-p191="ui160"]){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
:where([data-ht-p191="ui161"]){color:var(--text);}
:where([data-ht-p191="ui162"]){width:160px;text-align:right;}
:where([data-ht-p191="ui163"]){opacity:.85;}
:where([data-ht-p191="ui164"]){min-width:920px;}
:where([data-ht-p191="ui165"]){text-align:center;padding:14px;}
:where([data-ht-p191="ui166"]){display:inline;}
:where([data-ht-p191="ui167"]){min-width:1100px;}
:where([data-ht-p191="ui168"]){width:280px;}
:where([data-ht-p191="ui169"]){font-size:12px;margin-top:6px;}
:where([data-ht-p191="ui170"]){min-width:880px;}
:where([data-ht-p191="ui171"]){justify-content:flex-end;margin:14px 0;}
:where([data-ht-p191="ui172"]){margin:0 0 12px;text-align:center;}
:where([data-ht-p191="ui173"]){width:260px;text-align:right;}
:where([data-ht-p191="ui174"]){color:var(--muted);font-size:12px;margin-top:3px;}
:where([data-ht-p191="ui175"]){text-decoration:none;}
:where([data-ht-p191="ui176"]){margin-bottom:14px;}
:where([data-ht-p191="ui177"]){text-align:center;margin-top:10px;color:var(--muted);}
:where([data-ht-p191="ui178"]){width:360px;}
:where([data-ht-p191="ui179"]){margin-top:12px;text-align:center;}
:where([data-ht-p191="ui180"]){width:260px;}
:where([data-ht-p191="ui181"]){margin-top:0;margin-bottom:10px;}
:where([data-ht-p191="ui182"]){font-weight:950;margin-bottom:6px;}
:where([data-ht-p191="ui183"]){white-space:pre-wrap;}
:where([data-ht-p191="ui184"]){width:340px;}
:where([data-ht-p191="ui185"]){width:90px;text-align:right;}
:where([data-ht-p191="ui186"]){width:120px;text-align:right;}
:where([data-ht-p191="ui187"]){overflow:auto;}
:where([data-ht-p191="ui188"]){display:flex;align-items:center;gap:8px;margin:0;}
:where([data-ht-p191="ui189"]){display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px;}
:where([data-ht-p191="ui190"]){margin-bottom:14px;}
:where([data-ht-p191="ui191"]){display:none;}
:where([data-ht-p191="ui192"]){display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;}
:where([data-ht-p191="ui193"]){display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;}
:where([data-ht-p191="ui194"]){margin:0 0 6px;color:#040cd3;text-transform:uppercase;letter-spacing:.11em;font-weight:950;font-size:12px;}
:where([data-ht-p191="ui195"]){margin:0 0 14px;font-size:24px;letter-spacing:-.04em;}
:where([data-ht-p191="ui196"]){margin:0;font-weight:700;}
:where([data-ht-p191="ui197"]){accent-color:#040cd3;}
:where([data-ht-p191="ui198"]){color:var(--ht-muted,#5e7193);}
:where([data-ht-p191="ui199"]){grid-column:1/-1;}
:where([data-ht-p191="ui200"]){justify-content:center;}
:where([data-ht-p191="ui201"]){margin-top:9px;}
:where([data-ht-p191="ui202"]){margin:10px 0 12px;}
:where([data-ht-p191="ui203"]){margin:0 0 12px; text-align:center;}
:where([data-ht-p191="ui204"]){font-size:34px;line-height:1;font-weight:950;letter-spacing:-.04em;}
:where([data-ht-p191="ui205"]){text-decoration:none;display:block;}
:where([data-ht-p191="ui206"]){margin-bottom:10px;}
:where([data-ht-p191="ui207"]){margin:0;color:var(--ht-ink);font-size:22px;font-weight:950;letter-spacing:-.035em;line-height:1.1;}
:where([data-ht-p191="ui208"]){margin:0;color:var(--ht-muted);font-weight:800;line-height:1.45;}
:where([data-ht-p191="ui209"]){margin:0 0 8px;color:var(--ht-ink);font-size:22px;font-weight:950;letter-spacing:-.035em;line-height:1.1;}
:where([data-ht-p191="ui210"]){margin:8px 0 6px;color:var(--ht-ink);font-size:22px;font-weight:950;letter-spacing:-.035em;}

/* P191 dynamische Fortschrittsbreiten ohne Inline-style */
.ht-w-0{width:0%;}
.ht-w-1{width:1%;}
.ht-w-2{width:2%;}
.ht-w-3{width:3%;}
.ht-w-4{width:4%;}
.ht-w-5{width:5%;}
.ht-w-6{width:6%;}
.ht-w-7{width:7%;}
.ht-w-8{width:8%;}
.ht-w-9{width:9%;}
.ht-w-10{width:10%;}
.ht-w-11{width:11%;}
.ht-w-12{width:12%;}
.ht-w-13{width:13%;}
.ht-w-14{width:14%;}
.ht-w-15{width:15%;}
.ht-w-16{width:16%;}
.ht-w-17{width:17%;}
.ht-w-18{width:18%;}
.ht-w-19{width:19%;}
.ht-w-20{width:20%;}
.ht-w-21{width:21%;}
.ht-w-22{width:22%;}
.ht-w-23{width:23%;}
.ht-w-24{width:24%;}
.ht-w-25{width:25%;}
.ht-w-26{width:26%;}
.ht-w-27{width:27%;}
.ht-w-28{width:28%;}
.ht-w-29{width:29%;}
.ht-w-30{width:30%;}
.ht-w-31{width:31%;}
.ht-w-32{width:32%;}
.ht-w-33{width:33%;}
.ht-w-34{width:34%;}
.ht-w-35{width:35%;}
.ht-w-36{width:36%;}
.ht-w-37{width:37%;}
.ht-w-38{width:38%;}
.ht-w-39{width:39%;}
.ht-w-40{width:40%;}
.ht-w-41{width:41%;}
.ht-w-42{width:42%;}
.ht-w-43{width:43%;}
.ht-w-44{width:44%;}
.ht-w-45{width:45%;}
.ht-w-46{width:46%;}
.ht-w-47{width:47%;}
.ht-w-48{width:48%;}
.ht-w-49{width:49%;}
.ht-w-50{width:50%;}
.ht-w-51{width:51%;}
.ht-w-52{width:52%;}
.ht-w-53{width:53%;}
.ht-w-54{width:54%;}
.ht-w-55{width:55%;}
.ht-w-56{width:56%;}
.ht-w-57{width:57%;}
.ht-w-58{width:58%;}
.ht-w-59{width:59%;}
.ht-w-60{width:60%;}
.ht-w-61{width:61%;}
.ht-w-62{width:62%;}
.ht-w-63{width:63%;}
.ht-w-64{width:64%;}
.ht-w-65{width:65%;}
.ht-w-66{width:66%;}
.ht-w-67{width:67%;}
.ht-w-68{width:68%;}
.ht-w-69{width:69%;}
.ht-w-70{width:70%;}
.ht-w-71{width:71%;}
.ht-w-72{width:72%;}
.ht-w-73{width:73%;}
.ht-w-74{width:74%;}
.ht-w-75{width:75%;}
.ht-w-76{width:76%;}
.ht-w-77{width:77%;}
.ht-w-78{width:78%;}
.ht-w-79{width:79%;}
.ht-w-80{width:80%;}
.ht-w-81{width:81%;}
.ht-w-82{width:82%;}
.ht-w-83{width:83%;}
.ht-w-84{width:84%;}
.ht-w-85{width:85%;}
.ht-w-86{width:86%;}
.ht-w-87{width:87%;}
.ht-w-88{width:88%;}
.ht-w-89{width:89%;}
.ht-w-90{width:90%;}
.ht-w-91{width:91%;}
.ht-w-92{width:92%;}
.ht-w-93{width:93%;}
.ht-w-94{width:94%;}
.ht-w-95{width:95%;}
.ht-w-96{width:96%;}
.ht-w-97{width:97%;}
.ht-w-98{width:98%;}
.ht-w-99{width:99%;}
.ht-w-100{width:100%;}
/* END P191_INLINE_STYLE_CLEANUP */

/* =========================================================
   P260 FINAL BUTTON LAYER – korrigierte :is():not() Selektoren
   ---------------------------------------------------------
   DevTools nach P259 zeigte:
   - ht-css-v259 aktiv
   - aber weiterhin P188-Regel aktiv
   Ursache: In P259 stand zwischen :is(...) und :not(...) ein Leerraum.
   Dadurch traf die Regel nicht den Button selbst.

   In P260 sind die Pseudoklassen direkt verbunden:
   :is(...):not(...)

   Keine PHP-Buttonlogik.
   Keine Navigation.
   Keine Topbar-Geometrie.
   ========================================================= */

/* Blau / Primary */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell):is(.never),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(.btn.primary,.btn.blue,.btn-primary,.button.primary,.button.blue,.ht-btn.primary,.ht-btn.blue,.ht-btn-primary,button.primary,button.blue,input[type="submit"].primary,input[type="button"].primary,a.primary,a.blue):not(.danger):not(.red):not(.delete):not(.del):not(.secondary):not(.light):not(.yellow):not(.scoreboard):not(.warning):not(.orange):not(.success):not(.green):not(.ht-nav-link):not(.ht-back-button){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#0b2a7e !important;
  background-color:#0b2a7e !important;
  background-image:linear-gradient(180deg,rgba(53,109,255,.24),rgba(11,42,126,.78)) !important;
  border-color:rgba(53,109,255,.95) !important;
  box-shadow:0 0 0 1px rgba(53,109,255,.18) inset,0 0 24px rgba(53,109,255,.40),0 16px 34px rgba(53,109,255,.15) !important;
}

/* Rot / Danger / Delete / LIVE */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(.btn.danger,.btn.red,.btn.delete,.btn.del,.btn-danger,.btn-red,.button.danger,.button.red,.ht-btn.danger,.ht-btn.red,.ht-btn-danger,button.danger,button.red,button.delete,button.del,input[type="submit"].danger,input[type="submit"].red,input[type="button"].danger,input[type="button"].red,a.danger,a.red,a.delete,a.del):not(.ht-nav-link):not(.ht-back-button),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) form:has(input[name="action"][value="set_live"]) :where(button[type="submit"],.btn,.ht-btn),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) form:has(input[name="action"][value*="delete"]) :where(button[type="submit"],.btn,.ht-btn){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#7a0f1c !important;
  background-color:#7a0f1c !important;
  background-image:linear-gradient(180deg,rgba(255,51,72,.28),rgba(120,14,28,.76)) !important;
  border-color:rgba(255,51,72,.95) !important;
  box-shadow:0 0 0 1px rgba(255,51,72,.18) inset,0 0 24px rgba(255,51,72,.46),0 16px 34px rgba(255,51,72,.18) !important;
}

/* Grün / Success */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(.btn.success,.btn.green,.btn-success,.button.success,.button.green,.ht-btn.success,.ht-btn.green,.ht-btn-success,button.success,button.green,input[type="submit"].success,input[type="button"].success,a.success,a.green):not(.ht-nav-link):not(.ht-back-button){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#0a5833 !important;
  background-color:#0a5833 !important;
  background-image:linear-gradient(180deg,rgba(32,208,116,.28),rgba(10,88,51,.76)) !important;
  border-color:rgba(32,208,116,.95) !important;
  box-shadow:0 0 0 1px rgba(32,208,116,.18) inset,0 0 24px rgba(32,208,116,.40),0 16px 34px rgba(32,208,116,.15) !important;
}

/* Gelb / Warning / Scoreboard */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(.btn.warning,.btn.yellow,.btn.scoreboard,.btn-warning,.button.warning,.button.yellow,.button.scoreboard,.ht-btn.warning,.ht-btn.yellow,.ht-btn.scoreboard,.ht-btn-warning,button.warning,button.yellow,button.scoreboard,input[type="submit"].warning,input[type="button"].warning,a.warning,a.yellow,a.scoreboard,a[href*="scoreboard_control.php"]):not(.orange):not(.ht-nav-link):not(.ht-back-button){
  color:#fff7d5 !important;
  -webkit-text-fill-color:#fff7d5 !important;
  background:#745208 !important;
  background-color:#745208 !important;
  background-image:linear-gradient(180deg,rgba(242,201,76,.30),rgba(116,82,8,.76)) !important;
  border-color:rgba(242,201,76,.98) !important;
  box-shadow:0 0 0 1px rgba(242,201,76,.18) inset,0 0 24px rgba(242,201,76,.42),0 16px 34px rgba(242,201,76,.15) !important;
}

/* Orange */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(.btn.orange,.btn-orange,.button.orange,.ht-btn.orange,.ht-btn-orange,button.orange,input[type="submit"].orange,input[type="button"].orange,a.orange,a[href*="recordings_list.php"]):not(.yellow):not(.scoreboard):not(.ht-nav-link):not(.ht-back-button){
  color:#fff0d5 !important;
  -webkit-text-fill-color:#fff0d5 !important;
  background:#6b3f0a !important;
  background-color:#6b3f0a !important;
  background-image:linear-gradient(180deg,rgba(245,158,11,.30),rgba(107,63,10,.76)) !important;
  border-color:rgba(245,158,11,.95) !important;
  box-shadow:0 0 0 1px rgba(245,158,11,.18) inset,0 0 24px rgba(245,158,11,.38),0 16px 34px rgba(245,158,11,.14) !important;
}

/* Neutral / Standard / Light / Secondary */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn,button.btn,.btn,.button,a.ht-btn,button.ht-btn,.ht-btn):not(.primary):not(.blue):not(.danger):not(.red):not(.delete):not(.del):not(.warning):not(.yellow):not(.scoreboard):not(.orange):not(.success):not(.green):not(.ht-nav-link):not(.ht-back-button):not(.ht-menu-toggle):not(.ht-modal-close):not([data-ht-modal-close]):not(.miniBtn):not(.pbtn):not(.icon-btn):not(.filter-btn.small):not(.small):not(.mini),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(.btn.light,.btn.secondary,.button.light,.button.secondary,.ht-btn.light,.ht-btn.secondary,button.light,button.secondary,a.light,a.secondary):not(.ht-nav-link):not(.ht-back-button){
  color:#102a58 !important;
  -webkit-text-fill-color:#102a58 !important;
  background:#fff !important;
  background-color:rgba(255,255,255,.86) !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.76)) !important;
  border-color:rgba(210,226,249,.95) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.58) inset,0 12px 28px rgba(29,64,120,.14) !important;
}

/* Text/Symbole nicht ausbleichen */
body[class*="ht-css-v"] :where(a.btn,button.btn,.btn,a.ht-btn,button.ht-btn,.ht-btn):not(.ht-nav-link):not(.ht-back-button) *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}


/* P261: Button-Finish nach sichtbarem P260-Durchbruch.
   Ziel:
   - Blau näher an Preview, weniger hart
   - LIVE setzen rot
   - Löschen rot
   - Bearbeiten/Archivieren neutral
   Diese Schicht bleibt bewusst klein und sitzt nach P260. */

/* Blau etwas weicher, aber weiterhin gefüllt */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(.btn.primary,.btn.blue,.btn-primary,.button.primary,.button.blue,.ht-btn.primary,.ht-btn.blue,.ht-btn-primary,button.primary,button.blue,input[type="submit"].primary,input[type="button"].primary,a.primary,a.blue):not(.danger):not(.red):not(.delete):not(.del):not(.secondary):not(.light):not(.yellow):not(.scoreboard):not(.warning):not(.orange):not(.success):not(.green):not(.ht-nav-link):not(.ht-back-button){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#102f92 !important;
  background-color:#102f92 !important;
  background-image:linear-gradient(180deg,rgba(65,119,255,.25),rgba(16,47,146,.68)) !important;
  border-color:rgba(93,139,255,.86) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 18px rgba(53,109,255,.28),0 12px 28px rgba(53,109,255,.12) !important;
}

/* LIVE setzen: Button in matches.php hat in der Regel keine danger-Klasse,
   daher gezielt ueber Form-Action und sichtbaren Text-/Action-Kontext. */
body[class*="ht-css-v"] form[action*="matches.php"]:has(input[name="action"][value="set_live"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn),
body[class*="ht-css-v"] form:has(input[name="action"][value="set_live"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn),
body[class*="ht-css-v"] form:has(input[value="set_live"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#7a0f1c !important;
  background-color:#7a0f1c !important;
  background-image:linear-gradient(180deg,rgba(255,51,72,.25),rgba(120,14,28,.72)) !important;
  border-color:rgba(255,51,72,.92) !important;
  box-shadow:0 0 0 1px rgba(255,51,72,.18) inset,0 0 22px rgba(255,51,72,.38),0 14px 30px rgba(255,51,72,.16) !important;
}

/* Löschen: gezielt rot ueber delete/del/remove-Kontext. */
body[class*="ht-css-v"] form[action*="matches.php"]:has(input[name="action"][value*="delete"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn),
body[class*="ht-css-v"] form:has(input[name="action"][value*="delete"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn),
body[class*="ht-css-v"] form:has(input[name="action"][value*="del"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn),
body[class*="ht-css-v"] form:has(input[name="action"][value*="remove"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn),
body[class*="ht-css-v"] :is(a.btn[href*="delete"],a.ht-btn[href*="delete"],a.btn[href*="del"],a.ht-btn[href*="del"],a.btn.delete,a.ht-btn.delete,button.delete,button.del,.btn.delete,.ht-btn.delete):not(.ht-nav-link):not(.ht-back-button){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#7a0f1c !important;
  background-color:#7a0f1c !important;
  background-image:linear-gradient(180deg,rgba(255,51,72,.25),rgba(120,14,28,.72)) !important;
  border-color:rgba(255,51,72,.92) !important;
  box-shadow:0 0 0 1px rgba(255,51,72,.18) inset,0 0 22px rgba(255,51,72,.38),0 14px 30px rgba(255,51,72,.16) !important;
}

/* Falls LIVE zurücknehmen genutzt wird: grün. */
body[class*="ht-css-v"] form:has(input[name="action"][value="clear_live"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn),
body[class*="ht-css-v"] form:has(input[name="action"][value="unset_live"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn),
body[class*="ht-css-v"] form:has(input[name="action"][value="remove_live"]) :is(button[type="submit"],button.btn,button.ht-btn,.btn,.ht-btn){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#0a5833 !important;
  background-color:#0a5833 !important;
  background-image:linear-gradient(180deg,rgba(32,208,116,.24),rgba(10,88,51,.70)) !important;
  border-color:rgba(32,208,116,.92) !important;
  box-shadow:0 0 0 1px rgba(32,208,116,.18) inset,0 0 22px rgba(32,208,116,.36),0 14px 30px rgba(32,208,116,.14) !important;
}

/* Disabled rot bleibt sichtbar, aber gedimmt. */
body[class*="ht-css-v"] form:has(input[name="action"][value="set_live"]) :is(button[type="submit"]:disabled,button.btn:disabled,button.ht-btn:disabled,.btn.disabled,.ht-btn.disabled),
body[class*="ht-css-v"] form:has(input[name="action"][value*="delete"]) :is(button[type="submit"]:disabled,button.btn:disabled,button.ht-btn:disabled,.btn.disabled,.ht-btn.disabled),
body[class*="ht-css-v"] :is(.btn.delete.disabled,.ht-btn.delete.disabled,button.delete:disabled,button.del:disabled){
  opacity:.74 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background-image:linear-gradient(180deg,rgba(255,51,72,.18),rgba(120,14,28,.54)) !important;
  border-color:rgba(255,51,72,.74) !important;
  box-shadow:0 0 0 1px rgba(255,51,72,.12) inset,0 0 16px rgba(255,51,72,.22) !important;
}

/* Ende P261 */


/* P262: Exakte rote Danger-Buttons.
   DevTools/HTML-Struktur matches.php:
   <button class="ht-btn btn danger" type="submit">LIVE setzen</button>
   <button class="ht-btn btn danger" type="submit">Löschen</button>

   P261 war aktiv, aber diese Buttons blieben hell.
   Daher jetzt exakte reale Klasse mit hoher Spezifität. */

/* Exakte Danger-Buttons: LIVE setzen / Löschen */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell,.matchActions)
button.ht-btn.btn.danger:not(.ht-nav-link):not(.ht-back-button):not(.secondary):not(.light):not(.primary):not(.blue):not(.yellow):not(.scoreboard):not(.warning):not(.orange):not(.success):not(.green),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell,.matchActions)
a.ht-btn.btn.danger:not(.ht-nav-link):not(.ht-back-button):not(.secondary):not(.light):not(.primary):not(.blue):not(.yellow):not(.scoreboard):not(.warning):not(.orange):not(.success):not(.green),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell,.matchActions)
button.btn.danger:not(.ht-nav-link):not(.ht-back-button):not(.secondary):not(.light):not(.primary):not(.blue):not(.yellow):not(.scoreboard):not(.warning):not(.orange):not(.success):not(.green),
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell,.matchActions)
a.btn.danger:not(.ht-nav-link):not(.ht-back-button):not(.secondary):not(.light):not(.primary):not(.blue):not(.yellow):not(.scoreboard):not(.warning):not(.orange):not(.success):not(.green){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#7a0f1c !important;
  background-color:#7a0f1c !important;
  background-image:linear-gradient(180deg,rgba(255,51,72,.28),rgba(120,14,28,.76)) !important;
  border-color:rgba(255,51,72,.95) !important;
  box-shadow:0 0 0 1px rgba(255,51,72,.18) inset,0 0 24px rgba(255,51,72,.46),0 16px 34px rgba(255,51,72,.18) !important;
}

/* Disabled Danger: sichtbar, aber gedimmt */
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell,.matchActions)
button.ht-btn.btn.danger:disabled,
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell,.matchActions)
button.btn.danger:disabled,
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell,.matchActions)
.ht-btn.btn.danger.disabled,
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell,.matchActions)
.btn.danger.disabled{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#7a0f1c !important;
  background-color:#7a0f1c !important;
  background-image:linear-gradient(180deg,rgba(255,51,72,.20),rgba(120,14,28,.58)) !important;
  border-color:rgba(255,51,72,.74) !important;
  opacity:.78 !important;
  box-shadow:0 0 0 1px rgba(255,51,72,.12) inset,0 0 16px rgba(255,51,72,.24) !important;
}

/* Ende P262 */


/* P266: Match-Dashboard-Hero wieder als Overlay herstellen.
   Betrifft nur match_dashboard.php / .mdMatchHero.
   Keine Buttonlogik, keine Navigation, keine Topbar-Geometrie. */

body.ht-page-match-dashboard .mdMatchHero{
  position:relative !important;
  width:min(100%,1280px) !important;
  height:290px !important;
  margin:26px auto 24px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#f8fbff !important;
  box-shadow:0 18px 46px rgba(22,48,91,.10) !important;
}

body.ht-page-match-dashboard .mdMatchHeroBg{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  z-index:1 !important;
  pointer-events:none !important;
}

body.ht-page-match-dashboard .mdMatchHeroContent{
  position:absolute !important;
  z-index:2 !important;
  top:20px !important;
  bottom:18px !important;
  left:31.5% !important;
  right:27.5% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  color:#0b2348 !important;
}

body.ht-page-match-dashboard .mdHeroLivePill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:30px !important;
  padding:0 17px !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  color:#fff !important;
  text-transform:uppercase !important;
  background:linear-gradient(180deg,rgba(255,67,88,.96),rgba(211,25,47,.92)) !important;
  box-shadow:0 10px 22px rgba(230,31,54,.24) !important;
}

body.ht-page-match-dashboard .mdHeroLivePill i{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#fff !important;
  display:block !important;
  flex:0 0 auto !important;
}

body.ht-page-match-dashboard .mdHeroType{
  margin-top:9px !important;
  color:#496b9b !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
}

body.ht-page-match-dashboard .mdHeroTeams{
  margin-top:8px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:0 !important;
  width:100% !important;
  min-width:0 !important;
}

body.ht-page-match-dashboard .mdHeroTeamName{
  display:block !important;
  max-width:100% !important;
  color:#0b2856 !important;
  font-size:31px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  text-wrap:balance !important;
}

body.ht-page-match-dashboard .mdHeroVs{
  color:#0057ff !important;
  font-size:20px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  margin:2px 0 3px !important;
}

body.ht-page-match-dashboard .mdHeroMeta{
  margin-top:14px !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  color:#55719b !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}

body.ht-page-match-dashboard .mdHeroMetaLine{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  min-width:0 !important;
  max-width:100% !important;
}

body.ht-page-match-dashboard .mdHeroMetaItem{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-width:0 !important;
  white-space:nowrap !important;
  color:#55719b !important;
}

body.ht-page-match-dashboard .mdHeroMetaIcon{
  display:inline-block !important;
  width:15px !important;
  height:15px !important;
  object-fit:contain !important;
  opacity:.78 !important;
  flex:0 0 auto !important;
}

body.ht-page-match-dashboard .mdHeroActions{
  margin-top:auto !important;
  margin-bottom:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  width:100% !important;
}

body.ht-page-match-dashboard .mdHeroActions form{
  display:contents !important;
  margin:0 !important;
}

body.ht-page-match-dashboard .mdHeroActions .mdHeroBtn,
body.ht-page-match-dashboard .mdHeroActions .btn{
  min-width:178px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 20px !important;
  border-radius:15px !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

/* Hero darf auf schmaleren Breiten nicht aus dem Bild fallen. */
@media (max-width:1100px){
  body.ht-page-match-dashboard .mdMatchHero{
    height:300px !important;
  }
  body.ht-page-match-dashboard .mdMatchHeroContent{
    left:30% !important;
    right:25% !important;
  }
  body.ht-page-match-dashboard .mdHeroTeamName{
    font-size:27px !important;
  }
  body.ht-page-match-dashboard .mdHeroActions{
    gap:14px !important;
  }
}

@media (max-width:820px){
  body.ht-page-match-dashboard .mdMatchHero{
    height:auto !important;
    min-height:360px !important;
  }
  body.ht-page-match-dashboard .mdMatchHeroContent{
    left:22px !important;
    right:22px !important;
    top:22px !important;
    bottom:22px !important;
  }
}

/* Ende P266 */


/* P267: Scoreboard-Button gelb/gold fuellen.
   Betrifft gezielt Scoreboard-Buttons, vor allem im Match-Dashboard-Hero.
   Keine Buttonlogik, keine Navigation, kein Hero-Layout-Umbau. */

body.ht-page-match-dashboard .mdHeroActions :is(a.btn,button.btn,.mdHeroBtn,a.ht-btn,button.ht-btn)[href*="scoreboard"],
body.ht-page-match-dashboard .mdHeroActions :is(a.btn,button.btn,.mdHeroBtn,a.ht-btn,button.ht-btn).scoreboard,
body.ht-page-match-dashboard .mdHeroActions :is(a.btn,button.btn,.mdHeroBtn,a.ht-btn,button.ht-btn).warning,
body[class*="ht-css-v"] :where(main,.wrap,.container,.content,.page,.card,.panel,.box,.section-card,.table-card,.table-wrap,.ht-card,.ht-panel,.modalBody,.ht-modal,.ef-shell) :is(a.btn[href*="scoreboard"],a.ht-btn[href*="scoreboard"],a.btn.scoreboard,a.ht-btn.scoreboard,a.btn.warning,a.ht-btn.warning,button.btn.scoreboard,button.ht-btn.scoreboard,button.btn.warning,button.ht-btn.warning):not(.orange):not(.ht-nav-link):not(.ht-back-button){
  color:#fff7d5 !important;
  -webkit-text-fill-color:#fff7d5 !important;
  background:#6f4d07 !important;
  background-color:#6f4d07 !important;
  background-image:linear-gradient(180deg,rgba(242,201,76,.28),rgba(111,77,7,.74)) !important;
  border-color:rgba(242,201,76,.98) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 22px rgba(242,201,76,.38),
    0 14px 30px rgba(242,201,76,.14) !important;
}

/* Ende P267 */