.gantt{border:1px solid #e2e7ee;border-radius:12px;overflow:hidden;margin:16px 0;background:white}.ganttControls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;background:#fbfcfe;border-bottom:1px solid #e5e9f0}.ganttControls strong{display:block;font-size:12px;color:#5e6c83}.ganttControls small{display:block;font-size:9px;color:#a5afbc;margin-top:6px}.ganttTools{display:flex;gap:8px}.ganttTools .quiet{font-size:10px;min-height:35px;padding:7px 12px}.ganttTools select{font-size:10px;min-width:110px;min-height:35px;padding:8px 12px}.ganttViewport{overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;position:relative}.ganttCanvas{min-width:780px}.ganttAxis,.ganttProjectRow{display:grid;grid-template-columns:210px minmax(0,1fr)}.ganttName{position:sticky;left:0;z-index:5;background:#fafbfd;border:0;border-right:1px solid #dfe4ed;border-bottom:1px solid #e7eaf0;color:#53647d;border-radius:0;padding:23px;text-align:left;display:flex;justify-content:center;flex-direction:column;gap:8px}.ganttName strong{font-size:12px}.ganttName small{font-size:9px;font-weight:400;color:#a0aab7}.ganttAxisName{font-size:9px;letter-spacing:1px;background:#f5f7fa}.ganttAxisTrack{height:65px;position:relative;background:white;border-bottom:1px solid #dfe5ed}.ganttMonth{position:absolute;top:0;height:32px;padding:10px;border-bottom:1px solid #e7eaf0;border-left:1px solid #e4e9f1;color:#8e9aae;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:clip}.ganttWeek{position:absolute;top:43px;font-size:9px;color:#b0b9c7;margin-left:5px}.ganttProjectTrack{height:104px;position:relative;border-bottom:1px solid #e7eaf0;background:white}.ganttGridLine{position:absolute;top:0;bottom:0;width:1px;background:#e7ebf2;z-index:0}.ganttPhase{position:absolute;top:27px;height:35px;min-height:35px;background:var(--phase);padding:4px 7px;border-radius:18px;overflow:hidden;white-space:nowrap;display:flex;align-items:center;gap:10px;box-shadow:0 2px 4px #25364d15;font-size:10px;z-index:1;min-width:0}.ganttPhase.inferred{background:repeating-linear-gradient(125deg,var(--phase),var(--phase) 9px,color-mix(in srgb,var(--phase) 80%,white) 9px,color-mix(in srgb,var(--phase) 80%,white) 13px)}.ganttPhaseTag{font-size:9px;line-height:23px;padding:0 8px;border-radius:14px;background:#0002;color:white;font-weight:800;flex-shrink:0}.ganttPhaseName{font-size:10px;font-weight:500;color:white;overflow:hidden}.ganttMilestone{position:absolute;top:31px;transform:translateX(-50%);height:27px;width:27px;min-height:27px;border-radius:50%;padding:0;background:color-mix(in srgb,var(--phase) 65%,#153c4d);color:#fff9;border:2px solid color-mix(in srgb,var(--phase) 55%,white);font-size:19px;z-index:3;display:grid;place-items:center;box-shadow:0 1px 4px #25364d22}.ganttMilestone.done{color:#e5ffe9;background:#399f80;border-color:#d1efdf;font-size:14px}.ganttMilestone.overdue{border-color:#e17776;color:white}.ganttProgress{position:absolute;top:70px;height:5px;border-radius:4px;background:#e8edf3;overflow:hidden;z-index:2}.ganttProgress span{display:block;height:100%;background:var(--phase);border-radius:4px}.ganttToday{position:absolute;top:0;bottom:0;width:1px;background:#ee9893;z-index:0}.ganttToday small{position:absolute;bottom:5px;left:4px;font-size:8px;color:#dba29a}.ganttLegend{display:flex;gap:16px;flex-wrap:wrap;padding:18px 22px;font-size:9px;color:#91a0b4;line-height:1.8}.ganttLegend>span::before{content:'';display:inline-block;width:9px;height:9px;background:var(--phase);border-radius:3px;margin-right:6px}.ganttLegend small{font-size:8px;display:block;width:100%;color:#a9b3c1}@media(max-width:760px){.ganttControls{padding:14px;gap:10px;align-items:flex-start}.ganttControls small{max-width:170px;line-height:1.8}.ganttTools{gap:5px}.ganttTools select{min-width:95px;font-size:9px}.ganttLegend{padding:14px;gap:10px}.ganttName{padding:18px}.ganttTools .quiet{padding:7px;font-size:9px}}
.ganttProjectTrack{height:36px}.ganttName{padding:5px 16px;gap:0}.ganttName strong{font-size:11px}.ganttName small{display:none}.ganttPhase{top:5px;height:25px;min-height:25px;padding:3px 6px;border-radius:14px;gap:6px;font-size:9px}.ganttPhaseTag{font-size:8px;line-height:18px;padding:0 6px}.ganttPhaseName{font-size:9px}.ganttMilestone{top:7px;width:21px;height:21px;min-height:21px;font-size:14px}.ganttMilestone.done{font-size:11px}.ganttProgress{top:30px;height:3px}.ganttToday{display:none}.ganttControls{padding:12px 18px}.ganttControls small{margin-top:3px}.ganttLegend{padding:12px 18px}.ganttLegend small{display:none}.ganttTools .quiet[aria-label="Dnes"]{display:none}@media(max-width:760px){.ganttProjectTrack{height:34px}.ganttName{padding:5px 10px}.ganttPhase{top:5px;height:23px;min-height:23px}.ganttProgress{top:29px;height:3px}}\n