
.cs-liveboard-wrap{max-width:980px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.cs-card{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.cs-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cs-title{margin:0;font-size:20px;font-weight:850}
.cs-sub{margin:6px 0 0;opacity:.75;font-size:13px;line-height:1.35}
.cs-metaBar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.cs-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:7px 10px;font-size:12px}
.cs-list{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
.cs-item{border:1px solid rgba(0,0,0,.10);border-radius:14px;padding:12px}
.cs-rowTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.cs-client{margin:0;font-weight:850}
.cs-times{margin:6px 0 0;font-size:12px;opacity:.85;line-height:1.35}
.cs-badge{font-size:11px;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:4px 8px;display:inline-block}
.cs-badge.delay{background:rgba(255,193,7,.18)}
.cs-badge.insession{background:rgba(76,175,80,.16)}
.cs-badge.done{background:rgba(158,158,158,.16)}
.cs-badge.selection{background:rgba(33,150,243,.14)}
.cs-badge.selectionarea{background:rgba(156,39,176,.14)}
.cs-admin{margin-top:14px}
.cs-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cs-input{border:1px solid rgba(0,0,0,.18);border-radius:12px;padding:10px 12px;font-size:14px}
.cs-input.small{width:190px}
.cs-input.time{width:110px}
.cs-input.dur{width:130px}
.cs-select{border:1px solid rgba(0,0,0,.18);border-radius:12px;padding:10px 12px;font-size:14px;background:#fff}
.cs-btn{border:0;border-radius:12px;padding:10px 12px;font-weight:850;background:#111;color:#fff;cursor:pointer}
.cs-btn.secondary{background:#444}
.cs-btn.ghost{background:#fff;color:#111;border:1px solid rgba(0,0,0,.18)}
.cs-btn:disabled{opacity:.6;cursor:not-allowed}
.cs-adminList{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.cs-adminRow{border:1px solid rgba(0,0,0,.10);border-radius:14px;padding:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.cs-adminLeft{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cs-note{margin:10px 0 0;font-size:12px;opacity:.75}
.cs-error{margin-top:10px;color:#b00020;font-size:12px}
.cs-dirty{display:inline-flex;gap:6px;align-items:center;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:6px 10px;font-size:12px;background:rgba(33,150,243,.10)}
.cs-status{margin-top:10px;font-size:12px;opacity:.8}

.cs-ontime-pill{border-color:rgba(10,107,59,.35);background:rgba(10,107,59,.08);color:#0a6b3b}
