:root{--gantt-bg:#242424;--gantt-row-bg:#2f2f2f;--gantt-border:#343434;--gantt-accent:#7c5cff;--gantt-bar:#2bbf8a;--gantt-text:#e6eef8}
#plan-schedule .gantt-controls{display:flex;gap:8px;align-items:center;margin-bottom:8px}
#plan-schedule .gantt-controls button{background:#0b1220;border:1px solid var(--gantt-border);color:var(--gantt-text);padding:4px 8px;border-radius:4px;cursor:pointer}
#gantt-container{background:var(--gantt-bg);border:1px solid var(--gantt-border);padding:12px;overflow:auto}
/* основной стиль Gantt */
.gantt-header{font-size:12px;margin-bottom:8px;display:flex;align-items:flex-start;color:var(--gantt-text)}
.gantt-header .gantt-dates{display:flex;align-items:center}
.gantt-header .gantt-dates .gantt-date-cell{box-sizing:border-box;padding:6px 8px;border-right:1px solid rgba(255,255,255,0.04);text-align:left;color:var(--gantt-text);background:transparent}
.gantt-rows{display:flex;flex-direction:column;gap:6px}
.gantt-row{display:flex;align-items:center;gap:12px}

/* фиксированная ширина левой колонки со всеми лейблами */
.gantt-label{box-sizing:border-box;width:300px;flex:0 0 300px;padding:8px 10px;background:var(--gantt-row-bg);border:1px solid var(--gantt-border);border-radius:6px;color:var(--gantt-text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.gantt-chart{position:relative;flex:1;height:44px;background:transparent;min-width:600px}
.gantt-bar{position:absolute;top:10px;height:24px;background:linear-gradient(90deg,var(--gantt-accent),var(--gantt-bar));border-radius:6px;box-shadow:0 6px 18px rgba(11,18,32,0.6);cursor:default;border:1px solid rgba(255,255,255,0.04)}
.gantt-tooltip{position:fixed;background:#0b1220;color:var(--gantt-text);padding:8px;border-radius:6px;font-size:13px;z-index:2000;max-width:360px;box-shadow:0 10px 30px rgba(2,6,23,0.7);border:1px solid rgba(255,255,255,0.04)}

/* subtle divider line behind bars */
.gantt-chart::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.00));}

@media(max-width:900px){
  .gantt-label{width:200px;flex:0 0 200px;font-size:13px}
  .gantt-date-cell{font-size:11px}
}