/* ═════════════════════════════════════════════════════════════════════════
   practice-pilot.css — THE PRACTICE, PILOT BUILD (2026-09-24)

   The coach's link, the example week, the eight-week report (js/18, js/67),
   and the client's two moments (js/66). Dark only. Every value is borrowed:
   type from the Intercept (Syne 500 for the sentence, Manrope for the body,
   13px ink3 stamps, sentence case), the discs' hairline for the two answers,
   the add sheet's resting wash for the one field. No new colour, no new ramp.
   ═════════════════════════════════════════════════════════════════════════ */

/* ── the cockpit: a forming client's dot is an open ring, never a state colour */
#view-practice .pc-dot-open{ background:transparent !important; opacity:1 !important; box-shadow:inset 0 0 0 1px rgba(160,225,255,.45) !important; }

/* ── the coach's link, the invite section's one line ─────────────────────── */
#view-practice #pc-link{ font:400 15px/1.45 var(--f-body); color:rgb(var(--ink)); letter-spacing:0; overflow-wrap:anywhere; max-width:34ch; }

/* ── EXAMPLE WEEK: labelled first, set back a step from her own clients ──── */
#view-practice .pc-ex{ margin-top:44px; }
#view-practice .pc-ex__tag{ display:inline-block; margin:0; padding:5px 12px; border-radius:999px;
  border:1px solid rgba(127,211,255,.42); font:500 13px/1.2 var(--f-body); color:#7FD3FF; letter-spacing:0; }
#view-practice .pc-ex__say{ margin:14px 0 0; max-width:30ch; font:500 22px/1.2 var(--f-disp); letter-spacing:-.015em; color:rgb(var(--ink)); text-wrap:balance; }
#view-practice .pc-ex__sub{ margin:8px 0 0; max-width:60ch; font:400 14px/1.55 var(--f-body); color:rgb(var(--ink3)); }
#view-practice .pc-ex__rows{ margin-top:14px; }
#view-practice .pc-ex__rows .pc-row{ opacity:.82; }
#view-practice .pc-ex__rows .pc-row:hover{ opacity:1; }
#view-practice .pc-ex__rows .pc-row:last-child{ border-bottom:1px solid var(--hair) !important; }

/* ── THE EIGHT-WEEK REPORT: label, week one, the latest week ───────────── */
.pc-rep__grid{ display:grid; gap:0; margin-top:4px; }
.pc-rep__row{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:baseline;
  padding:12px 2px; border-top:1px solid var(--hair); }
.pc-rep__head{ border-top:0; padding-bottom:4px; font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); }
.pc-rep__k{ font:400 14px/1.45 var(--f-body); color:rgb(var(--ink2)); }
.pc-rep__v{ font:400 17px/1.3 var(--f-body); color:rgb(var(--ink)); font-variant-numeric:tabular-nums; }
.pc-rep__v small{ display:block; margin-top:2px; font:400 12.5px/1.4 var(--f-body); color:rgb(var(--ink3)); }
.pc-rep__na{ color:rgb(var(--ink3)); font-size:15px; }
.pc-rep__label{ margin:14px 0 0; font:italic 500 17px/1.3 var(--f-em); color:#dff4ff; }
.pc-rep__act{ margin-top:18px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; }
.pc-rep__state{ margin:0; max-width:52ch; font:400 14px/1.55 var(--f-body); color:rgb(var(--ink2)); }
.pc-rep__btn{ min-height:44px; padding:0 20px; border-radius:999px; cursor:pointer; background:transparent;
  border:1px solid rgba(160,225,255,.22); font:500 14px var(--f-body); color:rgb(var(--ink2));
  transition:border-color var(--dur-1,180ms) ease, color var(--dur-1,180ms) ease; }
.pc-rep__btn:hover{ color:rgb(var(--ink)); border-color:rgba(200,236,255,.5); }
.pc-rep__btn--go{ color:rgb(var(--ink)); border-color:rgba(200,236,255,.55); }
.pc-rep__btn:focus-visible{ outline:2px solid var(--ice2,#7FD3FF); outline-offset:3px; }
.pc-rep__btn:disabled{ opacity:.5; cursor:default; }
#view-practice #pc-focus .pc-rep--coach{ margin-top:18px; }
#view-practice #pc-myreport h2.overline{ margin:0; }

/* ── THE CONSENT (js/66): the moment card, two short columns, one field ── */
.pcm__lists{ margin:22px auto 0; width:100%; max-width:512px; display:grid; grid-template-columns:1fr 1fr; gap:18px; text-align:left; }
.pcm__h{ margin:0; font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); }
.pcm__t{ margin:4px 0 0; font:400 14px/1.5 var(--f-body); color:rgb(var(--ink2)); }
.pcm__field{ margin:24px auto 0; width:100%; max-width:512px; display:flex; flex-direction:column; gap:6px; text-align:left; }
.pcm__field span{ font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); }
.pcm__field input{ width:100%; min-height:48px; border:0; border-radius:12px; background:rgba(0,191,255,.035); padding:12px 14px;
  font:400 16px/1.4 var(--f-body); color:rgb(var(--ink)); outline:none; transition:background var(--dur-1,180ms) ease; }
.pcm__field input::placeholder{ color:rgb(var(--ink3)); opacity:.75; }
.pcm__field input:focus, .pcm__field input:focus-visible{ background:rgba(0,191,255,.07); outline:2px solid var(--ice2,#7FD3FF); outline-offset:2px; }
.pcm__consent{ margin:18px auto 0; width:100%; max-width:512px; display:flex; gap:12px; align-items:flex-start; min-height:44px; cursor:pointer; text-align:left; }
.pcm__consent input{ flex:none; width:22px; height:22px; margin:1px 0 0; accent-color:#7FD3FF; cursor:pointer; }
.pcm__consent span{ font:400 14px/1.5 var(--f-body); color:rgb(var(--ink)); }
.pcm__msg{ margin:10px auto 0; min-height:1.2em; font:400 13px/1.45 var(--f-body); color:rgb(var(--ink2)); }
.pcm .am__act{ margin-top:18px; }
.pcm .ui-btn--primary:disabled{ opacity:.45; cursor:default; }

/* ── WHAT CAME DUE (js/66): two answers, the discs' hairline, never a fill ─ */
.pcm__two{ margin:24px auto 0; display:flex; justify-content:center; gap:12px; width:100%; max-width:420px; }
.pcm__ans{ flex:1 1 0; min-height:52px; border-radius:999px; cursor:pointer; background:transparent;
  border:1px solid rgba(160,225,255,.22); font:500 16px var(--f-body); color:rgb(var(--ink2));
  transition:border-color var(--dur-1,180ms) ease, color var(--dur-1,180ms) ease, transform var(--dur-1,180ms) ease; }
.pcm__ans:hover{ color:rgb(var(--ink)); border-color:rgba(200,236,255,.5); }
.pcm__ans:active{ transform:scale(.98); }
.pcm__ans[aria-pressed="true"]{ color:rgb(var(--ink)); border-color:rgba(200,236,255,.75); }
.pcm__ans:focus-visible{ outline:2px solid var(--ice2,#7FD3FF); outline-offset:3px; }

/* ── phone: its own composition ─────────────────────────────────────────── */
@media (max-width:640px){
  #view-practice #pc-link{ max-width:none; font-size:14px; }
  #view-practice .pc-ex__say{ font-size:20px; }
  .pc-rep__head{ display:none; }
  .pc-rep__row{ grid-template-columns:1fr 1fr; gap:6px 16px; }
  .pc-rep__k{ grid-column:1 / -1; }
  .pc-rep__v::before{ content:attr(data-w); display:block; margin-bottom:2px; font:400 12.5px/1.3 var(--f-body); color:rgb(var(--ink3)); }
  .pc-rep__act{ flex-direction:column; align-items:stretch; }
  .pc-rep__btn{ width:100%; }
  .pcm__lists{ grid-template-columns:1fr; gap:10px; margin-top:16px; }
  .pcm__field{ margin-top:18px; }
  .pcm__consent{ margin-top:14px; }
  .pcm__two{ max-width:none; }
}
@media (prefers-reduced-motion:reduce){ .pcm__ans, .pc-rep__btn{ transition:none; } }

/* ── THE ONE BLIND SPOT (2026-09-24): a quiet second line under the name ── */
#view-practice .pc-row .pc-bs{ display:block; margin-top:2px; font:400 13px/1.35 var(--f-body); color:rgb(var(--ink3)); letter-spacing:0; overflow:hidden; text-overflow:ellipsis; }
.pc-bs-name{ margin:10px 0 4px; font:500 20px/1.2 var(--f-disp); letter-spacing:-.012em; color:rgb(var(--ink)); }

/* the coach as her own first client (2026-09-25) */
#view-practice .pc-row .pc-self{ display:inline-block; margin-left:8px; font:500 9.5px/1 var(--f-mono,monospace); letter-spacing:.2em; text-transform:uppercase; color:rgb(var(--ink3)); vertical-align:middle; }
.pc-selfbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); font:400 13px/1.45 var(--f-body); color:rgb(var(--ink3)); }
.pc-selfbar strong{ color:rgb(var(--ink)); font-weight:500; }
.pc-selfbar > span{ flex:1 1 260px; min-width:0; }
.pc-selfbtn{ flex:0 0 auto; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:rgb(var(--ink)); font:600 12px/1 var(--f-body); padding:10px 14px; border-radius:2px; cursor:pointer; min-height:40px; }
.pc-selfbtn:hover{ background:rgba(255,255,255,.12); }
.pc-selfbtn--quiet{ background:transparent; border-color:rgba(255,255,255,.1); color:rgb(var(--ink3)); font-weight:500; }
.pc-selfbtn:disabled{ opacity:.5; }
#view-practice #pc-focus .brief-row{ display:grid !important; grid-template-columns:4px minmax(0,1fr) !important; gap:14px !important; align-items:baseline; }