@layer compatibility{body>.app-shell>.topbar{display:grid;grid-template-columns:46px minmax(190px,250px) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:7px 12px;min-height:84px;padding:9px 12px;overflow:visible}body>.app-shell>.topbar .topbar-nav-menu,body>.app-shell>.topbar .data-nav-menu{grid-column:1;grid-row:1 / span 2;align-self:center;justify-self:center;position:relative;z-index:240;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;margin:0;overflow:visible}body>.app-shell>.topbar .topbar-nav-menu>summary,body>.app-shell>.topbar .data-nav-menu>summary{display:grid;place-items:center;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;max-height:42px;padding:0;overflow:hidden;color:transparent;font-size:0;line-height:0;text-indent:-999px;border-radius:10px}body>.app-shell>.topbar .topbar-nav-menu>summary:before,body>.app-shell>.topbar .data-nav-menu>summary:before{content:"";position:absolute;inset:11px 10px;color:var(--brand-soft, #86dccf);text-indent:0;background:linear-gradient(currentColor,currentColor) 0 0 / 100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 50% / 100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100% / 100% 2px no-repeat}body>.app-shell>.topbar .topbar-nav-menu>div,body>.app-shell>.topbar .data-nav-menu>div{top:calc(100% + 8px);left:0;right:auto;z-index:520}body>.app-shell>.topbar .product-brand{grid-column:2;grid-row:1 / span 2;align-self:center;min-width:0;max-width:250px;overflow:hidden;padding:0;margin:0}body>.app-shell>.topbar .product-brand strong{display:block;overflow:hidden;color:var(--text, #f2fffc);font-size:clamp(18px,1.1vw,22px);line-height:1.08;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}body>.app-shell>.topbar .product-brand span{display:none}body>.app-shell>.topbar .top-controls{grid-column:3;grid-row:1;display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(220px,1fr) minmax(150px,.7fr) 86px;align-items:end;gap:8px;min-width:0}body>.app-shell>.topbar .field,body>.app-shell>.topbar .top-controls label{min-width:0}body>.app-shell>.topbar .field span,body>.app-shell>.topbar .top-controls label span,.gantt-topbar label span{margin-bottom:3px;font-size:9px;line-height:1;letter-spacing:.05em;white-space:nowrap}body>.app-shell>.topbar select,body>.app-shell>.topbar input,.gantt-topbar select{min-width:0;min-height:32px;height:32px;padding:5px 10px;font-size:12px;border-radius:9px}body>.app-shell>.topbar .top-actions{grid-column:3;grid-row:2;display:flex;align-items:center;justify-self:end;justify-content:flex-end;flex-wrap:nowrap;gap:6px;min-width:0;max-width:100%;padding:0}body>.app-shell>.topbar .top-actions>.button,body>.app-shell>.topbar .version-actions-menu>summary,.gantt-topbar .button{min-height:32px;height:32px;padding:6px 11px;border-radius:9px;font-size:11px;white-space:nowrap}body>.app-shell>.topbar .topbar-version-passport{display:none}body>.app-shell>.topbar .version-chip{min-height:22px;max-width:180px;overflow:hidden;padding:3px 8px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}body>.app-shell>.topbar .version-actions-menu{position:relative;overflow:visible}body>.app-shell>.topbar .version-actions-menu>div{position:absolute;top:calc(100% + 8px);right:0;z-index:520;display:grid;width:196px;gap:6px;padding:8px;border:1px solid var(--line, rgba(149, 222, 211, .2));border-radius:12px;background:var(--surface, #0d3438);box-shadow:0 18px 42px #0012144d}body>.app-shell>.topbar .version-actions-menu:not([open])>div{display:none}body>.app-shell>.topbar .version-actions-menu>div .button{width:100%;justify-content:flex-start}.gantt-topbar{display:grid;grid-template-columns:42px minmax(170px,250px) minmax(0,1fr);align-items:center;gap:8px 12px;min-height:62px;padding:9px 12px;overflow:visible}.gantt-topbar #menuButton{grid-column:1;justify-self:center;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:10px;z-index:240}.gantt-topbar>div:first-of-type{grid-column:2;min-width:0}.gantt-topbar h1{overflow:hidden;margin:0;font-size:clamp(18px,1.15vw,22px);line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.gantt-kicker{display:block;overflow:hidden;font-size:9px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.gantt-controls{grid-column:3;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) max-content;align-items:end;gap:8px;min-width:0}.gantt-controls label{min-width:0}.gantt-topbar #themeButton{align-self:end;min-width:116px}.gantt-menu{left:12px;top:calc(100% + 8px);right:auto;z-index:520}@media(max-width:1400px){body>.app-shell>.topbar{grid-template-columns:46px minmax(150px,200px) minmax(0,1fr)}body>.app-shell>.topbar .top-controls{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) minmax(116px,.55fr) 76px}body>.app-shell>.topbar .top-actions>.button,body>.app-shell>.topbar .version-actions-menu>summary{padding-inline:9px;font-size:10px}.gantt-topbar{grid-template-columns:42px minmax(140px,200px) minmax(0,1fr)}.gantt-controls{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) max-content}}@media(max-width:1120px){body>.app-shell>.topbar{grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto auto}body>.app-shell>.topbar .topbar-nav-menu,body>.app-shell>.topbar .data-nav-menu{grid-row:1}body>.app-shell>.topbar .product-brand{grid-column:2;grid-row:1;max-width:none}body>.app-shell>.topbar .top-controls{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(2,minmax(180px,1fr))}body>.app-shell>.topbar .top-actions{grid-column:1 / -1;grid-row:3}.gantt-topbar{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto}.gantt-topbar>div:first-of-type{grid-column:2}.gantt-controls{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(2,minmax(180px,1fr)) max-content}}}