.htk-runner{margin:10px 0 20px;}
.htk-form{margin-bottom:10px;}
.htk-loading{margin-left:8px;opacity:.8}
.htk-hidden{display:none}

/* Frontend: Summary + Feedback */
.htk-summary{margin:18px 0}
.htk-feedback{margin:18px 0; padding:14px 16px; border:1px solid #e5e7eb; border-radius:10px; background:#fff}
.htk-feedback h3{margin:0 0 6px 0}
.htk-feedback p{margin:0 0 12px 0}
.htk-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px}
.htk-feedback input[type="text"],
.htk-feedback input[type="email"],
.htk-feedback textarea,
.htk-feedback select{width:100%; max-width:100%}
.htk-fieldset{margin:12px 0; padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px}
.htk-fieldset label{display:block; margin:6px 0}
.htk-consent{display:block; margin:12px 0}
.htk-feedback-msg{margin-left:10px}

@media (max-width: 700px){
  .htk-grid{grid-template-columns:1fr}
}

/* Cards + Accordion */
.htk-run-card{border:1px solid #e5e7eb;border-radius:10px;padding:0;margin:10px 0;background:#fff;overflow:hidden}
.htk-card-head{display:flex;align-items:stretch;gap:10px;padding:10px}

.htk-acc-toggle{
  appearance:none;
  border:0;
  background:transparent;
  padding:8px 10px;
  margin:0;
  cursor:pointer;
  text-align:left;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:8px;
}
.htk-acc-toggle:hover{background:#f8fafc}
.htk-acc-toggle:focus{outline:2px solid #0ea5e9; outline-offset:2px}

.htk-acc-title{font-weight:600;color:#0f172a;flex:0 0 auto}
.htk-acc-meta{font-size:12px;opacity:.9;flex:1 1 auto}
.htk-acc-chevron{flex:0 0 auto;transition:transform .15s ease;opacity:.7}
.htk-run-card.is-open .htk-acc-chevron{transform:rotate(180deg)}

.htk-meta-green{color:#14532d}
.htk-meta-yellow{color:#854d0e}
.htk-meta-red{color:#7f1d1d}
.htk-meta-grey{color:#374151}

.htk-card-body{padding:0 14px 12px 14px}
.htk-result ul{margin:.5em 0 .2em 1.2em;list-style:disc}

/* Status badges */
.htk-badge{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:999px;
  padding:0;
  margin-right:6px;
  font-size:0;
}
.htk-statusline{
  display:inline-block;
  padding:4px 10px;
  border-radius:6px;
  margin-bottom:6px;
  font-size:13px;
}
.htk-status-green{background:#dcfce7;color:#14532d;border-left:3px solid #16a34a;}
.htk-status-yellow{background:#fef9c3;color:#854d0e;border-left:3px solid #ca8a04;}
.htk-status-red{background:#fee2e2;color:#7f1d1d;border-left:3px solid #dc2626;}
.htk-status-grey{background:#e5e7eb;color:#374151;border-left:3px solid #6b7280;}
.htk-badge.green{background:#16a34a}
.htk-badge.yellow{background:#ca8a04}
.htk-badge.red{background:#dc2626}
.htk-badge.grey{background:#6b7280}

.htk-btn-disabled{opacity:.5;pointer-events:none}
.htk-scoreline{font-size:12px;color:#111827;background:#f1f5f9;border-radius:6px;display:inline-block;padding:2px 8px;margin-bottom:6px}
.htk-result .hts-warn{color:#dc2626;font-weight:700}

/* Drag & Drop Sortierung (Checks verwalten) */
.htk-drag-col{width:34px}
.htk-drag-handle{cursor:move;opacity:.8}
.htk-sort-placeholder{height:44px;background:#f1f5f9;border:1px dashed #94a3b8}

/* Teaser (Kurzüberblick) */
.htk-teaser{margin:18px 0; padding:14px 16px; border:1px dashed #cbd5e1; border-radius:10px; background:#ffffff}
.htk-teaser-title{margin:0 0 10px 0;font-size:16px;color:#0f172a}
.htk-teaser-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.htk-teaser-item{display:flex;align-items:center;gap:10px;font-size:14px}
.htk-teaser-dot{width:10px;height:10px;border-radius:999px;display:inline-block}
.htk-teaser-dot.green{background:#16a34a}
.htk-teaser-dot.yellow{background:#ca8a04}
.htk-teaser-dot.red{background:#dc2626}
.htk-teaser-dot.grey{background:#6b7280}
.htk-teaser-name{flex:1 1 auto}
.htk-teaser-score{font-variant-numeric:tabular-nums;opacity:.85}
.htk-teaser-note{margin:10px 0 0 0;font-size:13px;opacity:.85}

/* Feedback headings */
.htk-feedback-title{margin:0 0 6px 0;font-size:18px}
.htk-feedback-sub{margin:0 0 12px 0;opacity:.9}