/* ============================================================
   coachgate.css — CO2 Tactics gate console (admin tab 4)
   Uses brand tokens from styles.css. Single-column, 430px frame.
   List -> detail navigation, matching the adminListView pattern.
   ============================================================ */

/* ---- list / detail swap ---- */
#cg-listview{display:block}
#cg-detailview{display:none}
#admpane-gate.is-detail #cg-listview{display:none}
#admpane-gate.is-detail #cg-detailview{display:block}

/* ---- readiness header ---- */
.cg-summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:14px 0 10px}
.cg-summary__n{font-family:'Oswald';font-weight:700;font-size:26px;line-height:1;color:var(--ink)}
.cg-summary__n b{color:var(--accent)}
.cg-summary__l{font-family:'Archivo Narrow';letter-spacing:.18em;text-transform:uppercase;font-size:10px;color:var(--ink-faint)}

/* ---- roster rows ---- */
.cg-list{margin-top:10px}
.cg-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;
  border:1px solid var(--line);border-radius:13px;background:var(--panel);
  padding:12px 13px;margin-bottom:8px;cursor:pointer;transition:.15s;
  color:var(--ink);font-family:'Archivo';font-size:14px}
.cg-row:hover{border-color:var(--line-strong)}
.cg-row.is-ok{border-color:rgba(127,185,138,.35)}

.cg-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ink-faint)}
.cg-dot.is-ok{background:var(--elite)}

.cg-row__mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cg-row__name{font-family:'Oswald';font-weight:600;font-size:15px;text-transform:uppercase;
  color:var(--ink);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-row__mail{font-size:11px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cg-row__chips{display:flex;gap:3px;flex:none}
.cg-chip{font-family:'Archivo Narrow';font-weight:700;letter-spacing:.06em;font-size:8.5px;
  border-radius:30px;padding:3px 6px;background:var(--panel-2);color:var(--ink-faint)}
.cg-chip.is-ok{background:rgba(127,185,138,.18);color:var(--elite)}
.cg-chip.is-no{background:rgba(192,83,63,.15);color:#d98a78}

/* ---- detail header ---- */
.cg-back{background:transparent;border:none;color:var(--accent);font-family:'Archivo Narrow';
  letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;
  cursor:pointer;padding:10px 0;margin-bottom:4px}

.cg-head__name{font-family:'Oswald';font-weight:700;font-size:24px;text-transform:uppercase;
  color:var(--ink);line-height:1;margin-bottom:4px}
.cg-head__mail{font-size:12.5px;color:var(--ink-dim);margin-bottom:10px;word-break:break-all}

.cg-verdict{display:inline-flex;align-items:center;gap:6px;font-family:'Archivo Narrow';
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:10px;
  border-radius:30px;padding:5px 11px}
.cg-verdict.is-ok{background:rgba(127,185,138,.18);color:var(--elite)}
.cg-verdict.is-no{background:rgba(192,83,63,.18);color:#d98a78}

/* ---- why-blocked ---- */
.cg-why{border:1px solid rgba(207,138,61,.3);border-radius:13px;background:rgba(207,138,61,.06);
  padding:12px 14px 12px 30px;margin:12px 0}
.cg-why li{color:var(--orange);font-size:12.5px;line-height:1.55;margin-bottom:3px}
.cg-why li:last-child{margin-bottom:0}

/* ---- sections ---- */
.cg-sec{border:1px solid var(--line);border-radius:16px;background:var(--panel);
  padding:16px;margin-top:13px}
.cg-sec__h{font-family:'Archivo Narrow';letter-spacing:.2em;text-transform:uppercase;
  font-size:10.5px;color:var(--ink-faint);margin-bottom:12px}
.cg-sub{font-family:'Archivo Narrow';letter-spacing:.14em;text-transform:uppercase;
  font-size:10px;color:var(--ink-faint);margin:12px 0 8px}

.cg-lab{display:block;margin-bottom:10px}
.cg-lab__t{display:block;font-family:'Archivo Narrow';letter-spacing:.1em;text-transform:uppercase;
  font-size:9.5px;color:var(--ink-faint);margin-bottom:5px}

.cg-field{display:flex;gap:8px;align-items:center}
.cg-field .adminp{flex:1}
.cg-field .cg-btn{flex:none}

.cg-note{font-size:12px;color:var(--ink-dim);line-height:1.55;margin-top:10px}

/* ---- existing record ---- */
.cg-have{border:1px solid var(--line-strong);border-radius:11px;background:var(--panel-2);
  padding:11px 12px;margin-bottom:12px}
.cg-have__t{font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;color:var(--ink)}
.cg-have__s{font-size:11.5px;color:var(--ink-faint);margin-top:3px;word-break:break-all;line-height:1.45}

.cg-flag{border:1px solid rgba(192,83,63,.4);border-radius:11px;background:rgba(192,83,63,.1);
  color:#d98a78;padding:11px 12px;font-size:12px;line-height:1.55;margin-bottom:12px}

/* ---- buttons ---- */
.cg-btn{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--ink);
  border-radius:10px;padding:12px 16px;min-height:44px;cursor:pointer;
  font-family:'Oswald';font-weight:600;text-transform:uppercase;font-size:13px;
  letter-spacing:.04em;transition:.18s}
.cg-btn:hover:not(:disabled){border-color:var(--accent)}
.cg-btn:disabled{opacity:.45;cursor:default}
.cg-btn--go{width:100%;margin-top:4px;background:var(--accent);color:#0c0c0c;border-color:var(--accent)}
.cg-btn--go:disabled{opacity:.4}

.cg-guard{border-top:1px solid var(--line);margin-top:14px;padding-top:6px}

/* ---- toast ---- */
.cg-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%) translateY(14px);
  width:calc(100% - 44px);max-width:386px;box-sizing:border-box;
  border:1px solid var(--line-strong);border-radius:12px;background:var(--panel-2);
  color:var(--ink);padding:12px 14px;font-size:12.5px;line-height:1.5;
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200}
.cg-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
.cg-toast--ok{border-color:rgba(127,185,138,.5);color:var(--elite)}
.cg-toast--err{border-color:rgba(192,83,63,.5);color:#d98a78}