/* task-assigning 固有のスタイル（共通は shared/moai-quickstart.css）。色はすべてトークン経由（ライト/ダーク両対応）。 */
#viewTabs { margin-top: 20px; }
#timelineView, #employeesView { margin-top: 16px; }
.ta-note { margin-top: 8px; }

/* timeline group labels (employee + skills) */
.ta-group { padding: 2px 0; max-width: 220px; white-space: normal; }
.ta-group b { display: block; font-weight: 650; }
.ta-skills { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 2px; }
.ta-skills .tag { margin: 0; }

/* timeline items */
.ta-item { line-height: 1.3; overflow: hidden; }
.ta-item b { display: block; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ta-item > span { display: block; color: var(--ink-2); font-size: 0.72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ta-item .tag { font-size: 0.66rem; }
.vis-item.missing {
    background: var(--critical-bg) !important;
    border-color: var(--critical) !important;
}
.ta-missing { color: var(--critical); font-weight: 600; }

/* unassigned cards */
.lesson .ta-prio { float: right; margin: 0 0 0 6px; }
.lesson .ta-skills { margin-top: 4px; }

/* employee table */
.ta-table-wrap { padding: 0; overflow-x: auto; }
.ta-table-wrap .tbl th:first-child, .ta-table-wrap .tbl td:first-child { padding-left: 14px; }
.ta-dot {
    display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 5px; vertical-align: -1px;
    background: hsl(var(--h) 65% var(--lesson-edge-l));
}

/* The standalone vis-timeline bundle injects its own CSS at runtime (after the shared stylesheet), so its
   fixed #4d4d4d label color would win over the shared token without !important. */
.vis-labelset .vis-label { color: var(--ink) !important; }

@media (max-width: 640px) {
    .ta-group { max-width: 90px; }
    .ta-group .ta-skills { display: none; }
}

/* inactive view: collapsed but still laid out (keeps vis-timeline's width) */
section.view-off { height: 0; overflow: hidden; visibility: hidden; margin: 0 !important; }