/* /assets/css/members.css
   Touch-first UI helpers for Members pages.
   Keep it additive (no global resets).
*/

.members-page .container{max-width:980px}

/* Big, tappable controls */
.members-page input,
.members-page textarea,
.members-page select{
  font-size:18px;
  padding:14px 14px;
}

.members-page .btn{font-size:18px;padding:14px 20px}

/* Stepper / sections */
.member-steps{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 var(--space-4)}
.member-step{
  padding:8px 12px;border:1px solid #1c1c1c;border-radius:999px;background:#0b0b0b;color:#cfcfcf
}
.member-step[aria-current="step"]{border-color:var(--c-accent);color:#fff}

/* Simple responsive grid for radio/checkbox groups */
.members-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:8px;
}

/* Two-column on larger screens */
@media (min-width:900px){
  .members-split{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-5);align-items:start}
}

/* Sticky action row (good on tablets) */
.actions-sticky{
  position:sticky;bottom:0;z-index:5;
  background:linear-gradient(to top, rgba(0,0,0,.92), rgba(0,0,0,.6) 65%, rgba(0,0,0,0));
  padding:12px 0 6px;margin-top:var(--space-4)
}
.actions-sticky .btn-row{display:flex;gap:10px;flex-wrap:wrap}

/* Tables for admin */
.admin-table{width:100%;border-collapse:separate;border-spacing:0 10px}
.admin-table th{font-weight:600;color:#cfcfcf;text-align:left;font-size:.95rem}
.admin-table td{vertical-align:middle}
.admin-row{
  background:#0b0b0b;border:1px solid #161616;border-radius:var(--radius);
}
.admin-row > td{padding:12px}

.score-input{max-width:160px}

.notice{padding:12px 14px;border:1px solid #1c1c1c;border-radius:12px;background:#0b0b0b}
.notice--good{border-color:rgba(0,255,102,.35)}
.notice--bad{border-color:rgba(255,107,107,.35)}

.kbd{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  background:#000;border:1px solid #2a2a2a;border-radius:8px;padding:3px 8px
}