/* Wema redesign — training (owned by the training subagent)
   Concepts 09 my programs · 10 practice · 11 live roleplay · 12 scorecard · 13 builder · 14 matrix · 15/16 studio · 34 mobile */

/* ---------- shared bits ---------- */
.tr-ico{display:inline-flex;align-items:center;justify-content:center;flex:none}
.tr-ico svg{display:block}
.tr-eyebrow{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF}
.tr-pav{display:inline-grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;background:var(--lilac);color:var(--wema);font-family:var(--font-head);font-weight:800;letter-spacing:-.02em}
.tr-pav img{width:100%;height:100%;object-fit:cover;display:block}
.tr-pav.ring{box-shadow:0 0 0 4px #fff,0 6px 18px #4A0D4222}
.tr-pav.square{border-radius:18px}
.tr-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}
.tr-pill.pillar-product{background:#EEEDFB;color:#4B40B8}
.tr-pill.pillar-behaviors{background:var(--lilac);color:var(--wema)}
.tr-pill.pillar-personal{background:#E6F8F4;color:var(--teal-ink)}
.pillar-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;background:#9CA3AF}
.pillar-dot.product,.pillar-bg.product{background:#5B4FCF}
.pillar-dot.behaviors,.pillar-bg.behaviors{background:var(--wema)}
.pillar-dot.personal,.pillar-bg.personal{background:var(--teal-w)}
.tr-diff{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--muted-w);font-weight:550}
.tr-diff i{width:7px;height:7px;border-radius:50%;background:#E5E7EB}
.tr-diff span{margin-left:4px}
.tr-diff.d-easy i.on{background:var(--teal-w)}
.tr-diff.d-medium i.on{background:var(--gold-w)}
.tr-diff.d-hard i.on{background:var(--red-w)}
.tr-status{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}
.tr-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tr-status.good{background:#E6F8F4;color:var(--teal-ink)}
.tr-status.warn{background:#FBF2DF;color:#8A5A06}
.tr-chev{display:inline-flex;color:#9CA3AF;transition:transform .15s}
.tr-chev.down{transform:rotate(90deg)}
.tr-seg{display:inline-flex;gap:2px;padding:3px;background:#F3F4F6;border-radius:12px;border:1px solid var(--border-w)}
.tr-seg button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:7px 13px;border-radius:9px;font:600 13px var(--font);color:#4B5563;cursor:pointer;white-space:nowrap}
.tr-seg button.on{background:#fff;color:var(--wema);box-shadow:0 1px 3px #11192814}
.tr-seg button:focus-visible,.tr-chip:focus-visible,.tr-tabs a:focus-visible{outline:2px solid var(--wema);outline-offset:2px}
.tr-seg.wide{display:flex}.tr-seg.wide button{flex:1;justify-content:center}
.tr-chips{display:flex;gap:8px;flex-wrap:wrap}
.tr-chip{border:1px solid var(--border-w);background:#fff;border-radius:999px;padding:7px 15px;font:600 13px var(--font);color:#374151;cursor:pointer}
.tr-chip:hover{border-color:var(--wema);color:var(--wema)}
.tr-chip.on{background:var(--wema);border-color:var(--wema);color:#fff}
.tr-chip.sm{padding:5px 11px;font-size:12.5px}
.tr-chip.sm.on{background:var(--lilac);color:var(--wema);border-color:#E5C6DF}
.tr-linkbtn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--wema);font:600 13.5px var(--font);cursor:pointer;padding:6px 4px}
.tr-linkbtn:hover{text-decoration:underline}
.tr-linkbtn.sm{font-size:12.5px;padding:0}
.tr-note{display:flex;align-items:center;gap:10px;background:var(--lilac);color:var(--wema-dark);border-radius:14px;padding:13px 16px;font-size:13.5px;font-weight:550}
.tr-chiplet{display:inline-flex;padding:3px 10px;border-radius:999px;background:#F3F4F6;color:#374151;font-size:12px;font-weight:600}
.tr-chiplet.tone{background:#FDECEE;color:#B42331}
.tr-pchips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}

/* ---------- 10 Practice library ---------- */
.tr-filterbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tr-filter-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tr-select{display:inline-flex;align-items:center;gap:6px;padding:0 4px 0 12px;border:1px solid var(--border-w);border-radius:12px;background:#fff;color:var(--muted-w)}
.tr-select .input{border:0;box-shadow:none;padding:8px 8px 8px 2px;font-weight:600;font-size:13px;width:auto;background:transparent}
.tr-count{margin-top:-6px}
.tr-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tr-scard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-w);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .15s,transform .15s}
.tr-scard:hover{box-shadow:0 10px 30px #4A0D421a;transform:translateY(-1px)}
.tr-sband{position:relative;height:112px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(135deg,#FFF4FF,#F2E1EF)}
.tr-sband.pillar-product{background:linear-gradient(135deg,#F4F3FE,#E7E4FA)}
.tr-sband.pillar-personal{background:linear-gradient(135deg,#F0FBF8,#DDF4EE)}
.tr-sband .tr-pav{transform:translateY(34px)}
.tr-lang{position:absolute;top:12px;right:12px;background:#fff;color:var(--wema);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;box-shadow:0 1px 3px #1119281a}
.tr-sbody{display:flex;flex-direction:column;gap:9px;padding:44px 18px 18px;flex:1;text-align:center;align-items:center}
.tr-sbody h3{font-size:16.5px;margin:0;letter-spacing:-.01em}
.tr-sperson{margin:-4px 0 0;color:var(--muted-w);font-size:13px}
.tr-smeta-top{justify-content:center;gap:10px}
.tr-smeta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;color:#4B5563;font-size:12.5px}
.tr-smeta span{display:inline-flex;align-items:center;gap:5px}
.tr-smeta .tr-ico{color:#9CA3AF}
.tr-sactions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;width:100%;margin-top:auto;padding-top:6px}

/* ---------- 11 Live roleplay ---------- */
.tr-room{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(330px,1.15fr) minmax(290px,1fr);gap:18px;align-items:stretch}
.tr-room.chat{grid-template-columns:minmax(260px,.75fr) minmax(0,1.6fr)}
.tr-room>div{min-width:0;display:flex;flex-direction:column}
.tr-room>div>.card,.tr-room>div>section{flex:1}
.tr-brief .card-body{gap:16px}
.tr-brief-title strong{display:block;font-family:var(--font-head);font-size:17px;margin-top:2px}
.tr-brief-title p{margin:4px 0 0}
.tr-objectives{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.tr-objectives li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;cursor:pointer;padding:6px 8px;border-radius:10px;margin:0 -8px}
.tr-objectives li:hover{background:#FAF5F9}
.tr-objectives li:focus-visible{outline:2px solid var(--wema)}
.tr-check{width:20px;height:20px;border-radius:50%;border:1.5px solid #CBD0D8;display:grid;place-items:center;color:transparent;flex:none;margin-top:-1px;transition:all .15s}
.tr-objectives li.done .tr-check{background:var(--teal-w);border-color:var(--teal-w);color:#fff}
.tr-objectives li.done>span:last-child{color:var(--muted-w)}
.tr-persona-mini{display:flex;gap:12px;align-items:center;background:#F9FAFB;border:1px solid #F0F1F3;border-radius:14px;padding:12px}
.tr-steered{background:#FBF5E6;color:#7A5410;font-size:12.5px}
.tr-brief-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #F0F1F3;padding-top:14px}
.tr-brief-stats strong{font-family:var(--font-head);font-size:18px}
.tr-callpanel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 22px;border-radius:20px;border:1px solid #EBD7E7;
  background:radial-gradient(90% 70% at 50% 35%,#FFFFFF 0%,#FBF1F9 45%,#F3E3F0 100%);min-height:540px;text-align:center}
.tr-live-pill{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border-w);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:700;color:#374151;box-shadow:0 2px 8px #1119280d;font-variant-numeric:tabular-nums;white-space:nowrap}
.tr-live-pill i{width:8px;height:8px;border-radius:50%;background:#9CA3AF}
.tr-live-pill.live i{background:#22C55E;box-shadow:0 0 0 3px #22C55E33;animation:pulse 1.6s infinite}
.tr-live-pill.connecting i{background:var(--gold-w);animation:pulse 1s infinite}
.tr-live-pill.error i{background:var(--red-w)}
.tr-live-pill.scoring i{background:var(--wema);animation:pulse 1s infinite}
.tr-orb{--lv:0;position:relative;width:220px;height:220px;display:grid;place-items:center;margin-top:20px}
.tr-orb-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid #981D8726;transform:scale(calc(.62 + var(--lv) * .08))}
.tr-orb-ring.r2{transform:scale(calc(.8 + var(--lv) * .1));border-color:#981D871c}
.tr-orb-ring.r3{transform:scale(calc(.98 + var(--lv) * .1));border-color:#981D8712}
.tr-orb-core.orb{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;padding:6px;background:radial-gradient(circle at 35% 30%,#E79AD9,var(--wema) 55%,var(--wema-deep));
  box-shadow:0 0 0 calc(6px + var(--lv) * 18px) #981D8722,0 18px 40px #4A0D4240;transition:box-shadow .12s;animation:none;filter:none}
.tr-orb-core .tr-pav{border:3px solid #ffffffcc}
[data-state="live"] .tr-orb-ring{animation:tr-ripple 2.8s ease-out infinite}
[data-state="live"] .tr-orb-ring.r2{animation-delay:.9s}
[data-state="live"] .tr-orb-ring.r3{animation-delay:1.8s}
[data-state="connecting"] .tr-orb-core.orb{animation:orb-connect 1.4s ease-in-out infinite}
@keyframes tr-ripple{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.12);opacity:0}}
.tr-caller h2{font-size:22px;margin:0;letter-spacing:-.02em}
.tr-caller span{font-size:13.5px}
.tr-meter{display:flex;align-items:center;justify-content:center;gap:3px;height:36px;width:min(100%,260px)}
.tr-meter i{flex:1;max-width:5px;height:4px;border-radius:3px;background:#D9C5D5;transition:height .09s}
.tr-meter i.hot{background:var(--wema)}
.tr-callpanel .call-state{font-size:13px;color:#4B5563;max-width:340px;background:none;padding:0}
.tr-callpanel .call-state.error{color:var(--bad)}
.tr-call-controls{display:flex;align-items:flex-start;justify-content:center;gap:18px;flex-wrap:wrap}
.tr-call-controls .tr-linkbtn{align-self:center}
.tr-roundbtn{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font:600 12.5px var(--font);color:#374151;padding:0}
.tr-roundbtn-ico{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--border-w);color:#374151;box-shadow:0 4px 12px #11192812;transition:all .15s}
.tr-roundbtn:hover .tr-roundbtn-ico{transform:translateY(-1px);border-color:var(--wema);color:var(--wema)}
.tr-roundbtn.end .tr-roundbtn-ico{background:var(--red-w);border-color:var(--red-w);color:#fff;box-shadow:0 8px 20px #E8323E40}
.tr-roundbtn.go .tr-roundbtn-ico{background:var(--wema);border-color:var(--wema);color:#fff;box-shadow:0 8px 20px #981D8740}
.tr-roundbtn.end:hover .tr-roundbtn-ico,.tr-roundbtn.go:hover .tr-roundbtn-ico{color:#fff}
.tr-roundbtn.on .tr-roundbtn-ico{background:#111928;color:#fff;border-color:#111928}
.tr-roundbtn:focus-visible .tr-roundbtn-ico{outline:2px solid var(--wema);outline-offset:3px}
.tr-scoring{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--wema-dark)}
.tr-transcript-card .card-body{flex:1;display:flex;padding:14px}
.tr-transcript{flex:1;max-height:600px;min-height:300px;gap:12px}
.tr-transcript .bubble{font-size:13.5px}
.tr-transcript .bubble.persona{background:#F3F4F6;color:var(--ink-w)}
.tr-transcript .bubble .who{text-transform:none;letter-spacing:0;font-size:11.5px}
.tr-transcript-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;color:#9CA3AF;text-align:center;font-size:13px;max-width:240px}
.tr-chatpanel .card-body{display:flex;flex-direction:column;gap:12px}
.tr-chatpanel .tr-transcript{min-height:380px;max-height:520px;background:#FCFAFC;border:1px solid #F3EAF1;border-radius:14px;padding:14px}
.tr-chatpanel .call-state{font-size:13px;color:var(--muted-w)}
.tr-compose{display:flex;gap:8px;width:100%}
.tr-compose .input{flex:1}
.tr-footnote{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted-w);font-size:12.5px;margin:-4px 0 0}

/* ---------- 12 Scorecard ---------- */
.tr-score-hero{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:24px 28px}
.tr-hero-score{display:flex;flex-direction:column;align-items:center;gap:6px}
.tr-hero-ring span{font-family:var(--font-head);font-size:38px!important;font-weight:800;letter-spacing:-.03em}
.tr-hero-ring .ring-bg{stroke-width:10;stroke:#F0F1F3}.tr-hero-ring .ring-fg{stroke-width:10}
.tr-hero-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.tr-hero-copy h2{font-size:21px;margin:2px 0 0;letter-spacing:-.02em}
.tr-result{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:999px;font:800 14px var(--font-head);letter-spacing:.06em}
.tr-result.pass{background:var(--teal-w);color:#fff;box-shadow:0 6px 16px #33CBB040}
.tr-result.notyet{background:#FBF2DF;color:#8A5A06}
.tr-delta{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:700}
.tr-delta.up{background:#E6F8F4;color:var(--teal-ink)}
.tr-delta.down{background:#FDECEE;color:var(--bad)}.tr-delta.down svg{transform:rotate(180deg)}
.tr-override-chip{padding:5px 11px;border-radius:999px;background:#F3F4F6;color:#374151;font-size:12.5px;font-weight:650}
.tr-form-line{display:inline-flex;align-items:center;gap:6px;color:var(--wema);font-size:12.5px;font-weight:600}
.tr-autofail{margin-top:2px}
.tr-hero-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.tr-evidence-strip{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#F2F4FD;border:1px solid #E1E5F8;color:#2E3A6B;font-size:13.5px}
.tr-evidence-strip .tr-ico{color:#4B5FC7}
.tr-score-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:18px;align-items:start}
.tr-score-main,.tr-score-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.tr-crit-list{display:flex;flex-direction:column}
.tr-crit{display:flex;flex-direction:column;gap:7px;padding:15px 0;border-bottom:1px solid #F0F1F3}
.tr-crit:first-child{padding-top:2px}.tr-crit:last-child{border-bottom:0;padding-bottom:2px}
.tr-crit-head{display:flex;align-items:center;gap:10px}
.tr-crit-head .strong{flex:1;font-size:14.5px}
.tr-crit-val{font-family:var(--font-head);font-size:20px;font-weight:800;min-width:34px;text-align:right}
.tr-weight{font-size:11px;font-weight:700;color:var(--muted-w);background:#F3F4F6;border-radius:6px;padding:1px 6px}
.tr-crit .bar{margin:0;height:7px}
.tr-crit p{margin:0}
.tr-quote{margin:2px 0 0;border-left:3px solid var(--wema);background:var(--lilac);padding:9px 12px;border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.45;color:#3B1235}
.tr-turn{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--wema);margin-right:8px}
.tr-crit.insufficient .strong,.tr-crit.insufficient .tr-crit-val{color:#9CA3AF}
.tr-crit-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:#6B7280;background:#F9FAFB;border:1px dashed #D9DCE1;border-radius:10px;padding:8px 10px}
.tr-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.tr-tip{display:flex;flex-direction:column;gap:8px;border:0;padding:0;background:none;border-radius:0}
.tr-tip+.tr-tip{border-top:1px solid #F0F1F3;padding-top:14px}
.tr-tipnum{width:24px;height:24px;border-radius:50%;background:var(--lilac);color:var(--wema);display:grid;place-items:center;font-weight:800;font-size:12px}
.tr-lesson{display:inline-flex;padding:3px 10px;border-radius:999px;background:var(--wema);color:#fff;font-size:11.5px;font-weight:700}
.tr-said,.tr-try{display:flex;flex-direction:column;gap:3px;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45}
.tr-said{background:#FDF0F1;color:#7E1A24}
.tr-try{background:#E9F8F4;color:#0E5C4F}
.tr-said-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.tr-said .tr-said-label{color:var(--red-w)}.tr-try .tr-said-label{color:var(--teal-ink)}
.tip .said.tr-said{color:#7E1A24}.tip .better.tr-try{color:#0E5C4F}
.tr-senti{display:flex;flex-direction:column;gap:10px}
.tr-senti p{margin:0}
.tr-senti-track{position:relative;height:10px;border-radius:99px;background:linear-gradient(90deg,#F7C5CA,#E5E7EB 50%,#B5EBDF);margin:10px 6px 0}
.tr-senti-span{position:absolute;top:3px;height:4px;border-radius:4px;background:#11192840}
.tr-senti-span.up{background:var(--teal-ink)}.tr-senti-span.down{background:var(--red-w)}
.tr-senti-dot{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid #fff;box-shadow:0 1px 4px #11192833;background:#9CA3AF}
.tr-senti-dot.after{width:20px;height:20px}
.tr-senti-dot.after.positive{background:var(--teal-w)}.tr-senti-dot.after.negative{background:var(--red-w)}.tr-senti-dot.after.neutral{background:#6B7280}
.tr-senti-labels{display:flex;justify-content:space-between;font-size:11.5px;color:#9CA3AF;font-weight:600}
.tr-facts{display:flex;flex-direction:column;gap:10px}
.tr-fact{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:#F9FAFB}
.tr-fact.incorrect{background:#FDF0F1}
.tr-attr{display:flex;flex-direction:column;gap:4px}
.tr-attr .bar{margin:0}
.tr-summary{margin:0;line-height:1.55}
.tr-fulltx summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;flex-wrap:wrap}
.tr-fulltx summary::-webkit-details-marker{display:none}
.tr-fulltx[open] summary{border-bottom:1px solid #F0F1F3}
.tr-recording audio{width:100%}
.tr-override-row{grid-template-columns:200px 1fr}

/* ---------- 09 My programs ---------- */
.tr-programs{display:flex;flex-direction:column;gap:22px}
.tr-program{display:flex;flex-direction:column;gap:16px}
.tr-prog-hero{padding:22px 24px;display:flex;flex-direction:column;gap:18px}
.tr-prog-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tr-prog-head>.stack{flex:1;min-width:240px}
.tr-prog-head h2{font-size:21px;margin:0;letter-spacing:-.02em}
.tr-prog-icon{width:48px;height:48px;border-radius:14px;background:var(--lilac);color:var(--wema);display:grid;place-items:center;flex:none}
.tr-prog-icon.sm{width:40px;height:40px;border-radius:12px}
.tr-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#4B5563;font-weight:550}
.tr-legend span{display:inline-flex;align-items:center;gap:6px}
.tr-prog-progress{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tr-prog-bar{flex:1 1 280px;height:10px;border-radius:99px;background:#EEF0F3;overflow:hidden}
.tr-prog-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal-w),#26B39A)}
.tr-prog-progress strong{font-family:var(--font-head);font-size:18px}
.tr-prog-progress .muted{font-size:13px}
.tr-timeline{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}
.tr-month{display:flex;flex-direction:column;gap:10px;background:#FBFBFC;border:1px solid var(--border-w);border-radius:16px;padding:12px;scroll-snap-align:start;min-width:0;position:relative}
.tr-month.current{background:#FFF8FD;border-color:#E9C9E3}
.tr-month-head{padding:2px 2px 6px;border-bottom:1px solid #F0F1F3}
.tr-month-head strong{font-family:var(--font-head);font-size:15px}
.tr-month-head .muted{display:block;margin-top:2px;line-height:1.3;min-height:16px}
.tr-now{font-size:11px;font-weight:800;color:#fff;background:var(--wema);border-radius:999px;padding:2px 8px}
.tr-month-tiles{display:flex;flex-direction:column;gap:10px}
.tr-tile{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px;background:#fff;border:1px solid var(--border-w);border-radius:13px;opacity:1}
.tr-tile-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.tr-tile-pillar{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted-w);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tr-tile-state{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:#F3F4F6;color:#9CA3AF}
.tr-tile-title{font-size:13.5px;line-height:1.3}
.tr-tile.passed{border-color:#A7E4D6}
.tr-tile.passed .tr-tile-state{background:var(--teal-w);color:#fff}
.tr-tile-foot{display:flex;align-items:center;gap:8px}
.tr-tile-pass{font-size:12px;font-weight:700;color:var(--teal-ink)}
.tr-tile-score{margin-left:auto;font-family:var(--font-head);font-size:20px;font-weight:800;color:var(--teal-ink)}
.tr-tile.open{border:1.5px solid var(--wema);box-shadow:0 0 0 4px #981D8714,0 10px 24px #981D871f;background:linear-gradient(180deg,#fff,#FFF8FD)}
.tr-tile.open .tr-tile-state{background:var(--wema);color:#fff}
.tr-tile-actions{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:2px}
.tr-tile.locked{background:#F7F7F8;border-color:#ECEDEF}
.tr-tile.locked .tr-tile-title{color:#6B7280}
.tr-tile-lock{color:#9CA3AF;font-weight:550}

/* ---------- 34 Mobile agent view ---------- */
.tr-mhome{display:flex;flex-direction:column;gap:12px}
.tr-mgreet{display:flex;gap:12px;align-items:center}
.tr-mgreet h2{font-size:21px;margin:0;letter-spacing:-.02em}
.tr-mcard{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--border-w);border-radius:16px;padding:14px;box-shadow:var(--shadow);color:inherit;text-decoration:none}
.tr-mcard>.stack{flex:1;min-width:0}
.tr-mprogress{background:linear-gradient(135deg,#FFF4FF,#F5E6F2);border-color:#EBD7E7}
.tr-brand-ring .ring-fg{stroke:var(--wema)!important}
.tr-mnext{flex-direction:column;align-items:stretch}
.tr-mnext-row{flex-wrap:nowrap}
.tr-mbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tr-mbtns .btn{height:46px;width:100%}
.tr-mscore .tr-status{align-self:flex-start}
.tr-mlessons{flex-direction:column;align-items:stretch;gap:8px}
.tr-mlesson{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #F0F1F3;color:inherit;text-decoration:none}
.tr-mlesson>.stack{flex:1;min-width:0}
.tr-mlesson-ico{width:34px;height:34px;border-radius:10px;background:var(--lilac);color:var(--wema);display:grid;place-items:center;flex:none}
.tr-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--border-w);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #1119280d}
.tr-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 0;font-size:11px;font-weight:600;color:#6B7280;text-decoration:none;border-radius:10px}
.tr-tabbar a.on{color:var(--wema)}
.tr-tabbar a.on span{background:var(--lilac);border-radius:10px;padding:2px 14px}
.tr-has-tabbar{padding-bottom:84px}
@media (max-width:820px){body:has(.tr-tabbar) .e360-phone-dock{bottom:82px}}

/* ---------- Programs list ---------- */
.tr-proglist{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.tr-progcard h3{font-size:17px;margin:4px 0 0}
.tr-progcard p{margin:0}
.tr-mixbar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:#EEF0F3;gap:2px}
.tr-progstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #F0F1F3;border-bottom:1px solid #F0F1F3;padding:12px 0}
.tr-progstats div{display:flex;flex-direction:column}
.tr-progstats strong{font-family:var(--font-head);font-size:19px}
.tr-progstats span{font-size:11.5px;color:var(--muted-w)}

/* ---------- 13 Program builder ---------- */
.tr-builder-grid{display:grid;grid-template-columns:176px minmax(0,1fr) 250px;gap:18px;align-items:start}
.tr-stepper{list-style:none;margin:0;padding:6px 0;display:flex;flex-direction:column;gap:14px;position:sticky;top:90px}
.tr-stepper li{position:relative}
.tr-stepper li:not(:last-child)::after{content:"";position:absolute;left:23px;top:44px;height:12px;width:2px;background:#E5E7EB}
.tr-stepper li.done:not(:last-child)::after{background:var(--teal-w)}
.tr-stepper button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:9px 10px;border-radius:12px;font:600 13.5px var(--font);color:#6B7280;cursor:pointer;text-align:left}
.tr-stepper li.on button{background:var(--lilac);color:var(--wema)}
.tr-stepper li.done button{color:var(--ink-w)}
.tr-stepnum{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;border:1.5px solid #D1D5DB;font-size:12.5px;font-weight:800;background:#fff}
.tr-stepper li.on .tr-stepnum{background:var(--wema);border-color:var(--wema);color:#fff}
.tr-stepper li.done .tr-stepnum{background:var(--teal-w);border-color:var(--teal-w);color:#fff}
.tr-builder-grid>*{min-width:0}
.tr-builder-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.tr-msecs{display:flex;flex-direction:column;gap:10px}
.tr-msec{background:#fff;border:1px solid var(--border-w);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.tr-msec.open{border-color:#E9CFE4}
.tr-msec-head{display:flex;align-items:center;gap:10px;width:100%;border:0;background:#fff;padding:14px 16px;font:15px var(--font);cursor:pointer;text-align:left;color:var(--ink-w)}
.tr-msec.open .tr-msec-head{background:#FFF8FD;border-bottom:1px solid #F3E4F0}
.tr-msec-head strong{font-family:var(--font-head)}
.tr-msec-count{margin-left:auto;font-size:12.5px;color:var(--muted-w);font-weight:600;background:#F3F4F6;border-radius:999px;padding:3px 10px;white-space:nowrap}
.tr-msec-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;container-type:inline-size}
.tr-month-title{max-width:420px;margin-bottom:4px}
.tr-mrow{display:grid;grid-template-columns:22px minmax(150px,1.4fr) 190px minmax(150px,1.3fr) 86px 34px;gap:8px;align-items:center;padding:6px;border-radius:12px;border:1px solid transparent}
.tr-mrow:not(.tr-mrow-head){background:#FAFAFB;border-color:#F0F1F3}
.tr-mrow.dragging{opacity:.5;border-color:var(--wema)}
.tr-mrow-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9CA3AF;padding:0 6px}
.tr-mrow .input{min-width:0;height:38px;padding:7px 10px;font-size:13.5px}
.tr-drag{color:#B0B5BE;cursor:grab;display:grid;place-items:center}
.tr-pillar-select{font-weight:650}
.tr-pillar-select.pillar-product{background:#EEEDFB;color:#4B40B8;border-color:#DCD8F6}
.tr-pillar-select.pillar-behaviors{background:var(--lilac);color:var(--wema);border-color:#EBD2E6}
.tr-pillar-select.pillar-personal{background:#E6F8F4;color:var(--teal-ink);border-color:#C6EDE3}
.tr-del{width:34px;height:34px;border-radius:10px;border:0;background:none;color:#C21F2C;cursor:pointer;display:grid;place-items:center}
.tr-del:hover{background:#FDECEE}
.tr-add{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border:0;background:none;color:var(--wema);font:650 13.5px var(--font);cursor:pointer;padding:6px 4px}
.tr-add:hover{text-decoration:underline}
.tr-builder-foot{display:flex;align-items:center;gap:10px;padding:14px 0 0;border-top:1px solid var(--border-w)}
.tr-builder-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px}
.tr-balance{display:flex;flex-direction:column;gap:14px}
.tr-donut{position:relative;display:grid;place-items:center}
.tr-donut-c{position:absolute;display:flex;flex-direction:column;align-items:center}
.tr-donut-c strong{font-family:var(--font-head);font-size:26px;line-height:1}
.tr-donut-c span{font-size:11.5px;color:var(--muted-w)}
.tr-donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tr-donut-legend li{display:flex;align-items:center;gap:8px;font-size:13px}
.tr-donut-legend li span{flex:1}
.tr-esttime .card-body{gap:12px;flex-wrap:nowrap}
.tr-esttime .tr-ico{width:40px;height:40px;border-radius:12px;background:var(--lilac);color:var(--wema)}
.tr-enrol-list{display:flex;flex-direction:column;gap:6px;max-height:460px;overflow:auto}
.tr-enrol-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #F0F1F3;border-radius:12px;cursor:pointer;background:#fff}
.tr-enrol-item:hover{border-color:#E5C6DF;background:#FFFBFE}
.tr-enrol-item>.stack{flex:1;min-width:0}
.tr-enrol-item input{accent-color:var(--wema);width:16px;height:16px;flex:none}
.tr-enrol-item.done{opacity:.7;cursor:default}
.tr-review-head h2{margin:0;font-size:20px}
.tr-review-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tr-review-month{display:flex;flex-direction:column;gap:5px;background:#FAFAFB;border:1px solid #F0F1F3;border-radius:12px;padding:10px 12px}
.tr-review-ms{display:flex;align-items:center;gap:7px;font-size:13px}
.tr-review-ms span:nth-child(2){flex:1}

@container (max-width:760px){
  .tr-mrow{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr) 78px 34px;row-gap:6px}
  .tr-mrow>input[name=title]{grid-column:2/5;grid-row:1}
  .tr-mrow .tr-drag{grid-row:1/3}
  .tr-mrow .tr-del{grid-column:5;grid-row:1}
  .tr-mrow .tr-pillar-select{grid-column:2;grid-row:2}
  .tr-mrow select[name=scenario]{grid-column:3;grid-row:2}
  .tr-mrow input[name=passMark]{grid-column:4;grid-row:2;max-width:none}
  .tr-mrow-head{display:none}
}
@container (max-width:420px){
  .tr-mrow{grid-template-columns:22px minmax(0,1fr) 34px}
  .tr-mrow>input[name=title],.tr-mrow .tr-pillar-select,.tr-mrow select[name=scenario],.tr-mrow input[name=passMark]{grid-column:2;grid-row:auto}
  .tr-mrow .tr-del{grid-column:3;grid-row:1}
  .tr-mrow .tr-drag{grid-row:1}
}

/* ---------- 14 Progress matrix ---------- */
.tr-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tr-kpi{display:flex;align-items:center;gap:14px;padding:16px 18px}
.tr-kpi-ico{width:42px;height:42px;border-radius:12px;background:var(--lilac);color:var(--wema);display:grid;place-items:center;flex:none}
.tr-kpi.good .tr-kpi-ico{background:#E6F8F4;color:var(--teal-ink)}
.tr-kpi.warn .tr-kpi-ico{background:#FBF2DF;color:#8A5A06}
.tr-kpi .kpi-value{font-size:26px;margin-top:0}
.tr-matrix-grid>*,.tr-score-grid>*,.tr-gen>*,.tr-peditor>*{min-width:0}
.tr-matrix-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.tr-matrix-grid.solo{grid-template-columns:1fr}
.tr-matrix-wrap{border:0;border-radius:0}
.tr-matrix th.c,.tr-matrix td.c{text-align:center}
.tr-matrix td{padding:10px 8px}
.tr-matrix th{padding:10px 8px}
.tr-matrix .tr-status{white-space:normal;line-height:1.25}
.tr-agent{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:150px}
.tr-agent:hover strong{color:var(--wema)}
.tr-cell{display:inline-flex;gap:3px}
.tr-sq{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font-style:normal;font-size:9.5px;font-weight:800;color:#fff;background:#E5E7EB}
.tr-sq.passed{background:var(--teal-w)}
.tr-sq.progress{background:var(--wema)}
.tr-sq.failed{background:var(--gold-w)}
.tr-sq.locked{background:#E5E7EB;color:#9CA3AF}
.tr-sq.none{background:#fff;border:1px dashed #E5E7EB;color:#D1D5DB}
.tr-mprog{display:flex;align-items:center;gap:8px;min-width:100px}
.tr-mprog .bar{margin:0;flex:1}
.tr-mlegend{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #F0F1F3;margin-top:12px;padding-top:12px;font-size:12.5px;color:#4B5563}
.tr-mlegend>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tr-mlegend>div>span:not(.tr-eyebrow){display:inline-flex;align-items:center;gap:6px}
.tr-mlegend .tr-sq{width:14px;height:14px;border-radius:4px}
.tr-mlegend b{display:inline-grid;place-items:center;min-width:22px;height:18px;border-radius:5px;background:#F3F4F6;font-size:10.5px}
.tr-enrol-panel{position:sticky;top:90px}
.tr-enrol-list.compact{max-height:380px}

/* ---------- 15/16 Training studio ---------- */
.tr-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-w)}
.tr-tabs a{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;font-weight:650;font-size:14px;color:#6B7280;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.tr-tabs a:hover{color:var(--wema)}
.tr-tabs a.on{color:var(--wema);border-bottom-color:var(--wema)}
.tr-studio .card{overflow:hidden}
.tr-studio .card .table-wrap{border:0;border-radius:0}
.tr-cellp{gap:8px;flex-wrap:nowrap;white-space:nowrap}
.tr-actions-cell{white-space:nowrap}
.tr-form4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tr-checks{max-height:180px;overflow:auto}
.tr-persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.tr-pcard{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border:1px solid var(--border-w);border-radius:16px;padding:20px 16px;box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:all .15s}
.tr-pcard:hover{border-color:#E5C6DF;box-shadow:0 10px 26px #4A0D421a;transform:translateY(-1px)}
.tr-pcard .tr-pav{margin-bottom:6px}
.tr-crumbs{display:flex;gap:8px;font-size:13px;color:var(--muted-w)}
.tr-peditor{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}
.tr-pcard-big{position:sticky;top:90px}
.tr-pcard-big .card-body{align-items:center;text-align:center;gap:8px}
.tr-pcard-big h2{margin:8px 0 0;font-size:22px;letter-spacing:-.02em}
.tr-portrait .tr-pav{box-shadow:0 12px 30px #4A0D4222;font-size:64px!important}
.tr-voice{width:100%;margin-top:10px;text-align:left;display:flex;flex-direction:column;gap:8px;background:#FAFAFB;border:1px solid #F0F1F3;border-radius:14px;padding:12px}
.tr-voice-row{flex-wrap:nowrap;gap:10px}
.tr-play{width:42px;height:42px;border-radius:50%;border:0;background:var(--wema);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 6px 14px #981D8733}
.tr-wave{flex:1;display:flex;align-items:center;gap:3px;height:32px}
.tr-wave i{flex:1;max-width:4px;border-radius:3px;background:#D9B8D3}
.tr-wave.on i{background:var(--wema);animation:tr-wave 1s ease-in-out infinite}
.tr-wave.on i:nth-child(3n){animation-delay:.2s}.tr-wave.on i:nth-child(3n+1){animation-delay:.4s}
@keyframes tr-wave{50%{transform:scaleY(.4)}}
.tr-pform{display:flex;flex-direction:column;gap:16px}
.tr-pform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.tr-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:#FAFAFB;border:1px solid #F0F1F3;border-radius:14px;padding:14px 16px}
.tr-slider{display:flex;flex-direction:column;gap:6px}
.tr-slider-val{font-family:var(--font-head);font-weight:800;color:var(--wema);font-size:16px}
.tr-range{--p:50%;-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--wema) var(--p),#E5E7EB var(--p));outline:none}
.tr-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--wema);box-shadow:0 1px 4px #11192833;cursor:pointer}
.tr-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--wema);cursor:pointer}
.tr-range:focus-visible{outline:2px solid var(--wema);outline-offset:4px}
.tr-pfooter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #F0F1F3;margin-top:18px;padding-top:16px;font-size:13px}
.tr-gen{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:18px;align-items:start}
.tr-gen-left .card-body{gap:16px}
.tr-gen-left textarea{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:13px;line-height:1.55;min-height:230px;background:#FCFCFD}
.tr-purpose{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tr-purpose-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1.5px solid var(--border-w);background:#fff;border-radius:14px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit}
.tr-purpose-card.on{border-color:var(--wema);background:#FFF8FD;box-shadow:0 0 0 3px #981D8714}
.tr-purpose-ico{width:32px;height:32px;border-radius:10px;background:var(--lilac);color:var(--wema);display:grid;place-items:center;margin-bottom:4px}
.tr-kbchips{display:flex;flex-wrap:wrap;gap:6px}
.tr-gen-right{position:sticky;top:90px}
.tr-gen-empty,.tr-gen-loading{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:48px 24px}
.tr-gen-empty-ico{width:60px;height:60px;border-radius:18px;background:var(--lilac);color:var(--wema);display:grid;place-items:center}
.tr-gtitle{font-size:20px;margin:0;letter-spacing:-.02em}
.tr-gmetas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tr-gmeta{background:#FAFAFB;border:1px solid #F0F1F3;border-radius:12px;padding:8px 10px}
.tr-gmeta strong{font-size:13.5px}
.tr-gobjs{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:5px;font-size:13.5px}
.tr-gpersona{display:flex;gap:12px;align-items:flex-start;background:var(--lilac);border-radius:14px;padding:12px 14px}
.tr-gactions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #F0F1F3;padding-top:14px}
.tr-gactions .btn.primary{margin-left:auto}
.tr-gnote{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--muted-w)}
.tr-gen-right h4{margin:6px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-w)}

/* ---------- Responsive ---------- */
@media (max-width:1500px){
  .tr-matrix-grid{grid-template-columns:1fr}.tr-enrol-panel{position:static}
  .tr-enrol-panel .tr-enrol-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-height:none}
  .tr-enrol-panel .card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .tr-enrol-panel .card-body>.tr-enrol-list{grid-column:1/-1;grid-row:2}
}
@media (max-width:1240px){
  .tr-room{grid-template-columns:minmax(240px,.9fr) minmax(0,1.2fr)}
  .tr-room .tr-col-transcript{grid-column:1/-1}
  .tr-builder-grid{grid-template-columns:180px minmax(0,1fr)}
  .tr-builder-side{grid-column:2;position:static}
  .tr-builder-side .tr-balance{flex-direction:row}.tr-builder-side .tr-balance>.card{flex:1}
  .tr-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tr-matrix-grid{grid-template-columns:1fr}.tr-enrol-panel{position:static}
}
@media (max-width:1100px){
  .tr-library{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tr-score-grid{grid-template-columns:1fr}
  .tr-score-hero{grid-template-columns:auto 1fr}.tr-hero-actions{grid-column:1/-1;flex-direction:row}
  .tr-peditor{grid-template-columns:1fr}.tr-pcard-big{position:static}
  .tr-gen{grid-template-columns:1fr}.tr-gen-right{position:static}
}
@media (max-width:820px){
  .tr-library{grid-template-columns:1fr}
  .tr-filterbar{flex-direction:column;align-items:stretch}
  .tr-chips{gap:6px}
  .tr-chip{padding:6px 12px;font-size:12.5px}
  .tr-filter-right{justify-content:space-between}
  .tr-sactions .btn{height:44px}
  .tr-room,.tr-room.chat{grid-template-columns:1fr}
  .tr-room .tr-col-call{order:-1}
  .tr-room .tr-col-transcript{grid-column:auto}
  .tr-callpanel{min-height:0;padding:56px 16px 22px}
  .tr-orb{width:170px;height:170px;margin-top:0}
  .tr-orb-core.orb{width:104px;height:104px}
  .tr-orb-core .tr-pav{width:90px!important;height:90px!important}
  .tr-transcript{max-height:420px;min-height:180px}
  .tr-chatpanel .tr-transcript{min-height:300px}
  .tr-score-hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:20px}
  .tr-hero-copy{align-items:center}.tr-hero-copy .row{justify-content:center}
  .tr-hero-copy h2{font-size:18px}
  .tr-hero-actions{flex-direction:column;width:100%}
  .tr-override-row{grid-template-columns:1fr}
  .tr-prog-hero{padding:16px}
  .tr-prog-head h2{font-size:18px}
  .tr-timeline{grid-template-columns:1fr;overflow:visible}
  .tr-month-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .tr-tile{padding:10px}
  .tr-tile-actions{grid-template-columns:1fr}
  .tr-builder-grid{grid-template-columns:1fr}
  .tr-stepper{position:static;display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .tr-stepper li::after{display:none}
  .tr-stepper button{padding:8px;font-size:12.5px}
  .tr-builder-side{grid-column:auto}
  .tr-builder-side .tr-balance{flex-direction:column}
  .tr-builder-foot{flex-wrap:wrap}.tr-builder-foot .btn{flex:1}
  .tr-review-months{grid-template-columns:1fr}
  .tr-kpis{grid-template-columns:1fr 1fr}
  .tr-kpi{padding:12px}.tr-kpi-ico{width:34px;height:34px}
  .tr-matrix,.tr-matrix tbody,.tr-matrix tr,.tr-matrix td{display:block;width:100%}
  .tr-matrix tr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--border-w)}
  .tr-matrix td{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:0}
  .tr-matrix td::before{font-size:10.5px}
  .tr-matrix td:first-child,.tr-matrix td:nth-last-child(2),.tr-matrix td:last-child{grid-column:1/-1}
  .tr-matrix td:first-child::before,.tr-matrix td:nth-last-child(2)::before,.tr-matrix td:last-child::before{display:none}
  .tr-matrix td.c{text-align:left}
  .tr-sq{width:20px;height:20px}
  .tr-mprog{width:100%}
  .tr-progstats{grid-template-columns:repeat(2,1fr)}
  .tr-form4{grid-template-columns:1fr 1fr}
  .tr-pform-grid,.tr-sliders{grid-template-columns:1fr}
  .tr-purpose{grid-template-columns:1fr}
  .tr-gmetas{grid-template-columns:1fr 1fr}
  .tr-gactions .btn{flex:1}.tr-gactions .btn.primary{margin-left:0;flex-basis:100%}
  .tr-seg.wide{flex-direction:column}
  .tr-tabs{flex-wrap:wrap}.tr-tabs a{padding:10px 10px;font-size:13px}
  .tr-persona-grid{grid-template-columns:1fr 1fr}
  .tr-pcard{padding:14px 10px}
  .tr-portrait .tr-pav{width:180px!important;height:180px!important}
}
@media (min-width:821px){.tr-tabbar,.tr-mhome{display:none}}
@media (prefers-reduced-motion:reduce){
  [data-state="live"] .tr-orb-ring,.tr-live-pill i,.tr-wave.on i,[data-state="connecting"] .tr-orb-core.orb{animation:none!important}
  .tr-scard,.tr-pcard{transition:none}
}
/* Persona language / accent chips (Practice cards, brief, studio). */
.tr-langchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tr-langchip{font-size:11.5px;padding:2px 9px;background:#F3F4F6;color:#374151}
.tr-langchip.lc-lang{background:#F7EEF6;color:#7A1F6E}
.tr-langchip.lc-local{background:#FBF5E6;color:#7A5410}
.tr-langchip.lc-accent{background:#EEF6F3;color:#1F6B55}
.tr-lang.local{color:#7A5410}
.tr-localnote{background:#F7EEF6;color:#5B1752;font-size:12.5px}
.tr-delivery{border:1px solid #ECE4EB;border-radius:12px;padding:12px 14px 14px;margin:6px 0 4px;display:grid;gap:12px;min-width:0}
.tr-delivery legend{padding:0 6px}
.tr-inline-checks{display:flex;flex-wrap:wrap;gap:6px 14px}