/* === TEAM SETUP PAGE STYLES === */

/* Override shared container width */
.container{max-width:800px}
h3{font-size:calc(16px*var(--fs))}

.page-header{text-align:center;margin-bottom:32px}
.page-header h1{font-size:calc(clamp(1.3rem,3vw,1.8rem)*var(--fs));color:var(--teal);margin-bottom:8px}
.page-header p{color:#a3b5c8}

.success-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;margin-bottom:32px;background:rgba(48,255,235,.08);border:1px solid rgba(48,255,235,.15);border-radius:8px;font-size:calc(14px*var(--fs));color:var(--teal);font-weight:500}
.success-banner svg{flex-shrink:0}

.error-state{text-align:center;padding:60px 24px;color:#a3b5c8}
.error-state h2{color:var(--teal);margin-bottom:16px}

/* Override spinner for setup page */
.spinner{padding:60px}

.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.summary-item{font-size:calc(13px*var(--fs))}
.summary-item .label{color:#a3b5c8;font-size:calc(12px*var(--fs));margin-bottom:2px}
.summary-item .value{color:#f0f0ef;font-weight:500}

.member-count{font-size:calc(14px*var(--fs));color:var(--teal);font-weight:500;margin-bottom:16px}
.member-row{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03)}
.member-row:nth-child(even){background:rgba(255,255,255,.015);margin:0 -8px;padding:8px}
.member-row.locked{opacity:.6}
.member-row .num{width:28px;text-align:center;font-size:calc(12px*var(--fs));color:#a3b5c8;flex-shrink:0}
.member-row .fi{flex:1;min-width:0;background:var(--dark);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:9px 12px;font-family:'DM Sans',sans-serif;font-size:calc(13px*var(--fs));color:#fff;outline:0;transition:.2s}
.member-row .fi:focus{border-color:var(--teal)}
.member-row .fi.err-field{border-color:var(--err)}
.member-row .fi:disabled{color:#8fa3b8;cursor:not-allowed;background:rgba(255,255,255,.02)}
.member-row .fi.email{flex:1.3}
.row-clear{width:28px;height:28px;border:none;background:transparent;color:#a3b5c8;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:.2s;flex-shrink:0}
.row-clear:hover{background:rgba(255,255,255,.06);color:var(--teal)}
.admin-badge{display:inline-block;padding:3px 10px;background:rgba(48,255,235,.12);color:var(--teal);border-radius:4px;font-size:calc(11px*var(--fs));font-weight:600;letter-spacing:.03em}
.table-header{display:flex;gap:8px;padding:0 0 8px;border-bottom:1px solid rgba(48,255,235,.1);margin-bottom:4px}
.table-header span{flex:1;font-size:calc(11px*var(--fs));color:#a3b5c8;font-family:'Work Sans',sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.table-header span:first-child{width:28px;flex:none}
.table-header span:last-child{width:28px;flex:none}
.table-header .email{flex:1.3}

.csv-section{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.csv-btn{padding:8px 16px;font-size:calc(13px*var(--fs));border-radius:6px;border:1px solid rgba(48,255,235,.25);background:transparent;color:var(--teal);cursor:pointer;font-family:'DM Sans',sans-serif;transition:.2s}
.csv-btn:hover{background:rgba(48,255,235,.08)}
.csv-msg{font-size:calc(13px*var(--fs));color:var(--teal)}
.csv-err{font-size:calc(13px*var(--fs));color:var(--err)}
.csv-link{font-size:calc(12px*var(--fs));color:#a3b5c8;text-decoration:none;border-bottom:1px solid rgba(163,181,200,.3)}
.csv-link:hover{color:var(--teal)}
input[type=file]{display:none}
.clear-all{font-size:calc(12px*var(--fs));color:#a3b5c8;background:none;border:none;cursor:pointer;padding:8px 0;margin-top:4px}
.clear-all:hover{color:var(--teal)}

.msg-area{width:100%;min-height:200px;background:var(--dark);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 16px;font-family:'DM Sans',sans-serif;font-size:calc(14px*var(--fs));color:#fff;outline:0;resize:vertical;transition:.2s}
.msg-area:focus{border-color:var(--teal)}
.char-count{text-align:right;font-size:calc(12px*var(--fs));color:#a3b5c8;margin-top:4px}
.email-preview{margin-top:16px;padding:20px;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid rgba(255,255,255,.04)}
.email-preview .ep-label{font-size:calc(11px*var(--fs));color:#a3b5c8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-family:'Work Sans',sans-serif;font-weight:600}
.email-preview .ep-body{font-size:calc(13px*var(--fs));color:#e2e2e1;line-height:1.7}
.ep-msg-block{margin:12px 0;padding:12px 16px;background:rgba(48,255,235,.04);border-left:2px solid var(--teal);border-radius:4px;font-style:italic;color:#e2e2e1;white-space:pre-wrap}
.ep-cta{display:inline-block;margin-top:12px;padding:10px 24px;background:var(--teal);color:var(--space);border-radius:6px;font-family:'Work Sans',sans-serif;font-weight:600;font-size:calc(13px*var(--fs));letter-spacing:.04em}

.btn-outline{background:transparent;border:1px solid rgba(48,255,235,.3);color:var(--teal);margin-top:12px}
.btn-outline:hover{background:rgba(48,255,235,.06)}
.actions-note{font-size:calc(12px*var(--fs));color:#a3b5c8;text-align:center;margin-top:12px}
.validation-err{font-size:calc(13px*var(--fs));color:var(--err);text-align:center;margin-bottom:12px;display:none}

.success-state{text-align:center;padding:40px 24px}
.success-state h2{color:var(--teal);margin-bottom:16px}
.success-state p{color:#a3b5c8;margin-bottom:12px}
.success-state a{display:inline-block;margin-top:16px;padding:14px 28px;background:var(--teal);color:var(--space);border-radius:8px;text-decoration:none;font-family:'Work Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em}

@media(max-width:640px){
  .summary-grid{grid-template-columns:1fr}
  .member-row{flex-wrap:wrap}
  .member-row .fi{min-width:calc(50% - 24px)}
  .table-header{display:none}
  .csv-section{flex-direction:column;align-items:flex-start}
}