/* 制作排期（role-schedule.js）。表格、筛选条、提示条复用角色看板（cm-*）和角色 map（rm-*）的样式。 */
.roleschedule { display: none; grid-column: 2; flex-direction: column; min-width: 0; min-height: 0; background: var(--bg); position: relative; }
#app[data-view="roleschedule"] .roleschedule { display: flex; }
@media (max-width: 880px) {
  .roleschedule { position: fixed; left: 0; right: 0; top: var(--vbanner, 0px); bottom: calc(var(--tab-h) + var(--kb)); }
}

.rs-table td { vertical-align: top; }
.rs-link { text-decoration: none; }
.rs-link:hover { text-decoration: underline; }
.rs-step { min-width: 220px; white-space: normal !important; }
.rs-step .rm-muted { margin-top: 2px; }
.rs-pips { display: inline-flex; gap: 3px; margin-right: 8px; vertical-align: middle; }
.rs-pips i { width: 14px; height: 6px; border-radius: 3px; background: var(--hair-strong); }
.rs-pips i.rs-done { background: #34c759; }
.rs-pips i.rs-now { background: var(--accent); }
.rs-step-name { font-weight: 500; }
.rs-date { width: 140px; }
.rs-section { margin-top: 14px; }
.rs-section:first-child { margin-top: 0; }
.rs-section summary { cursor: pointer; font-weight: 500; margin-bottom: 8px; }
.rs-add { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }
.rs-add .input { width: 200px; }
.rs-add .rs-note { width: 140px; }
.rs-remove { margin-left: auto; color: var(--text-3); }

.rs-people, .rs-weeks { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; align-items: start; }
.rs-card, .rs-week { background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--sh-1); padding: 10px 12px; }
.rs-card { margin-top: 10px; }
.rs-people .rs-card { margin-top: 0; }
.rs-card-h { display: flex; gap: 10px; align-items: center; margin-bottom: 4px; font-weight: 500; }
.rs-card-h b, .rs-card-h .badge { white-space: nowrap; flex-shrink: 0; }
.rs-week { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.rs-week-late { border: 2px solid rgba(255, 59, 48, 0.5); }
.rs-chip { max-width: 100% !important; }
/* 小卡片颜色跟提醒走（role-schedule.js 的 ALERTS 表）；搁置的灰掉。 */
.rs-chip.rs-late { border-color: rgba(255, 59, 48, 0.55); }
.rs-chip.rs-stale { border-color: rgba(255, 149, 0, 0.6); }
.rs-chip.rs-hold { color: var(--text-3); }