.gantt-hero {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:flex-start;
  background:linear-gradient(135deg, rgba(5,11,30,.95), rgba(12,24,48,.78));
}
.gantt-actions {display:flex; gap:.6rem; flex-wrap:wrap;}
.gantt-grid {display:grid; grid-template-columns:minmax(260px, 360px) 1fr; gap:1rem; margin-top:1rem;}
@media (max-width: 900px){.gantt-grid{grid-template-columns:1fr}.gantt-hero{display:block}}
.gantt-form label {display:block; margin-top:.9rem; color:var(--muted); font-weight:700;}
.gantt-form input,.gantt-form select,.gantt-form textarea,.inline-form select {
  width:100%; margin-top:.25rem; padding:.65rem; border-radius:10px; border:1px solid var(--stroke);
  background:#07101f; color:var(--txt);
}
.two-col {display:grid; grid-template-columns:1fr 1fr; gap:.75rem;}
.compact-header {margin-bottom:.7rem;}
.small {color:var(--muted);}
.mini-gantt {overflow:auto; border:1px solid var(--stroke); border-radius:14px; background:rgba(2,6,23,.45);}
.gantt-head,.gantt-row {display:grid; grid-template-columns:minmax(180px, 2fr) repeat(var(--weeks, 6), minmax(36px, 1fr)); min-width:720px;}
.large-gantt .gantt-head,.large-gantt .gantt-row {grid-template-columns:minmax(220px, 2fr) repeat(var(--weeks, 6), minmax(36px, 1fr)) minmax(110px, .9fr) 70px;}
.agency-gantt .gantt-head,.agency-gantt .gantt-row {grid-template-columns:minmax(240px, 2fr) repeat(var(--weeks, 6), minmax(36px, 1fr)) minmax(100px, .8fr);}
.gantt-head {background:rgba(111,227,255,.08); color:var(--brand); font-weight:800;}
.gantt-head span,.gantt-row span {padding:.55rem; border-bottom:1px solid rgba(255,255,255,.06); border-right:1px solid rgba(255,255,255,.04);}
.task-name small {display:block; color:var(--muted); margin-top:.15rem;}
.gantt-cell.active {background:linear-gradient(90deg, rgba(111,227,255,.8), rgba(184,147,255,.8)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);}
.gantt-cell.active.in_progress {background:linear-gradient(90deg, rgba(255,209,102,.9), rgba(111,227,255,.7));}
.gantt-cell.active.blocked {background:linear-gradient(90deg, rgba(239,71,111,.9), rgba(255,209,102,.75));}
.gantt-cell.active.done {background:linear-gradient(90deg, rgba(6,214,160,.85), rgba(111,227,255,.6));}
.inline-form {margin:0;}
.mini-danger {border:1px solid rgba(239,71,111,.5); background:rgba(239,71,111,.1); color:#ffdce4; padding:.45rem .55rem; border-radius:8px; cursor:pointer;}
.status-pill {display:inline-block; border-radius:999px; padding:.25rem .55rem; background:rgba(255,255,255,.08); text-transform:capitalize;}
.status-pill.done {color:#7ee7c8}.status-pill.blocked{color:#ff9eb2}.status-pill.in_progress{color:#ffe29a}