/* Dynamic internals for the locked Hermes overview. Outer deck geometry stays untouched. */
#panel-overview .cog-graph-stage{
  background:
    radial-gradient(circle at 50% 50%,rgba(19,171,207,.18),transparent 27%),
    radial-gradient(circle at 72% 35%,rgba(255,183,46,.055),transparent 25%),
    radial-gradient(circle at 26% 64%,rgba(35,201,255,.07),transparent 26%),
    linear-gradient(180deg,rgba(2,12,24,.6),rgba(2,9,19,.95));
}
.cog-route-haze,.cog-ambient-flow,.cog-core-orbit-field ellipse{fill:none;pointer-events:none}
.cog-route-haze{stroke:var(--route);stroke-width:16;opacity:.075;filter:url(#cogGlow)}
.cog-route-glow{stroke-width:6.5!important;opacity:.22!important}
.cog-route-echo{stroke-width:2.7!important;stroke-dasharray:1 9!important;stroke-linecap:round;opacity:.96!important;animation:cogDynamicRoute 6.5s linear infinite!important}
.cog-route{stroke-width:1.65!important;stroke-dasharray:none!important;opacity:.94!important;filter:drop-shadow(0 0 3px var(--route))}
.cog-packet{fill:var(--route);filter:drop-shadow(0 0 5px var(--route));animation:cogPacketPulse 1.8s ease-in-out infinite}
.cog-packet.major{filter:drop-shadow(0 0 9px var(--route));animation-duration:1.2s}
.cog-star{fill:var(--star);opacity:.24;filter:drop-shadow(0 0 2px var(--star));animation:cogStarTwinkle 2.8s var(--delay) ease-in-out infinite}
.cog-ambient-flow{stroke:var(--route);stroke-width:.8;stroke-dasharray:1.5 7;stroke-linecap:round;opacity:.24;filter:drop-shadow(0 0 2px var(--route));animation:cogAmbientDrift 12s var(--delay) linear infinite}
.cog-core-orbit-field{transform-origin:540px 215px;animation:cogOrbitSpin 34s linear infinite}
.cog-core-orbit-field ellipse{stroke:rgba(64,213,239,.24);stroke-width:.75;stroke-dasharray:2 6}
.cog-core-orbit-field ellipse:nth-child(2){stroke:rgba(168,121,255,.22);stroke-dasharray:1 8}
.cog-core-orbit-field ellipse:nth-child(3){stroke:rgba(68,230,165,.17);stroke-dasharray:4 11}
.cog-core-orbit-field ellipse:nth-child(4){stroke:rgba(101,191,255,.12);stroke-dasharray:1 13}
.cog-core-orbit-points{transform-origin:540px 215px;animation:cogOrbitSpin 23s linear infinite reverse}
.cog-core-orbit-dot{fill:#7cecff;opacity:.68;filter:drop-shadow(0 0 4px #30ddff);animation:cogStarTwinkle 2.1s ease-in-out infinite}
.cog-route-labels text{fill:#7892a7;font:700 7px var(--mono);letter-spacing:.015em;text-shadow:0 0 8px #04101e}

@media(min-width:1181px){
  #panel-overview .cog-core{width:208px;height:208px;background:radial-gradient(circle,rgba(9,48,60,.99) 0 44%,rgba(5,26,42,.99) 45% 55%,rgba(35,221,229,.2) 56% 59%,transparent 60%);filter:drop-shadow(0 0 18px rgba(35,213,237,.18))}
  #panel-overview .cog-core::before{inset:-16px;border-width:1px;box-shadow:0 0 18px rgba(45,220,242,.22)}
  #panel-overview .cog-core::after{inset:-37px;border-style:dashed;box-shadow:0 0 34px rgba(22,201,242,.15),inset 0 0 28px rgba(22,201,242,.08)}
  #panel-overview .cog-core-inner{width:148px;height:148px;gap:3px;border-width:2px;box-shadow:0 0 38px rgba(27,222,246,.33),inset 0 0 28px rgba(41,212,235,.19)}
  #panel-overview .cog-core-mark{height:34px}
  #panel-overview .cog-core-mark svg{width:52px;height:34px;filter:drop-shadow(0 0 7px currentColor)}
  #panel-overview .cog-core-title{font-size:14px}
  #panel-overview .cog-subsystem{width:184px;min-height:82px;padding-left:77px}
  #panel-overview .cog-subsystem .cog-node-icon{width:68px;height:68px;top:1px;border-width:2px;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 22%,#061224),#04101f 70%);box-shadow:0 0 13px var(--tone),0 0 31px color-mix(in srgb,var(--tone) 34%,transparent),inset 0 0 18px color-mix(in srgb,var(--tone) 22%,transparent);animation:cogNodeBreathe 3.2s ease-in-out infinite}
  #panel-overview .cog-node-icon::before{inset:-8px;border-style:dashed;animation:cogNodeSpin 13s linear infinite}
  #panel-overview .cog-node-icon::after{inset:6px;box-shadow:0 0 11px color-mix(in srgb,var(--tone) 35%,transparent)}
  #panel-overview .cog-node-icon svg{width:31px;height:31px;filter:drop-shadow(0 0 4px currentColor)}
  #panel-overview .cog-subsystem strong{font-size:10.5px;text-shadow:0 0 8px color-mix(in srgb,var(--tone) 55%,transparent)}

  #panel-overview .cog-countdown{position:relative;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:21px minmax(0,1fr) 25px!important;justify-items:center;align-items:center;gap:0!important;padding:7px 8px!important;overflow:hidden}
  #panel-overview .cog-countdown::before{content:"";position:absolute;inset:25px 27px 24px;border-radius:50%;border:1px dotted rgba(255,183,46,.2);animation:cogNodeSpin 18s linear infinite}
  #panel-overview .cog-countdown-info{display:contents!important}
  #panel-overview .cog-countdown .cog-live-label{grid-row:1;justify-self:start;align-self:start;font-size:8px;letter-spacing:.13em}
  #panel-overview .cog-orbit{grid-row:2;width:clamp(126px,8.4vw,142px)!important;height:clamp(126px,8.4vw,142px)!important;margin:auto;background:conic-gradient(var(--cog-amber) calc(var(--progress)*1turn),rgba(255,183,46,.10) 0);box-shadow:0 0 30px rgba(255,183,46,.2),inset 0 0 24px rgba(255,183,46,.1)}
  #panel-overview .cog-orbit::before{inset:8px;border-width:2px;background:radial-gradient(circle,rgba(10,29,43,.98),#061326 72%);box-shadow:inset 0 0 18px rgba(255,183,46,.08)}
  #panel-overview .cog-orbit::after{inset:-8px;border-color:rgba(255,183,46,.43);box-shadow:0 0 16px rgba(255,183,46,.12)}
  #panel-overview .cog-orbit-copy strong{font-size:clamp(20px,1.42vw,25px);line-height:1;color:#ffc54a;text-shadow:0 0 13px rgba(255,183,46,.4)}
  #panel-overview .cog-orbit-copy span{font-size:7px;color:#b9a77a}
  #panel-overview .cog-countdown-info h3{position:absolute;z-index:4;top:115px;left:50%;transform:translateX(-50%);width:112px;margin:0!important;color:#dfe9f2;font-size:7.6px!important;line-height:1.2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #panel-overview .cog-countdown-info dl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #panel-overview .cog-countdown-info .cog-action{grid-row:3;width:100%!important;min-height:24px!important;margin:0!important;font-size:7px;border-color:rgba(255,183,46,.42);background:rgba(255,183,46,.07)}

  #panel-overview .cog-infra{display:grid;grid-template-rows:auto 86px 1fr auto;gap:4px;padding:8px!important;overflow:hidden}
  #panel-overview .cog-infra .cog-panel-title{font-size:9px!important;color:#9bd8ff}
  #panel-overview .cog-gauges{height:86px;margin:0!important;gap:5px!important;align-items:center}
  #panel-overview .cog-gauge{width:76px;max-width:76px!important;aspect-ratio:1;background:conic-gradient(var(--tone) calc(var(--value)*1%),rgba(87,124,153,.12) 0);box-shadow:0 0 20px color-mix(in srgb,var(--tone) 11%,transparent);transition:background .5s ease,filter .25s ease}
  #panel-overview .cog-gauge:hover{filter:brightness(1.2)}
  #panel-overview .cog-gauge::before{inset:7px;background:radial-gradient(circle,#071a2d,#061221 72%);border:1px solid color-mix(in srgb,var(--tone) 22%,transparent)}
  #panel-overview .cog-gauge-copy span{font-size:7px;letter-spacing:.08em;text-transform:uppercase}
  #panel-overview .cog-gauge-copy strong{font-size:12px;line-height:1.15}
  #panel-overview .cog-gauge-copy small{display:block;margin-top:2px;color:#748ba0;font:600 5.7px var(--mono);white-space:nowrap}
  #panel-overview .cog-services{grid-template-columns:1fr 1fr!important;gap:3px!important;align-content:start}
  #panel-overview .cog-service{min-height:18px!important;padding:2px 5px!important;font-size:6.3px!important;background:rgba(5,22,39,.75)}
  #panel-overview .cog-service i{box-shadow:0 0 7px currentColor}
  #panel-overview .cog-sampled{margin-top:0!important;font-size:5.8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@keyframes cogDynamicRoute{to{stroke-dashoffset:-160}}
@keyframes cogAmbientDrift{to{stroke-dashoffset:-96}}
@keyframes cogOrbitSpin{to{transform:rotate(360deg)}}
@keyframes cogNodeSpin{to{transform:rotate(360deg)}}
@keyframes cogStarTwinkle{0%,100%{opacity:.16}48%{opacity:.88}62%{opacity:.38}}
@keyframes cogPacketPulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes cogNodeBreathe{0%,100%{transform:scale(.98);filter:brightness(.9)}50%{transform:scale(1.035);filter:brightness(1.18)}}

/* Right-side operations model from the approved reference crop. */
@media(min-width:1181px){
  #panel-overview .cog-countdown{grid-template-rows:21px minmax(0,1fr)!important}
  #panel-overview .cog-countdown-info .cog-action{display:none!important}
  #panel-overview .cog-orbit{width:clamp(146px,9.2vw,158px)!important;height:clamp(146px,9.2vw,158px)!important}
  #panel-overview .cog-countdown-info h3{top:119px;width:120px;font-size:8px!important}

  #panel-overview .cog-infra{grid-template-rows:auto 92px 28px auto;gap:5px}
  #panel-overview .cog-gauges{height:92px}
  #panel-overview .cog-gauge{width:82px;max-width:82px!important}
  #panel-overview .cog-gauge-copy strong{font-size:13px}
  #panel-overview .cog-gauge-copy small{font-size:6.1px}
  #panel-overview .cog-services{display:block!important}
  #panel-overview .cog-service{display:none}
  #panel-overview .cog-service:first-child{display:grid;min-height:28px!important;grid-template-columns:1fr auto 8px;font-size:7px!important;border-color:rgba(68,230,165,.24);background:linear-gradient(90deg,rgba(68,230,165,.075),rgba(5,22,39,.88))}

  #panel-overview .cog-understanding{display:grid!important;grid-template-columns:minmax(0,1fr) 154px;grid-template-rows:24px minmax(0,1fr) 25px 16px;column-gap:8px;row-gap:4px;overflow:hidden}
  #panel-overview .cog-understanding-head{grid-column:1/-1;grid-row:1;min-width:0}
  #panel-overview .cog-understanding-head .cog-head-group::before{content:"AI";display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(168,121,255,.55);border-radius:50%;color:#c7a9ff;font:800 8px var(--mono);box-shadow:0 0 10px rgba(168,121,255,.19)}
  #panel-overview .cog-understanding-head .cog-head-group>span{display:none}
  #panel-overview .cog-understanding-head .cog-panel-title{font-size:11px!important;letter-spacing:.13em}
  #panel-overview .cog-modes{display:none!important}
  #panel-overview .cog-understanding-body{grid-column:1;grid-row:2;min-height:0!important;margin:0!important;overflow:auto;padding-right:3px}
  #panel-overview .cog-conclusion{min-height:63px;padding:8px;grid-template-columns:27px 1fr;border-color:rgba(68,230,165,.27);background:linear-gradient(100deg,rgba(68,230,165,.08),rgba(5,20,36,.76))}
  #panel-overview .cog-conclusion-icon{width:25px;height:25px;font-size:12px}
  #panel-overview .cog-conclusion strong{font-size:10px!important;color:#62eea5}
  #panel-overview .cog-conclusion p{font-size:7.4px!important;line-height:1.35;margin-top:3px}
  #panel-overview .cog-insight{min-height:38px;padding:6px 7px!important;font-size:7.6px!important;line-height:1.35;border-top:1px solid rgba(83,116,147,.17)}
  #panel-overview .cog-understanding-actions{grid-column:2;grid-row:2;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,1fr);gap:6px!important;margin:0!important}
  #panel-overview .cog-understanding-actions .cog-action{position:relative;min-height:0!important;padding:0 8px 0 31px;text-align:left;font-size:8px!important;background:rgba(4,22,39,.82)}
  #panel-overview .cog-understanding-actions .cog-action::before{position:absolute;left:10px;color:#6ddffc;font-size:13px}
  #panel-overview .cog-understanding-actions .cog-action:nth-child(1)::before{content:"▤"}
  #panel-overview .cog-understanding-actions .cog-action:nth-child(2)::before{content:"▣";color:#ffc24b}
  #panel-overview .cog-understanding-actions .cog-action:nth-child(3)::before{content:"⌘";color:#c7a9ff}
  #panel-overview .cog-questions{grid-column:1/-1;grid-row:3;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px!important;margin:0!important}
  #panel-overview .cog-question{min-height:25px!important;padding:0 5px;font-size:6.3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #panel-overview .cog-provenance{grid-column:1/-1;grid-row:4;min-width:0;margin:0!important;font-size:5.7px!important;white-space:nowrap;overflow:hidden;justify-content:space-between}
  #panel-overview .cog-provenance span:nth-child(2),#panel-overview .cog-provenance span:nth-child(3){display:none}

  #panel-overview .cog-analysis{grid-template-columns:1.55fr 1.02fr .9fr 1.55fr .6fr!important;gap:6px!important}
  #panel-overview .cog-explainability{display:block;min-width:0;border-color:rgba(43,154,205,.24)}
  #panel-overview .cog-explainability .cog-panel-title{font-size:8px!important;letter-spacing:.11em}
  #panel-overview .cog-explainability-list{display:grid;gap:4px;margin-top:6px}
  #panel-overview .cog-explain-view{height:28px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:#89a1b6;font:700 7.5px var(--mono);text-align:left;cursor:pointer}
  #panel-overview .cog-explain-view span{width:14px;color:#65bfff;font-size:12px;text-align:center}
  #panel-overview .cog-explain-view:hover{border-color:rgba(35,201,255,.28);background:rgba(35,201,255,.05);color:#ccecff}
  #panel-overview .cog-explain-view.active{border-color:rgba(35,201,255,.58);background:rgba(35,201,255,.1);color:#dff8ff;box-shadow:inset 2px 0 #23c9ff}
  #panel-overview .cog-quick-list [data-open-tab="schedule"]{display:none}
}
@media(max-width:1180px){#panel-overview .cog-explainability{grid-column:1/-1}.cog-explainability-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cog-explain-view{min-height:32px}}

.hermes-operations.motion-paused .cog-route-echo,
.hermes-operations.motion-paused .cog-ambient-flow,
.hermes-operations.motion-paused .cog-core-orbit-field,
.hermes-operations.motion-paused .cog-core-orbit-points,
.hermes-operations.motion-paused .cog-star,
.hermes-operations.motion-paused .cog-node-icon,
.hermes-operations.motion-paused .cog-countdown::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.cog-route-echo,.cog-ambient-flow,.cog-core-orbit-field,.cog-core-orbit-points,.cog-star,.cog-node-icon,.cog-countdown::before{animation:none!important}.cog-packet{display:none!important}}
