/* maintenance-scheduling 固有のスタイル。色はすべて共通トークン（ライト/ダーク両対応）。 */

/* 週末は稼働日ではないので、時間軸で少し濃く塗る。 */
.vis-time-axis .vis-grid.vis-saturday,
.vis-time-axis .vis-grid.vis-sunday {
    background: color-mix(in srgb, var(--ink) 6%, transparent) !important;
}

.vis-item-content { width: 100%; }
.vis-item .job-item { line-height: 1.35; white-space: nowrap; overflow: hidden; }
.vis-item .job-item b { display: block; font-weight: 650; overflow: hidden; text-overflow: ellipsis; }
/* 12 週間を日単位で並べるので、日付ラベルは小さめに。 */
.vis-time-axis .vis-text.vis-minor { font-size: 0.64rem !important; padding: 3px 0; }
.vis-item .job-item .sub,
.vis-label .job-group .sub { display: block; color: var(--ink-2); font-size: 0.72rem; }
.vis-label .job-group b { font-weight: 600; }
.vis-labelset .vis-label .vis-inner { min-width: 120px; }

/* 期間外（着手可能日より前・期限超過）と未割当 */
.vis-item.late {
    border-color: var(--critical) !important;
    box-shadow: inset 0 0 0 1px var(--critical);
}
.vis-item.unassigned {
    background: var(--critical-bg) !important;
    border-color: var(--critical) !important;
}

/* 作業別ビューの背景帯: 着手可能日〜理想終了日 / 理想終了日〜期限 */
.vis-item.vis-background.win-ideal { background: color-mix(in srgb, var(--good) 14%, transparent) !important; }
.vis-item.vis-background.win-due { background: color-mix(in srgb, var(--warning) 18%, transparent) !important; }
.legend i.win { background: none; }
.legend i.win-ideal { background: color-mix(in srgb, var(--good) 35%, transparent); }
.legend i.win-due { background: color-mix(in srgb, var(--warning) 40%, transparent); }
.legend i.win-late { background: var(--critical); }
.window-legend { margin-bottom: 8px; }

/* タグ（地区）のチップは地区の色相で */
.tag.hue {
    background: hsl(var(--h) var(--lesson-s) calc(var(--lesson-l) - 6%));
    color: var(--ink);
}
.lesson .tag { display: inline-block; font-size: 0.7rem; color: var(--ink); }
.lesson .tag.bad { color: var(--critical); }
.lesson .tags { margin-top: 4px; }

.ms-view .sec-head { align-items: flex-end; }
@media (max-width: 700px) {
    .ms-view .legend.push { margin-left: 0; }
}

/* vis-timeline 本体の CSS（#4d4d4d）が共通 CSS より強く効くので、行ラベルの文字色をここで上書きする。 */
.vis-timeline .vis-labelset .vis-label { color: var(--ink); }
.vis-timeline .vis-time-axis .vis-text.vis-minor { text-align: center; }