/* meeting-scheduling 固有のスタイル（共通は shared/moai-quickstart.css）。 */

.ms-timeline { margin-top: 4px; }
.ms-note { margin-top: 8px; }

/* タイムラインのグループ見出し（参加者名・会議室名） */
.ms-group { display: flex; flex-direction: column; line-height: 1.3; }
.ms-group b { font-weight: 600; }

/* タイムライン上の会議 */
.vis-item.vis-range { min-height: 46px; }
.ms-item { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; line-height: 1.3; overflow: hidden; }
.ms-item b { font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.ms-item .tag { font-size: 0.68rem; }
.ms-item .small { font-size: 0.72rem; }

/* 任意参加は点線の枠・淡い背景 */
.vis-item.ms-preferred {
  border-style: dashed !important;
  border-width: 1px 1px 1px 3px !important;
  background: color-mix(in srgb, hsl(var(--h, 210) var(--lesson-s) var(--lesson-l)) 55%, var(--surface)) !important;
}
/* 定員を超えた会議室 */
.vis-item.ms-over { border-color: var(--critical) !important; background: var(--critical-bg) !important; }

.vis-labelset .vis-label .vis-inner { min-width: 120px; }
.vis-time-axis .vis-text.vis-major { color: var(--ink-2) !important; font-weight: 600; }

/* vis-timeline の既定色（#4d4d4d）より優先して、ダークでも読めるようにする */
.vis-timeline .vis-labelset .vis-label,
.vis-timeline .vis-labelset .vis-label .vis-inner { color: var(--ink); }