/* Round 13 · start the WhatsApp group, from design/round-13/return/patterns.css "Round 13". */
/* ==== Round 13 · start the WhatsApp group from Next Kopi (additions) ======================
   Tokens first; aliases on :root and every [data-theme] so they re-resolve in dark.
   Hard rule: no dashboards. No "joined" counters: Next Kopi can't see who joined, and doesn't pretend to. */
:root,[data-theme]{
--wg13-now:var(--kopi);--wg13-now-ink:var(--on-kopi);--wg13-done:var(--in-soft);--wg13-done-ink:var(--in);
--wg13-next:var(--paper-sunk);--wg13-next-ink:var(--ink-3);--wg13-back:var(--kopi-soft);--wg13-found:var(--in);
--wg13-name:var(--paper-sunk);--wg13-os-btn:var(--ink);--wg13-os-btn-ink:var(--on-ink);--wg13-tick:var(--in);
}
/* who's in the circle: faces, then first names in a sentence */
.fc13{display:flex;align-items:center;justify-content:center;gap:10px;font:600 15px/1.35 var(--font-body);color:var(--ink);text-wrap:pretty}
.nudge10 .fc13,.fc13.l{justify-content:flex-start}
/* one sheet, three steps: now (open), done (ticked, one line), next (title only) */
.s13{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 12px;padding:14px 0;border-top:1px solid var(--line);align-items:center}
.s13.first{border-top:0;padding-top:4px}
.s13 .n{width:32px;height:32px;border-radius:16px;display:grid;place-items:center;font:700 14px var(--font-body);background:var(--wg13-next);color:var(--wg13-next-ink)}
.s13 .n .ic{width:18px;height:18px}
.s13 h4{font:600 17px/1.3 var(--font-body);color:var(--ink)}
.s13 .b{grid-column:2;display:flex;flex-direction:column;gap:10px}
.s13.now .n{background:var(--wg13-now);color:var(--wg13-now-ink)}
.s13.done .n{background:var(--wg13-done);color:var(--wg13-done-ink)}
.s13.done h4{font-weight:500;color:var(--ink-2)}
.s13.next h4{font-weight:500;color:var(--wg13-next-ink)}
.nm13{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 5px 0 14px;border-radius:var(--r-field);background:var(--wg13-name);font:600 17px var(--font-body);color:var(--ink)}
.nm13 span{flex:1;min-width:0}
.nowa13{display:flex;gap:8px;align-items:flex-start;font-size:var(--t-cap);line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.nowa13 .ic{width:16px;height:16px;margin-top:1px;color:var(--ink-3)}
.found13{display:inline-flex;gap:6px;align-items:center;font-weight:600;color:var(--wg13-found)}
.found13 .ic{width:16px;height:16px}
.back13{display:flex;gap:10px;align-items:center;background:var(--wg13-back);border-radius:14px;padding:10px 14px;font:600 15px/1.35 var(--font-body);color:var(--ink);text-wrap:pretty}
.back13 .ic{color:var(--kopi)}
/* the phone's and WhatsApp's own screens, drawn as schematics inside .was9 */
.ct13{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)}
.ct13 b{display:block;font:600 16px/1.3 var(--font-body);color:var(--ink)}.ct13 small{font-size:13px;color:var(--ink-2)}
.ct13 .tk{width:24px;height:24px;border-radius:12px;display:grid;place-items:center;background:var(--wg13-tick);color:var(--paper-raised)}
.ct13 .tk .ic{width:14px;height:14px}
.ob13{align-self:stretch;height:48px;border-radius:12px;background:var(--wg13-os-btn);color:var(--wg13-os-btn-ink);display:grid;place-items:center;font:600 16px var(--font-body);flex:none}
.os13{align-self:stretch;height:40px;border-radius:10px;border:1px solid var(--line-strong);display:flex;align-items:center;gap:8px;padding:0 12px;font-size:15px;color:var(--ink);background:var(--paper-raised)}
.orow13{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);font:500 16px var(--font-body);color:var(--ink)}
.orow13.hi13{background:var(--wg13-back);border-radius:10px;border-bottom:0}