/* Octa Intelligence · the Operations icon set (from OctaHQ/octa-platform/shell/octa-icons.js; Brand Guidelines v1.1 § 10) */
.oic{display:block;width:100%;height:100%;overflow:visible}
.oic .oi-flow{stroke-dasharray:3 7;animation:oi-flow 1.4s linear infinite}
.oic .oi-trace{stroke-dasharray:70 120;animation:oi-trace 2.6s linear infinite}
.oic .oi-draw{stroke-dasharray:60;animation:oi-draw 3.2s ease-in-out infinite}
.oic .oi-blink{animation:oi-blink 1.6s ease-in-out infinite}
.oic .oi-turn{transform-origin:24px 24px;animation:oi-turn 4s ease-in-out infinite}
.oic .oi-spin{animation:oi-spin 3.2s linear infinite}
.oic .oi-hand{animation:oi-spin 6s steps(12) infinite}
.oic .oi-post{animation:oi-post 2.8s ease-in-out infinite}
.oic .oi-ring{transform-box:fill-box;transform-origin:center;animation:oi-ripple 2.2s ease-out infinite}
.oic .oi-bob{animation:oi-bob 2.2s ease-in-out infinite}
.oic .oi-drop{animation:oi-drop 2.2s ease-in infinite}
.oic .oi-sweep{animation:oi-sweep 2.8s ease-in-out infinite}
.oic .oi-layer{animation:oi-blink 2.4s ease-in-out infinite}
.oic .oi-flame{animation:oi-flame .5s ease-in-out infinite alternate}
.oic .oi-key{animation:oi-key 3s ease-in-out infinite}
.oic .oi-fade{animation:oi-fade 3.4s ease-in-out infinite}
.oic .oi-ring-bell{animation:oi-bell 2.6s ease-in-out infinite}
.oic .oi-wave{animation:oi-blink 2.6s ease-in-out infinite}
.oic .oi-d2{animation-delay:-.5s}.oic .oi-d3{animation-delay:-1s}
.oic .oi-fade.oi-d2{animation-delay:-1.2s}.oic .oi-fade.oi-d3{animation-delay:-2.3s}
@keyframes oi-flow{to{stroke-dashoffset:-20}}
@keyframes oi-trace{from{stroke-dashoffset:190}to{stroke-dashoffset:0}}
@keyframes oi-draw{0%{stroke-dashoffset:60}45%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-60}}
@keyframes oi-blink{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes oi-turn{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.15)}}
@keyframes oi-spin{to{transform:rotate(360deg)}}
@keyframes oi-post{0%{transform:translateY(-3px);opacity:0}25%{opacity:1}60%{transform:translateY(9px);opacity:1}80%,100%{transform:translateY(12px);opacity:0}}
@keyframes oi-ripple{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
@keyframes oi-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
@keyframes oi-drop{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}70%{transform:translateY(8px);opacity:1}100%{transform:translateY(10px);opacity:0}}
@keyframes oi-sweep{0%,100%{opacity:0}50%{opacity:.55}}
@keyframes oi-flame{from{transform:scaleY(.75);opacity:.6}to{transform:scaleY(1.1);opacity:1}}
@keyframes oi-key{0%,60%,100%{transform:rotate(0)}75%{transform:rotate(-14deg)}88%{transform:rotate(4deg)}}
@keyframes oi-fade{0%,100%{transform:translateY(0)}33%{transform:translateY(-9px)}66%{transform:translateY(6px)}}
@keyframes oi-bell{0%,55%,100%{transform:rotate(0)}62%{transform:rotate(12deg)}70%{transform:rotate(-10deg)}78%{transform:rotate(6deg)}86%{transform:rotate(-3deg)}}
/* small: the Operations tab bar (shell/shell.js), 16 px, a heavier line; it moves only on the open tab and under the pointer */
.tic{display:inline-grid;place-items:center;width:17px;height:17px;flex:none;color:var(--ac,currentColor)}
.tic .oic{stroke-width:3.4}
.or-fm{display:inline-grid;width:13px;height:13px;flex:none;vertical-align:-2px;margin-right:6px;color:var(--ac,currentColor)}
.tabs a:not(.active):not(:hover) .tic .oic *{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.oic *{animation:none!important}.oic .oi-sweep{opacity:0}.oic .oi-post,.oic .oi-drop{opacity:1;transform:none}}