/* ============================================================
   Master Schedule (the GC's schedule) — assets/master-schedule.css
   Borrows the .sch-* / .ml-* Gantt classes from app.css; only the
   master-schedule-specific chrome lives here.
   ============================================================ */

.ms-tb { margin-bottom: 6px; }
.ms-schedname { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--ink); font-size: 13px; }
.ms-schedname .ti { color: var(--accent); }

.ms-subbar { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 4px 2px 10px; flex-wrap: wrap; }
.ms-meta { font-size: 11.5px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.ms-hint { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--ink-faint); }
.ms-hint .ti { font-size: 13px; }

/* The Sub / Resource grid column. */
.sch-gcol.ms-gsub { flex: 0 0 128px; width: 128px; text-align: left; padding-left: 8px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-soft);
  font-size: 11.5px; }
.sch-ghead .sch-gcol.ms-gsub { color: var(--ink-faint); }

/* Read-only bars — same shape as the scheduler, without the drag affordances. */
.ms-bar { cursor: default; }
.ms-bar:hover { filter: brightness(1.04); }

.ms-diamond { position: absolute; color: var(--ink-faint); pointer-events: auto; cursor: default; }
.ms-diamond .ti { font-size: 15px; color: #6366F1; filter: drop-shadow(0 1px 1px rgba(0,0,0,.25)); }

.ms-legend { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.ms-lglbl { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--ink-faint); }

/* Empty state — routes the user to the importer. */
.ms-empty { max-width: 620px; margin: 40px auto; text-align: center; padding: 0 20px; }
.ms-empty-icon { width: 64px; height: 64px; border-radius: 16px; margin: 0 auto 16px;
  display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 12%, transparent); }
.ms-empty-icon .ti { font-size: 32px; color: var(--accent); }
.ms-empty h3 { margin: 0 0 10px; font-size: 19px; color: var(--ink); }
.ms-empty p { margin: 0 0 12px; color: var(--ink-soft); font-size: 13.5px; line-height: 1.6; }
.ms-empty-how { background: var(--surface-2, rgba(127,127,127,.06)); border: 1px solid var(--bd);
  border-radius: 10px; padding: 12px 16px; }
.ms-empty .btn { margin-top: 6px; }

@media (max-width: 720px) {
  .sch-gcol.ms-gsub { display: none; }
}