.dashboard-live{margin:24px 0 32px}.dashboard-live[hidden]{display:none}.dashboard-live-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-live-heading h2{margin:5px 0 0;font-size:1.45rem}.dashboard-live-eyebrow{font-size:.73rem;letter-spacing:.12em;color:#71b992;font-weight:800}.dashboard-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px}.dashboard-live-card{display:block;min-width:0;border:1px solid var(--border,#385345);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;background:var(--panel,#1b2d23);transition:transform .15s,border-color .15s}.dashboard-live-card:hover{transform:translateY(-3px);border-color:#71b992}.dashboard-live-card:focus-visible{outline:3px solid #71b992;outline-offset:4px}.dashboard-live-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#243f30,#0e2018);overflow:hidden}.dashboard-live-thumb>img{width:100%;height:100%;object-fit:cover}.dashboard-live-badge{position:absolute;top:12px;left:12px;background:#c53747;color:white;border-radius:6px;font-size:.72rem;font-weight:700;padding:4px 7px}:root:not([data-site-theme=dark]) .dashboard-live-card{background:#fff;border-color:#d5e1d8;color:#193126}@media(prefers-reduced-motion:reduce){.dashboard-live-card{transition:none}}@media(min-width:1400px){.dashboard-live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.dashboard-live-card{padding:0;line-height:0}.dashboard-live-thumb{width:100%;margin:0}.dashboard-live-thumb>img{display:block;width:100%;height:100%;object-fit:cover}.dashboard-live-badge{line-height:1.3}

.dashboard-live-tags{display:flex;flex-wrap:wrap;gap:6px;padding:9px 10px;line-height:1.4}.dashboard-live-club{display:inline-block;border-radius:20px;padding:4px 10px;background:rgba(113,185,146,.13);color:inherit;font-size:.75rem;font-weight:600;border:1px solid rgba(113,185,146,.25)}



.dashboard-live-copy{padding:12px 14px 0;line-height:1.45}.dashboard-live-name{display:block;font-size:.86rem;font-weight:600;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-live-title{margin:4px 0 12px;font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-live-tags{padding:0 14px 13px}.dashboard-live-club{background:#294937;color:#c4e0c9;border:1px solid #41634c;padding:3px 10px;font-size:.72rem;font-weight:500}:root:not([data-site-theme=dark]) .dashboard-live-club{background:#edf4e9;color:#426247;border-color:#ccddc7}

.dashboard-live-copy{display:flex;align-items:flex-start;gap:10px}.dashboard-live-avatar{display:block;width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover;background:#294937}.dashboard-live-text{min-width:0;flex:1}.dashboard-live-tags{padding-left:60px}

.dashboard-live-card{position:relative}.dashboard-live-broadcast{color:inherit;text-decoration:none}.dashboard-live-broadcast::after{content:"";position:absolute;inset:0}.dashboard-live-profile,.dashboard-live-club{position:relative;z-index:2}.dashboard-live-profile{flex:0 0 36px;border-radius:50%}.dashboard-live-club{text-decoration:none}.dashboard-live-profile:focus-visible,.dashboard-live-club:focus-visible{outline:2px solid #71b992;outline-offset:3px}.dashboard-live-broadcast:focus-visible::after{outline:3px solid #71b992;outline-offset:-3px;border-radius:18px}

.dashboard-live-empty{padding:24px;border:1px solid var(--border,#385345);border-radius:14px;background:var(--panel,#1b2d23);font-size:.9rem;line-height:1.6;color:inherit;opacity:.8}:root:not([data-site-theme=dark]) .dashboard-live-empty{background:#fff;border-color:#d5e1d8;color:#426247}

.dashboard-live-more{color:inherit;text-decoration:none;font-size:.85rem;white-space:nowrap;padding:8px 12px;border:1px solid var(--border,#385345);border-radius:9px}.dashboard-live-more:hover{background:rgba(113,185,146,.12)}

/* Use the same theme tokens as the surrounding dashboard and Live page. */
.dashboard-live-card,.dashboard-live-empty{background:var(--paper,#fff);border-color:var(--line);color:var(--ink)}
.dashboard-live-empty{opacity:1}
.dashboard-live-more{border-color:var(--line)}
:root[data-site-theme=dark] .dashboard-live-card,:root[data-site-theme=dark] .dashboard-live-empty{background:#1b2b21;color:var(--ink);border-color:var(--line)}
:root:not([data-site-theme=dark]) .dashboard-live-eyebrow{color:#397752}
