.wrap{max-width:1100px;margin:0 auto;padding:20px}
    a{color:#004488;text-decoration:none} a:hover{text-decoration:underline}
    .muted{color:#666;font-size:.92em}
    .card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;margin:10px 0}
    .row{font-family:ui-monospace,Menlo,Consolas,monospace; white-space:nowrap; overflow:auto; padding:2px 0}
    .post{border-top:1px solid #eee;padding:8px 0}
    textarea{width:100%;min-height:110px;border:1px solid #cbd5e0;border-radius:8px;padding:8px}

    /* Rang badge-ek */
    .badge{display:inline-block; margin-left:6px; padding:1px 6px; border-radius:9999px; font-size:.78em; border:1px solid;}
    .badge-admin{color:#c53030; border-color:#f0aaaa; background:#ffecec;}
    .badge-mod{color:#2f855a; border-color:#a7d7bf; background:#ecfff6;}
    .badge-author{color:#2b6cb0; border-color:#a7c7e7; background:#eef6ff;}

    /* Üzenetdobozok (új) */
    .alert{padding:10px 12px;border-radius:10px;border:1px solid;margin:10px 0;font-size:.95em}
    .alert-success{background:#e6ffed;border-color:#a7f3d0;color:#065f46}
    .alert-error{background:#fde8e8;border-color:#f8b4b4;color:#9b1c1c}

/* --- Styled pager --- */
.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.pg-link{display:inline-block;padding:6px 10px;border:1px solid #ddd;border-radius:9999px;text-decoration:none;font-size:14px}
.pg-link:hover{background:#f5f5f5}
.pg-link.current{background:#0ea5e9;color:#fff;border-color:#0ea5e9}
.pg-link.disabled{pointer-events:none;opacity:.45}
.pg-ellipsis{padding:0 6px;color:#888}

/* --- Témalistázó (kártyás) --- */
.topic-list { list-style:none; padding:0; margin:8px 0 0; }
.topic-item {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:#fff; border:1px solid #e2e8f0; border-radius:10px;
  padding:10px 12px; margin:10px 0;
  transition: box-shadow .2s ease, transform .05s ease;
}
.topic-item:hover { box-shadow:0 4px 14px rgba(0,0,0,.06); }
.topic-item.is-closed { opacity:.9; }

.topic-title {
  flex:1; font-weight:600; color:#0f172a; text-decoration:none;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.topic-title:hover { text-decoration:underline; }

.topic-meta { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.badge-open  { color:#2f855a; border-color:#a7d7bf; background:#ecfff6; }
.badge-closed{ color:#c53030; border-color:#f0aaaa; background:#ffecec; }

/* kis pötty ikon a cím elé, ha szeretnéd */
.topic-title::before {
  content:'•'; margin-right:8px; color:#0ea5e9; font-weight:700;
}

/* Mobil finomítás */
@media (max-width: 640px) {
  .topic-item { flex-direction:column; align-items:flex-start; gap:6px; }
  .topic-title { white-space:normal; }
  .topic-meta { width:100%; justify-content:space-between; }
}