/* Live-mode additions built on the VOLT tokens (style.css :root). */
.status-badge.danger{background:#ff8a7a24;color:#ffc2b8}
.status-badge.muted{background:#ffffff12;color:var(--muted)}
.live-error:empty{display:none}
.live-error{color:#ffc7bc;font-size:14px;margin-top:6px}
.live-empty{display:grid;gap:14px;justify-items:start;padding:28px}
.live-empty p{color:var(--muted)}
.live-check{display:flex;align-items:center;gap:12px;margin-block:12px;cursor:pointer}
.live-check input{width:20px;height:20px;flex:none;accent-color:var(--lime)}
.live-fieldset{grid-column:1/-1;border:1px solid var(--line);border-radius:16px;padding:10px 18px;min-width:0;display:flex;flex-wrap:wrap;column-gap:22px}
.live-fieldset legend{padding-inline:6px;color:var(--muted);font-size:13px}
.admin-editor .form-grid>label:has(textarea),.admin-editor .form-grid>.live-check,.admin-editor .form-grid>.review-note{grid-column:1/-1}
.auth-form form{display:grid;gap:14px;margin-top:18px}
.live-code{font-size:26px;letter-spacing:10px;text-align:center;font-family:'Space Grotesk',var(--font)}
.live-alt{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}
.live-alt summary{cursor:pointer;color:var(--muted);font-size:14px}
.live-alt summary:hover,.live-alt[open] summary{color:var(--text)}
.live-alt form{display:grid;gap:14px;margin-top:16px}
.live-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.live-banner{align-items:center}
.live-progress{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:14px;align-items:center;padding-block:10px;border-bottom:1px solid var(--line)}
.live-progress:last-child{border-bottom:0}
.live-progress progress{width:100%;accent-color:var(--lime)}
.live-thread{display:grid;gap:12px;margin-bottom:20px}
.live-msg{max-width:min(560px,92%);padding:12px 16px;border-radius:16px;background:var(--panel2);border:1px solid var(--line)}
.live-msg.mine{justify-self:end;background:#c3fa3614;border-color:#c3fa3640}
.live-msg p{white-space:pre-wrap;overflow-wrap:anywhere}
.live-post{padding-block:16px;border-bottom:1px solid var(--line)}
.live-post:last-child{border-bottom:0}
.live-pager{align-items:center;margin-top:16px}
.live-chips{margin-bottom:20px}
.live-read{opacity:.72}
.timeline>div.live-step-todo:before{background:transparent;border:2px solid #c7f88866}
.timeline>div.live-step-todo b{color:var(--muted)}
.admin-toolbar .live-error{flex-basis:100%}
.admin-card-list>button{padding:16px;border:1px solid #bad8a32e;border-radius:13px;display:flex;justify-content:space-between;gap:16px;text-align:start;width:100%}
.admin-card-list>button:hover{border-color:#c3fa3666}
.data-table td{vertical-align:middle}
.data-table .action-row .btn{min-height:40px;padding:8px 14px;font-size:13px}
@media (max-width:900px){.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.live-progress{grid-template-columns:1fr auto}.live-progress progress{grid-column:1/-1;grid-row:2}}
@media (prefers-reduced-motion:reduce){.live-msg,.live-post{transition:none}}
.live-mode .product-reviewbar{display:none}
.live-mode textarea{width:100%;min-height:120px;padding:14px 16px;border:1px solid #b9ebc43b;border-radius:14px;background:#0c2922;color:var(--text);font:inherit;resize:vertical}
.live-mode textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
/* Coaching, chat and AI coach (live-coaching.js) — same tokens and components as the rest of the app. */
.gold-star{display:inline-block;margin-inline-start:6px;color:#f5c84b;font-size:.9em;line-height:1;text-shadow:0 0 14px #f5c84b55;vertical-align:baseline}
.live-roles{margin:4px 0 6px}
.live-role-note{font-size:13px;margin:0 0 6px}
.live-nick{display:block;min-height:18px;margin-top:6px;font-size:12px;color:var(--muted)}
.live-nick.ok{color:#c8ff95}
.live-nick.taken{color:#ffc7bc}
.live-sep{border:0;border-top:1px solid var(--line);margin:16px 0}
.admin-card-list>button.active{border-color:#c3fa3699;background:#c3fa360f}
.live-chat{align-items:start;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)}
.live-chat-list .admin-card-list{max-height:62vh;overflow:auto}
.live-chat-thread{max-height:56vh;min-height:260px;overflow-y:auto;padding:4px 2px 8px;scroll-behavior:smooth}
.live-chat-compose{margin:0}
.live-chat-compose .live-error{margin:0}
.live-chat-tools{align-items:center;margin-top:12px}
.live-chat-tools label.btn{cursor:pointer}
.live-chat-tools .recording{border-color:#ff8a7a99;color:#ffc7bc;animation:live-pulse 1.2s ease-in-out infinite}
@keyframes live-pulse{50%{box-shadow:0 0 0 6px #ff8a7a22}}
.live-media{display:block;max-width:100%;max-height:340px;border-radius:12px;margin-top:8px;background:#0c2922}
.live-audio{display:block;width:min(280px,100%);margin-top:8px}
.live-typing{opacity:.7}
.live-ai-warning{margin:0 0 10px;color:#ffc7bc}
.live-ai-sources{display:block;margin-top:10px;color:var(--muted);font-size:12px}
.live-route-map{height:320px;border-radius:16px;margin-bottom:12px}
@media (max-width:900px){.live-chat{grid-template-columns:1fr}.live-chat-list .admin-card-list{max-height:none}.live-chat-thread{max-height:60vh}}
@media (prefers-reduced-motion:reduce){.live-chat-tools .recording{animation:none}.live-chat-thread{scroll-behavior:auto}}