/*
 * tier2.css — Evidence-First System
 * Tier 2: 14-Day Build Sprint
 * Namespace: .t2-* (ausschliesslich)
 * Ausnahme: .nav-divider (Tier-2-spezifische Sidebar-Trennlinie)
 *
 * Hierher migriert aus components.css L3935–4873
 * Tokens: aus theme.css / keine hardcodierten Werte
 * JS: tier2.js, tier2-data.js
 */

/* =========================================================
   13 — TIER 2: 14-DAY BUILD SPRINT
   Alle Klassen: t2-* Namespace
   Keine hardcodierten Werte — ausschliesslich CSS-Tokens
   Mobile-first: Base = Mobile, Desktop via (min-width: 601px)
   ========================================================= */

/* ── TAB SYSTEM ──────────────────────────────────────────
   Einsatz: Workspace-Module mit mehreren Sections
   Sticky unter Hero-Block, horizontal scrollbar auf Mobile
──────────────────────────────────────────────────────── */
.t2-tabs {
  position: sticky;
  top: calc(env(safe-area-inset-top, 0px) + 56px);
  z-index: 20;
  display: flex;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  background: var(--surface-page);
  border-bottom: 1px solid var(--border-subtle);
  padding: 0 var(--space-4);
  margin-bottom: var(--space-4);
}
.t2-tabs::-webkit-scrollbar { display: none; }

.t2-tab {
  flex-shrink: 0;
  padding: 12px 14px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: var(--text-muted);
  border-bottom: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  min-height: 44px;
  display: flex;
  align-items: center;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  font-family: inherit;
  transition: color 0.12s, border-color 0.12s;
  user-select: none;
}
.t2-tab:hover { color: var(--text-primary); }
.t2-tab.active {
  color: var(--text-accent);
  border-bottom-color: var(--text-accent);
}

/* Tab-Content-Slot */
#t2-tab-content {
  padding: 0 0 calc(var(--space-8) + env(safe-area-inset-bottom, 0px));
}

/* ── GATE BOX ────────────────────────────────────────────
   Visuell: gruener linker Rand — Signal dass Gate erfuellt
──────────────────────────────────────────────────────── */
.t2-gate-box {
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--text-accent);
  background: var(--y-glow);
  border-radius: var(--radius-sm);
  padding: var(--space-3) var(--space-4);
  margin: var(--space-3) 0;
}
.t2-gate-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-accent);
  display: block;
  margin-bottom: var(--space-1);
}
.t2-gate-text {
  font-size: var(--fs-base);
  color: var(--text-primary);
  line-height: var(--lh-snug);
}

/* Gate: offen */
.t2-gate-box--open {
  border-left-color: var(--border-default);
  background: var(--surface-card);
}
.t2-gate-box--open .t2-gate-label {
  color: var(--text-muted);
}

/* ── DAY CARD ────────────────────────────────────────────
   Daily-Build-Seiten: kompakte Tages-Uebersicht
──────────────────────────────────────────────────────── */
.t2-day-card {
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-3);
}
.t2-day-card-phase {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: var(--space-1);
}
.t2-day-card-num {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-accent);
  margin-bottom: var(--space-1);
}
.t2-day-card-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-heavy);
  color: var(--text-primary);
  letter-spacing: -0.02em;
  line-height: var(--lh-snug);
  margin-bottom: var(--space-2);
}
.t2-day-card-intro {
  font-size: var(--fs-base);
  color: var(--text-secondary);
  line-height: var(--lh-relaxed);
  margin-bottom: var(--space-3);
}

/* ── DELIVERABLE BLOCK ───────────────────────────────────
   Was heute gebaut werden muss
──────────────────────────────────────────────────────── */
.t2-deliverable-block {
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--text-primary);
  border-radius: var(--radius-sm);
  padding: var(--space-3) var(--space-4);
  margin: var(--space-3) 0;
  background: var(--surface-card);
}
.t2-deliverable-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: var(--space-1);
}
.t2-deliverable-text {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  line-height: var(--lh-snug);
}

/* Workspace-Link-Button auf Day-Seiten */
.t2-workspace-link {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-4);
  padding: var(--space-3) var(--space-4);
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  cursor: pointer;
  text-align: left;
  width: 100%;
  font-family: inherit;
  transition: border-color 0.12s, background 0.12s;
}
.t2-workspace-link:hover {
  border-color: var(--text-accent);
  background: var(--y-glow);
}
.t2-workspace-link-arrow {
  margin-left: auto;
  color: var(--text-accent);
}

/* ── STEP LIST ───────────────────────────────────────────
   Nummerierte Schritt-Listen in Workspace-Modulen
──────────────────────────────────────────────────────── */
.t2-step-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.t2-step-list li {
  display: flex;
  gap: var(--space-3);
  font-size: var(--fs-base);
  color: var(--text-secondary);
  line-height: var(--lh-relaxed);
}
.t2-step-list li::before {
  content: '-';
  color: var(--text-accent);
  flex-shrink: 0;
  margin-top: 1px;
  font-weight: var(--fw-heavy);
}
.t2-step-list li strong { color: var(--text-primary); }

/* ── DEBUG BOX ───────────────────────────────────────────
   Fehlerbehebungs-Hinweise in Workspace-Modulen
──────────────────────────────────────────────────────── */
.t2-debug-box {
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--text-muted);
  border-radius: var(--radius-sm);
  padding: var(--space-3) var(--space-4);
  margin: var(--space-3) 0;
  background: var(--surface-card);
}
.t2-debug-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: var(--space-2);
}
.t2-debug-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.t2-debug-list li {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  line-height: var(--lh-relaxed);
}
.t2-debug-list li::before {
  content: '- ';
  color: var(--text-muted);
}

/* ── FORM FIELDS ─────────────────────────────────────────
   Build Brief + LP + Tracking Eingabefelder
──────────────────────────────────────────────────────── */
.t2-field-group {
  margin-bottom: var(--space-4);
}
.t2-field-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-accent);
  display: block;
  margin-bottom: var(--space-2);
}
.t2-field-hint {
  font-size: var(--fs-xs);
  color: var(--text-muted);
  line-height: var(--lh-relaxed);
  margin-top: var(--space-1);
}
.t2-field-input {
  width: 100%;
  background: var(--surface-input);
  border: 1px solid var(--line2);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-3);
  transition: border-color 0.15s;
  -webkit-appearance: none;
}
.t2-field-input:focus {
  outline: none;
  border-color: #FFC700;
  box-shadow: 0 0 0 1px var(--ghost-ring-focus);
}
.t2-field-textarea {
  width: 100%;
  background: var(--surface-input);
  border: 1px solid var(--line2);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-3);
  resize: vertical;
  transition: border-color 0.15s;
  -webkit-appearance: none;
}
.t2-field-textarea:focus {
  outline: none;
  border-color: #FFC700;
  box-shadow: 0 0 0 1px var(--ghost-ring-focus);
}

/* Read-only Feld (Modus A: Tier-1-Daten) */
.t2-field-input--readonly,
.t2-field-textarea--readonly {
  color: var(--text-secondary);
  border-style: dashed;
  cursor: default;
}

/* Radio-Gruppe (Primaerpfad) */
.t2-radio-group {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
  margin-top: var(--space-2);
}
.t2-radio-btn {
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--text-muted);
  background: var(--surface-card);
  cursor: pointer;
  font-family: inherit;
  min-height: 44px;
  display: flex;
  align-items: center;
  transition: border-color 0.12s, color 0.12s, background 0.12s;
}
.t2-radio-btn.active {
  border-color: var(--text-accent);
  color: var(--text-primary);
  background: var(--y-glow);
}

/* ── DONE CHECKLIST ──────────────────────────────────────
   Abschluss-Tab: Fertig-wenn-Liste
──────────────────────────────────────────────────────── */
.t2-done-checklist {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  background: var(--surface-card);
  margin: var(--space-3) 0;
}
.t2-done-checklist-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: var(--space-3);
}
.t2-done-checklist-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-1) 0;
  font-size: var(--fs-base);
  color: var(--text-secondary);
  line-height: var(--lh-snug);
}
.t2-done-checklist-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--text-accent);
  flex-shrink: 0;
  margin-top: 6px;
}

/* ── NEXT STEP BLOCK ─────────────────────────────────────
   Abschluss-Tab: Weiter-zum-naechsten-Modul
──────────────────────────────────────────────────────── */
.t2-next-step {
  margin-top: var(--space-5);
}
.t2-next-step-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: var(--space-2);
}
.t2-next-step-text {
  font-size: var(--fs-base);
  color: var(--text-secondary);
  margin-bottom: var(--space-3);
  line-height: var(--lh-relaxed);
}
.t2-next-step-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  background: var(--text-accent);
  color: var(--bg);
  border: none;
  border-radius: var(--radius-0);
  font-size: var(--fs-sm);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-tight);
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.15s;
}
.t2-next-step-btn:hover { opacity: 0.88; }

/* ── LAUNCH CHECKLIST (interaktiv) ──────────────────────
   Launch-Modul: 7 Gate-Kriterien ankreuzen
──────────────────────────────────────────────────────── */
.t2-launch-checklist {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.t2-launch-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: border-color 0.12s, background 0.12s;
  min-height: 44px;
}
.t2-launch-item.checked {
  border-color: var(--text-accent);
  background: var(--y-glow);
}
.t2-launch-checkbox {
  width: 18px;
  height: 18px;
  border: 2px solid var(--border-default);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  transition: border-color 0.12s, background 0.12s;
}
.t2-launch-item.checked .t2-launch-checkbox {
  border-color: var(--text-accent);
  background: var(--text-accent);
}
.t2-launch-item-content { flex: 1; }
.t2-launch-item-label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  line-height: var(--lh-snug);
}
.t2-launch-item-desc {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  line-height: var(--lh-relaxed);
  margin-top: 2px;
}
.t2-launch-progress {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}
.t2-launch-progress-text {
  font-size: var(--fs-sm);
  color: var(--text-muted);
}
.t2-launch-progress-bar {
  flex: 1;
  height: 2px;
  background: var(--border-subtle);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
.t2-launch-progress-fill {
  height: 100%;
  background: var(--text-accent);
  border-radius: var(--radius-pill);
  transition: width 0.3s ease;
}

/* ── STATUS GRID (Command Center Uebersicht) ────────────── */
.t2-status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.t2-status-item {
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
}
.t2-status-item-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: var(--space-1);
}
.t2-status-item-value {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
}

/* ── PHASE PLAN (14-Tage-Plan Tab) ──────────────────────── */
.t2-phase-plan {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin: var(--space-3) 0;
}
.t2-phase-group-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: var(--space-2);
}
.t2-day-row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.1s;
  min-height: 44px;
}
.t2-day-row:hover { background: var(--surface-card); }
.t2-day-row-num {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  color: var(--text-accent);
  letter-spacing: var(--ls-wider);
  flex-shrink: 0;
  min-width: 28px;
  margin-top: 2px;
}
.t2-day-row-content { flex: 1; }
.t2-day-row-title {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  line-height: var(--lh-snug);
}
.t2-day-row-gate {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  line-height: var(--lh-relaxed);
  margin-top: 2px;
}
.t2-day-row-link {
  font-size: var(--fs-sm);
  color: var(--text-accent);
  flex-shrink: 0;
  margin-top: 3px;
}
.t2-day-row.gate-done .t2-day-row-title { color: var(--text-muted); }
.t2-day-row.gate-done .t2-day-row-num   { color: var(--text-muted); }

/* ── DAY OVERVIEW (Intro-Tab Workspace-Module) ───────────── */
.t2-day-overview {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.t2-day-overview-item {
  display: flex;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
}
.t2-day-overview-num {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  color: var(--text-accent);
  flex-shrink: 0;
  min-width: 36px;
}
.t2-day-overview-content { flex: 1; }
.t2-day-overview-task {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  line-height: var(--lh-snug);
  margin-bottom: var(--space-1);
}
.t2-day-overview-gate {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  line-height: var(--lh-relaxed);
}

/* ── VARIANT LIST (Funnel-Varianten) ─────────────────────── */
.t2-variant-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.t2-variant-item {
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
}
.t2-variant-label {
  font-size: var(--fs-sm);
  font-weight: var(--fw-heavy);
  color: var(--text-primary);
  margin-bottom: var(--space-1);
}
.t2-variant-flow {
  font-size: var(--fs-base);
  color: var(--text-accent);
  font-weight: var(--fw-medium);
  margin-bottom: 2px;
}
.t2-variant-note {
  font-size: var(--fs-sm);
  color: var(--text-muted);
}

/* ── TOOL LIST (Conversion Page Tool-Integration) ────────── */
.t2-tool-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: var(--space-3) 0;
}
.t2-tool-group-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: var(--space-1);
}
.t2-tool-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
}
.t2-tool-chip {
  padding: var(--space-1) var(--space-3);
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

/* ── STRUCTURE LIST (Page-Aufbau) ────────────────────────── */
.t2-structure-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.t2-structure-item {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
}
.t2-structure-num {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  color: var(--text-accent);
  flex-shrink: 0;
  width: 20px;
}
.t2-structure-content { flex: 1; }
.t2-structure-title {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  line-height: var(--lh-snug);
}
.t2-structure-desc {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  line-height: var(--lh-relaxed);
}

/* ── EVENT OVERVIEW (Tracking) ───────────────────────────── */
.t2-event-overview {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.t2-event-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
}
.t2-event-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--text-accent);
  flex-shrink: 0;
  margin-top: 5px;
}
.t2-event-content { flex: 1; }
.t2-event-label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  line-height: var(--lh-snug);
}
.t2-event-desc {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  line-height: var(--lh-relaxed);
}

/* ── RULE BLOCK ──────────────────────────────────────────── */
.t2-rule-block {
  border-left: 3px solid var(--border-default);
  padding: var(--space-2) var(--space-4);
  margin: var(--space-3) 0;
}
.t2-rule-block-label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: var(--space-2);
}
.t2-rule-item {
  font-size: var(--fs-base);
  color: var(--text-secondary);
  line-height: var(--lh-relaxed);
  margin-bottom: var(--space-1);
}

/* ── UPSELL BLOCK (Build Brief Modus B) ──────────────────── */
.t2-upsell-block {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  background: var(--surface-card);
  margin: var(--space-4) 0;
  text-align: center;
}
.t2-upsell-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-heavy);
  color: var(--text-primary);
  margin-bottom: var(--space-2);
}
.t2-upsell-desc {
  font-size: var(--fs-base);
  color: var(--text-secondary);
  line-height: var(--lh-relaxed);
  margin-bottom: var(--space-4);
}
.t2-upsell-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  background: var(--text-accent);
  color: var(--bg);
  border: none;
  border-radius: var(--radius-0);
  font-size: var(--fs-sm);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--ls-tight);
  cursor: pointer;
  font-family: inherit;
}
.t2-upsell-or {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  display: block;
  margin: var(--space-3) 0;
}
.t2-upsell-manual {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  font-family: inherit;
}
.t2-upsell-manual:hover { color: var(--text-primary); }

/* ── COMING SOON BADGE ───────────────────────────────────── */
.t2-coming-soon {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--space-2);
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  font-size: var(--fs-2xs);
  font-weight: var(--fw-medium);
  color: var(--text-muted);
  letter-spacing: var(--ls-tight);
}

/* ── PROMPT CARD (AI Prompts Resource) ───────────────────── */
.t2-prompt-card {
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-3);
  overflow: hidden;
}
.t2-prompt-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  min-height: 44px;
}
.t2-prompt-label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--text-primary);
}
.t2-prompt-when {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  padding: 0 var(--space-4) var(--space-2);
}
.t2-prompt-body {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
  line-height: var(--lh-relaxed);
  padding: var(--space-3) var(--space-4);
  background: var(--surface-page);
  border-top: 1px solid var(--border-subtle);
  white-space: pre-wrap;
  font-family: inherit;
  display: none;
}
.t2-prompt-card.open .t2-prompt-body { display: block; }
.t2-prompt-copy {
  font-size: var(--fs-xs);
  color: var(--text-accent);
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  padding: var(--space-1) var(--space-4) var(--space-3);
  display: none;
}
.t2-prompt-card.open .t2-prompt-copy { display: block; }

/* ── DESKTOP OVERRIDES (min-width: 601px) ────────────────── */
@media (min-width: 601px) {
  .t2-status-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .t2-tabs {
    padding: 0 var(--space-5);
  }
  .t2-tab {
    padding: 12px 18px;
  }
}

/* ── NAV: Tier-2-spezifische Sidebar-Elemente ── */

/* Dünne Trennlinie in der Sidebar */
.nav-divider {
  height: 1px;
  background: var(--border-subtle);
  margin: var(--space-2) var(--space-4);
}

/* Build Methode — 2-Karten-Grid */
.t2-method-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}
@media (min-width: 601px) {
  .t2-method-grid {
    flex-direction: row;
  }
  .t2-method-grid .tier-card {
    flex: 1;
  }
}