/* =========================================================
   NO_SA – 3. szakasz oldalai: Klántagok, Kláneredmények, Toborzás,
   Kapcsolat, Szavazások
   ========================================================= */
/* Klántagok */
.members-table td.num, .members-table th.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.members-table tr.is-lead td { background: rgba(208,9,9,.06); }
.members-table tr.is-lead td:first-child { box-shadow: inset 3px 0 0 var(--red-500); }
.mname { display: flex; align-items: center; gap: 10px; }
.mname .avatar { width: 30px; height: 30px; font-size: .8rem; flex-shrink: 0; }
.mname a { color: var(--steel-400); } .mname a:hover { color: var(--red-400); }
.members-table .icon-btn { min-height: 28px; padding: 3px 6px; }
@media (max-width: 640px) { .members-table td.num { text-align: left; } }

/* Kláneredmények */
.result-card { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 18px; align-items: start; }
.result-card .result-rank { min-width: 76px; text-align: center; font: 400 1.5rem/1 var(--font-display); color: var(--red-400); padding: 12px 6px; border: 1px solid var(--red-900); background: rgba(92,2,3,.2); }
.result-card h3 { margin: 4px 0 6px; }
@media (max-width: 520px) { .result-card { grid-template-columns: 1fr; } .result-card .result-rank { justify-self: start; } }

/* Toborzás */
.recruit-grid { display: grid; gap: var(--gap); grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 980px) { .recruit-grid { grid-template-columns: 1fr; } }
.recruit-side { position: sticky; top: 200px; }
@media (max-width: 980px) { .recruit-side { position: static; } }
.apply-card { border-color: var(--red-700); background: linear-gradient(160deg, rgba(122,19,9,.3), var(--graphite) 45%); }
.apply-card h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
.steps-list { margin: 0; padding-left: 0; list-style: none; counter-reset: st; }
.steps-list li { counter-increment: st; position: relative; padding: 6px 0 6px 40px; }
.steps-list li::before { content: counter(st); position: absolute; left: 0; top: 3px; width: 28px; height: 28px; display: grid; place-items: center; background: var(--red-500); color: var(--white); font: 700 .9rem/1 var(--font-ui); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
.hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.st-new { color: #7fb4ff; border-color: #4a78c7; } .st-reviewing { color: var(--maybe); border-color: var(--maybe); }
.st-accepted { color: #6fd27c; border-color: var(--ok); } .st-rejected { color: var(--steel-400); }

/* Kapcsolat */
.contact-tile .btn { margin-top: 4px; }

/* Szavazások */
.poll h3 { margin: 4px 0 2px; font-size: 1.25rem; text-transform: none; letter-spacing: .01em; }
.poll-opts { display: grid; gap: 10px; margin-top: 12px; }
.poll-opt { display: grid; gap: 4px; padding: 8px 10px; border: 1px solid var(--steel-700); background: rgba(0,0,0,.25); }
.poll-opt.mine { border-color: var(--ok); }
.poll-label { font: 700 1rem/1.3 var(--font-ui); color: var(--white); letter-spacing: .02em; }
.poll-opt .btn { justify-self: start; }
.poll-bar { height: 8px; background: var(--black-2); border: 1px solid var(--steel-700); }
.poll-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--red-700), var(--red-400)); }
.input-sm { min-height: 34px; padding: 5px 8px; font-size: .9rem; }
@media (max-width: 980px) { .recruit-side { order: -1; } }