.menu-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;font:normal 1rem/1 Arial;background:color-mix(in srgb,currentColor 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 25%,transparent)}.icon-dashboard{color:#53a8ff}.icon-wizard{color:#40d3a0}.icon-timeline{color:#f1c84b}.icon-app{color:#ff837d}.icon-version{color:#b88cff}.icon-server{color:#55c8e8}.icon-dependency{color:#ff9f68}.icon-tag{color:#65d596}.icon-schedule{color:#77a6ff}.icon-security{color:#e788d1}.publish-picker{padding:18px!important}.publish-strip{display:flex;gap:10px;overflow:auto;padding:3px 0 8px}.publish-strip .deployment-item{min-width:235px;margin:0}.flow-card{overflow:hidden;padding:24px!important}.flow-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px}.flow-title h2{margin:0}.flow-title small{display:block}.flow-legend{display:flex;align-items:center;gap:7px;color:var(--muted)}.flow-legend i{width:13px;height:13px;border-radius:50%;background:#35ce9b;box-shadow:0 0 0 4px #35ce9b20}.flow-scroll{overflow-x:auto;overflow-y:hidden;padding:20px 4px 5px}.flow-timeline{direction:ltr;position:relative;display:grid;grid-template-columns:repeat(8,minmax(155px,1fr));min-width:1250px;height:410px;padding:0 20px}.flow-timeline:before{content:"";position:absolute;left:70px;right:70px;top:196px;height:2px;background:#647386}.flow-stage{--phase:#7aa7ff;direction:rtl;position:relative;display:grid;grid-template-rows:145px 105px 145px;justify-items:center;padding:0 7px}.flow-stage:nth-child(1){--phase:#ff8581}.flow-stage:nth-child(2){--phase:#ffae72}.flow-stage:nth-child(3){--phase:#f3c83e}.flow-stage:nth-child(4){--phase:#5ed2a2}.flow-stage:nth-child(5){--phase:#63c4df}.flow-stage:nth-child(6){--phase:#669ceb}.flow-stage:nth-child(7){--phase:#9b83ec}.flow-stage:nth-child(8){--phase:#dd79bd}.flow-node{direction:rtl;position:absolute;z-index:2;top:174px;left:50%;transform:translateX(-50%);width:120px;height:45px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--phase);color:#101722;border-radius:7px;box-shadow:0 7px 20px color-mix(in srgb,var(--phase) 30%,transparent);font-size:.78rem}.flow-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff45;border:1px solid #ffffff70;color:transparent;font:bold .9rem Arial}.flow-stage.completed .flow-check{color:#07503b;background:#fff}.flow-stage:not(.completed) .flow-node{filter:saturate(.65);opacity:.72}.flow-detail{position:relative;width:142px;min-height:112px;padding:13px 11px;background:color-mix(in srgb,var(--phase) 17%,#101720);border:1px solid color-mix(in srgb,var(--phase) 50%,#273241);border-radius:9px;box-shadow:0 8px 20px #0003;text-align:center}.flow-detail b{font-family:"B Titr";color:var(--phase)}.flow-detail p{font-size:.75rem;line-height:1.35;margin:5px 0;color:#c6d1dc}.flow-detail time{font-size:.65rem;color:#8998a8!important}.flow-stage:nth-child(odd) .flow-detail{grid-row:1;align-self:end}.flow-stage:nth-child(even) .flow-detail{grid-row:3;align-self:start}.flow-branch{position:absolute;left:50%;transform:translateX(-50%);width:1px;background:color-mix(in srgb,var(--phase) 70%,#657487)}.flow-stage:nth-child(odd) .flow-branch{top:145px;height:51px}.flow-stage:nth-child(even) .flow-branch{top:197px;height:53px}.flow-branch:after{content:"";position:absolute;left:-3px;width:7px;height:7px;border-right:1px solid var(--phase);border-bottom:1px solid var(--phase);transform:rotate(45deg)}.flow-stage:nth-child(odd) .flow-branch:after{bottom:0}.flow-stage:nth-child(even) .flow-branch:after{bottom:0}.flow-stage em{position:absolute;top:225px;font-style:normal;font-size:.68rem;color:var(--muted)}.flow-stage.completed em{color:var(--phase)}.flow-stage.running .flow-node{animation:flowPulse 1.6s infinite}.flow-stage.failed .flow-node{outline:2px solid #ef5f6b}@keyframes flowPulse{50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--phase) 18%,transparent)}}@media(max-width:800px){.flow-card{padding:16px!important}.flow-title{display:block}.flow-legend{margin-top:8px}.publish-strip .deployment-item{min-width:205px}}