/* Iron Barbell — THE CAST (.cst-*) [6.38]
   The coach's third bottom tab: pick the day, pick the session, put the board on
   the gym screen. The screen itself is drawn dark — it is the wall, not the app —
   and everything else on the page uses the app's own light surfaces. */

/* ---- what is up right now ---- */
.cst-hero{background:#0f0f10;border:1px solid #2a2a2a;border-radius:12px;padding:15px 16px;color:#fff;margin-bottom:14px}
.cst-hero.on{border-color:var(--electric)}
.cst-hero .eb{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--silver)}
.cst-hero.on .eb{color:var(--electric-bright)}
.cst-hero .big{font-family:var(--font-cond);font-weight:900;font-size:30px;line-height:1;letter-spacing:.02em;text-transform:uppercase;margin-top:7px}
.cst-hero .big small{display:block;font-size:11px;letter-spacing:.1em;color:var(--silver);margin-top:6px}
.cst-hero .sub{font-size:12.5px;color:#b9c2cb;margin-top:9px;line-height:1.45}
.cst-hero .sub b{color:#fff}
.cst-hero .off{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:13px;background:none;border:1px solid #3a3a3a;border-radius:6px;padding:10px;color:#fff;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.cst-hero .off:hover{border-color:var(--rust);color:var(--rust-bright)}

/* ---- pick the session written on the day ---- */
.cst-pick{display:flex;align-items:stretch;gap:11px;width:100%;text-align:left;background:var(--app-surface);border:1px solid var(--app-border);border-radius:9px;padding:0;margin-bottom:8px;cursor:pointer;overflow:hidden;color:inherit;font:inherit}
.cst-pick:hover{border-color:var(--app-border-strong)}
.cst-pick.on{border-color:var(--electric);box-shadow:inset 0 0 0 1px var(--electric)}
.cst-pick .bar{flex:0 0 4px;background:var(--app-border-strong)}
.cst-pick .b{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;padding:12px 0}
.cst-pick .ty{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--app-fg-subtle)}
.cst-pick .ty em{font-style:normal;border:1px solid var(--forge);color:var(--forge-deep);border-radius:99px;padding:1px 6px;font-size:8.5px;letter-spacing:.08em}
.cst-pick .ty em.red{border-color:var(--rust);color:var(--rust-deep)}
.cst-pick .nm{font-family:var(--font-cond);font-weight:900;font-size:18px;letter-spacing:.03em;text-transform:uppercase;color:var(--app-fg);line-height:1.05}
.cst-pick .ln{font-size:11.5px;color:var(--app-fg-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cst-pick .tk{flex:0 0 40px;display:flex;align-items:center;justify-content:center;color:var(--electric)}

/* ---- the screen ---- */
.cst-tv{background:#050505;border:1px solid #2a2a2a;border-radius:10px;padding:16px 16px 0;color:#fff;overflow:hidden}
.cst-tv.live{border-color:var(--electric)}
.cst-tvhd{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cst-tvhd .ty{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:2px 6px}
.cst-tvhd .dt{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--silver);margin-left:auto}
.cst-tvhd .st{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#0a0a0a;background:var(--forge);border-radius:3px;padding:2px 6px}
.cst-tvhd .st.red{background:var(--rust);color:#fff}
.cst-tvtitle{font-family:var(--font-cond);font-weight:900;font-size:34px;line-height:1;letter-spacing:.02em;text-transform:uppercase;margin:12px 0 4px}
.cst-tvbody{padding-bottom:4px}
.cst-p{border-top:1px solid #232323;padding:13px 0 2px}
.cst-ph{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}
.cst-ph .tg{font-family:var(--font-mono);font-size:10px;font-weight:700;color:#050505;background:var(--silver);border-radius:3px;padding:1px 5px}
.cst-ph .nm{font-family:var(--font-cond);font-weight:900;font-size:19px;letter-spacing:.04em;text-transform:uppercase;line-height:1}
.cst-ph .cp{margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--forge)}
.cst-lead{font-size:14px;font-weight:600;color:#fff;margin:2px 0 6px;line-height:1.35}
.cst-mv{display:flex;align-items:baseline;gap:9px;padding:3px 0;border-bottom:1px solid #171717}
.cst-mv:last-child{border-bottom:0}
.cst-mv b{flex:0 0 46px;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--electric-bright);text-align:right}
.cst-mv b.no{color:#3a3a3a}
.cst-mv span{flex:1 1 auto;font-family:var(--font-cond);font-weight:700;font-size:17px;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}
.cst-mv em{font-style:normal;font-size:10.5px;color:var(--silver);letter-spacing:.02em}
.cst-bench{margin-top:8px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--rust-bright)}
.cst-bench b{color:#fff;margin-right:7px}
.cst-notes{border-top:1px solid #232323;padding:11px 0 2px;font-size:11.5px;line-height:1.5;color:var(--silver)}
.cst-bezel{display:flex;align-items:center;gap:8px;margin:14px -16px 0;padding:9px 16px;background:#0f0f10;border-top:1px solid #232323;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--silver)}
.cst-bezel .lg{color:#fff;font-weight:700}
.cst-bezel .sp{flex:1 1 auto}

/* ---- put it up ---- */
/* [6.49] SEE IT AS THE ROOM SEES IT — the same board with the app taken away, so a
   coach can check the wall before he puts it on the wall. */
.cst-prev{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:9px;background:var(--app-surface);border:1px solid var(--app-border-strong);border-radius:7px;padding:11px;color:var(--app-fg);font-family:var(--font-cond);font-weight:900;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.cst-prev:hover{border-color:var(--electric);color:var(--electric)}
.cst-full{position:absolute;inset:0;z-index:80;background:#050505;display:flex;flex-direction:column}
.cst-fullhd{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #232323;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--silver)}
.cst-fullhd .st.on{color:var(--electric-bright)}
.cst-fullhd button{margin-left:auto;display:flex;align-items:center;gap:6px;background:none;border:1px solid #3a3a3a;border-radius:6px;padding:7px 10px;color:#fff;font:inherit;cursor:pointer}
.cst-fullhd button:hover{border-color:var(--silver)}
.cst-fullbody{flex:1 1 auto;overflow-y:auto;padding:16px 16px 20px}
.cst-fullft{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid #232323;font-size:11px;line-height:1.45;color:var(--silver)}
.cst-fullft .up{margin-left:auto;flex:0 0 auto;background:var(--electric);border:0;border-radius:6px;padding:9px 13px;color:#fff;font-family:var(--font-cond);font-weight:900;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.cst-fullft .up:hover{background:var(--electric-hover)}
/* the wall: no card, no border, and the type sized for a room */
.cst-tv.big{background:none;border:0;border-radius:0;padding:0}
.cst-tv.big .cst-tvtitle{font-size:44px;margin:14px 0 6px}
.cst-tv.big .cst-mv{font-size:17px}
.cst-tv.big .cst-lead{font-size:15px}
.cst-tv.big .cst-ph .nm{font-size:17px}
.cst-tv.big .cst-bezel{margin:16px 0 0;padding:10px 0 0;background:none}
.cst-go{display:flex;align-items:center;gap:11px;width:100%;margin-top:11px;background:var(--electric);border:none;border-radius:7px;padding:13px 15px;color:#fff;text-align:left;cursor:pointer;font:inherit}
.cst-go:hover{background:var(--electric-hover)}
.cst-go:active{background:var(--electric-deep);transform:translateY(1px)}
.cst-go span{display:flex;flex-direction:column;gap:2px;font-family:var(--font-cond);font-weight:900;font-size:16px;letter-spacing:.05em;text-transform:uppercase}
.cst-go em{font-family:var(--font-body,inherit);font-style:normal;font-weight:400;font-size:11px;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.8)}
.cst-go.up{background:var(--app-surface);border:1px solid var(--app-border-strong);color:var(--app-fg)}
.cst-go.up:hover{border-color:var(--rust);background:var(--app-surface)}
.cst-go.up em{color:var(--app-fg-muted)}