.cl-nav { display: flex; align-items: center; padding: 16px clamp(16px,5vw,28px); position: sticky; top: 0; background: rgba(27,22,19,.92); backdrop-filter: blur(8px); z-index: 10; border-bottom: 1px solid var(--rw-border); }
.cl-nav .back { color: var(--rw-text); text-decoration: none; font-weight: 500; font-size: 15px; opacity: .9; display: inline-flex; align-items: center; gap: 6px; }
.cl-nav .back:hover { color: var(--rw-accent); }
.cl-wrap { max-width: 720px; margin: 0 auto; padding: 0 16px 48px; overflow-x: auto; }
.cl-table { width: 100%; border-collapse: collapse; }
.cl-table th, .cl-table td { padding: 10px 12px; text-align: left; }
.cl-table th { color: var(--rw-muted); font-weight: 600; font-size: .8rem; text-transform: uppercase; letter-spacing: .03em; border-bottom: 2px solid var(--rw-border); }
.cl-table td { color: var(--rw-text); }
.cl-entry-row td { border-top: 2px solid var(--rw-border); padding-top: 16px; }
.cl-text-row td { color: var(--rw-muted); line-height: 1.5; padding-top: 4px; padding-bottom: 16px; }
.cl-badge-current { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--rw-accent); color: var(--rw-accent-ink); font-size: .75rem; font-weight: 700; }
.cl-icon-check { color: #3ea96a; }
.cl-icon-pending { color: var(--rw-accent); }
.cl-icon-absent { color: #e0554a; }
.cl-icon-gear { color: var(--rw-muted); }
.cl-play-hide .cl-col-preview { display: none; }
.cl-play-hide [data-play-absent="1"] { display: none; }