/* AGENCY — Agent-Profil
 *
 * Der wichtigste Unterschied zum Baukasten ist ein optischer: hier steht ein
 * Track Record, keine Rückrechnung. Also keine Schraffur, kein rotes
 * Backtest-Etikett — sondern ein Kopf, der sagt, seit wann gelaufen wird.
 * Verwischt diese Grenze, verliert das Projekt sein einziges Argument.
 */

/* ── Kopf ───────────────────────────────────────────────────────────────── */

.agent-head{padding:34px 0 26px; border-bottom:1px solid var(--line)}
.ah-top{display:flex; align-items:flex-start; gap:20px; flex-wrap:wrap}
.ah-avatar{
  width:82px; height:82px; border-radius:var(--r); flex:none;
  border:1px solid var(--line-2); overflow:hidden; background:var(--surface-2);
}
.ah-main{flex:1; min-width:250px}
.ah-name{display:flex; align-items:center; gap:11px; flex-wrap:wrap; margin-bottom:5px}
.ah-name h1{font-size:clamp(30px,4.2vw,42px); letter-spacing:-.02em}
.ah-persona{font-size:17px; color:var(--ink-2); max-width:60ch; margin:6px 0 10px}
.ah-by{font-size:13px; color:var(--muted)}
.ah-by b{color:var(--ink); font-family:var(--mono); font-size:12.5px; font-weight:500}

.ah-rating{
  flex:none; text-align:right; padding-left:20px; border-left:1px solid var(--line);
  min-width:150px;
}
.ah-rating .v{font-family:var(--mono); font-size:44px; font-weight:600; line-height:1; letter-spacing:-.03em}
.ah-rating .k{font-family:var(--mono); font-size:9.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); margin-bottom:5px}
.ah-rating .s{font-size:12px; color:var(--muted); margin-top:6px}
@media (max-width:700px){
  .ah-rating{border-left:none; padding-left:0; text-align:left; border-top:1px solid var(--line); padding-top:14px; width:100%}
}

.ah-cta{display:flex; gap:9px; flex-wrap:wrap; margin-top:18px; align-items:center}
.ah-cta .why{font-size:12px; color:var(--muted); max-width:44ch; line-height:1.45}

/* Ein Etikett, das das Gegenteil der Baukasten-Schraffur ist. */
.tag-record{
  border-color:var(--pos); color:var(--pos); background:transparent;
}

/* ── Raster ─────────────────────────────────────────────────────────────── */

.agent-grid{display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:22px; align-items:start; padding:24px 0 60px}
@media (max-width:1020px){ .agent-grid{grid-template-columns:minmax(0,1fr)} }

.panel{margin-bottom:16px}
.panel-head{
  display:flex; align-items:baseline; gap:10px; padding:13px 18px;
  border-bottom:1px solid var(--line); background:var(--surface-2);
  border-radius:var(--r) var(--r) 0 0;
}
.panel-head h2{font-size:16px}
.panel-head .n{margin-left:auto; font-size:12px; color:var(--muted)}
.panel-body{padding:16px 18px}

/* ── Regeln, schreibgeschützt ───────────────────────────────────────────── */

/* Bewusst dieselbe Bildsprache wie im Baukasten, nur ohne Bedienelemente:
 * wer hier eine Regel liest, soll sie im Baukasten wiedererkennen. */
.ro-rule{
  border:1px solid var(--line-2); border-radius:var(--r); background:var(--surface-2);
  margin-bottom:9px; overflow:hidden;
}
.ro-bar{
  display:flex; align-items:center; gap:9px; padding:6px 11px;
  background:var(--surface-3); border-bottom:1px solid var(--line-2);
}
.ro-bar .ord{font-family:var(--mono); font-size:10.5px; color:var(--muted)}
.ro-bar .lbl{font-size:12.5px; font-weight:600}
.ro-bar .hits{margin-left:auto; font-family:var(--mono); font-size:11px; color:var(--muted)}
.ro-body{padding:10px 12px; font-size:13.5px; line-height:1.75}
.ro-body .kw{
  font-family:var(--mono); font-size:10.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--accent-ink); font-weight:600; margin-right:5px;
}
.ro-body b{font-weight:600}
.ro-mix{display:flex; flex-wrap:wrap; gap:5px; margin-top:7px}
.ro-w{
  display:inline-flex; align-items:baseline; gap:5px; padding:2px 9px;
  background:var(--surface); border:1px solid var(--line); border-radius:99px;
  font-family:var(--mono); font-size:11.5px;
}
.ro-w b{font-weight:600}

/* ── Grenzen ────────────────────────────────────────────────────────────── */

.limits{display:grid; grid-template-columns:repeat(auto-fit,minmax(128px,1fr)); gap:1px; background:var(--line)}
.limit{background:var(--surface); padding:11px 13px}
.limit .k{font-family:var(--mono); font-size:9.5px; letter-spacing:.11em;
  text-transform:uppercase; color:var(--muted)}
.limit .v{font-family:var(--mono); font-size:17px; font-weight:600; margin-top:3px}

/* ── Hash-Liste ─────────────────────────────────────────────────────────── */

.hashes{max-height:300px; overflow-y:auto; font-family:var(--mono); font-size:11px}
.hash-row{display:flex; gap:10px; padding:4px 0; border-bottom:1px solid var(--line)}
.hash-row:last-child{border-bottom:none}
.hash-row .d{color:var(--muted); width:34px; flex:none}
.hash-row .h{word-break:break-all; color:var(--ink-2); flex:1; min-width:0}
.hash-row.hit .h{color:var(--ink)}

/* ── Seitenspalte ───────────────────────────────────────────────────────── */

.side-list a{
  display:flex; align-items:center; gap:10px; padding:9px 0;
  border-bottom:1px solid var(--line); text-decoration:none; font-size:13px;
}
.side-list a:last-child{border-bottom:none}
.side-list .av{width:28px; height:28px; border-radius:5px; overflow:hidden; flex:none; border:1px solid var(--line)}
.side-list .nm{font-family:var(--mono); font-size:12px; font-weight:600}
.side-list .dv{font-size:11px; color:var(--muted)}
.side-list .rt{margin-left:auto; font-family:var(--mono); font-size:12.5px; font-weight:600}
.side-list a[aria-current="page"]{background:var(--accent-wash); padding-inline:8px; border-radius:var(--r-sm)}