/* ===== Chatter schedule grid ===== */
.cs-bar{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap; }
.cs-board{ background:linear-gradient(180deg, var(--surface,#12121a), var(--bg-2,#0c0c14)); border:1px solid var(--line); border-radius:16px; padding:24px; overflow-x:auto; }
.cs-board-head{ margin-bottom:18px; }
.cs-board-title{ font-family:var(--display); font-weight:700; font-size:20px; }
.cs-board-sub{ font-size:13px; color:var(--text-4,#8a93a6); margin-top:3px; }
.cs-grid{ display:grid; gap:8px; min-width:max-content; }
.cs-corner{ }
.cs-model-head{ font-family:var(--display); font-weight:600; font-size:14px; text-align:center; padding:10px 8px; background:rgba(155,46,255,.10); border:1px solid var(--line); border-radius:9px; color:var(--text-1,#e9edf5); display:flex; align-items:center; justify-content:center; }
.cs-shift-head{ display:flex; flex-direction:column; justify-content:center; padding:10px; background:var(--panel-2,#12151c); border:1px solid var(--line); border-radius:9px; }
.cs-shift-name{ font-weight:700; font-size:14px; }
.cs-shift-time{ font-size:11px; color:var(--text-4,#8a93a6); font-variant-numeric:tabular-nums; margin-top:2px; }
.cs-cell{ position:relative; min-height:60px; background:var(--panel,#171b24); border:1px solid var(--line); border-radius:9px; padding:10px; display:flex; flex-wrap:wrap; gap:5px; align-content:flex-start; }
.cs-cell:hover .cs-edit{ opacity:1; }
.cs-chip{ background:rgba(46,207,143,.14); color:#4fe0a8; border:1px solid rgba(46,207,143,.25); border-radius:14px; padding:3px 10px; font-size:12px; font-weight:500; height:fit-content; }
.cs-empty-cell{ color:var(--text-4,#8a93a6); font-size:16px; align-self:center; margin:auto; }
.cs-edit{ position:absolute; top:6px; right:6px; background:rgba(0,0,0,.3); border:none; color:var(--text-3,#b6bdca); width:24px; height:24px; border-radius:6px; cursor:pointer; opacity:0; transition:opacity .12s; display:flex; align-items:center; justify-content:center; }
.cs-edit svg{ width:13px; height:13px; }
.cs-edit:hover{ color:#fff; background:var(--pink,#e0559b); }
/* hide edit buttons + empty dashes during export */
.cs-board.cs-exporting .cs-edit{ display:none; }
.cs-chip-grid{ display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 4px; }

/* model column reorder */
.cs-model-head{ flex-direction:column; gap:4px; }
.cs-model-reorder{ display:flex; align-items:center; gap:4px; }
.cs-model-reorder button{ width:20px; height:20px; border:1px solid var(--line); background:var(--panel,#171b24); color:var(--text-3,#b6bdca); border-radius:5px; cursor:pointer; font-size:13px; line-height:1; display:flex; align-items:center; justify-content:center; }
.cs-model-reorder button:hover:not(:disabled){ background:var(--pink,#e0559b); color:#fff; border-color:var(--pink,#e0559b); }
.cs-model-reorder button:disabled{ opacity:.3; cursor:default; }
.cs-model-rank{ min-width:20px; text-align:center; font-size:11px; font-weight:700; color:var(--pink,#e0559b); background:rgba(224,85,155,.12); border-radius:5px; padding:1px 5px; }
.cs-model-name{ font-weight:600; font-size:14px; }
/* hide reorder controls during export */
.cs-board.cs-exporting .cs-model-reorder{ display:none; }