/* IntelliTun-Atom (IntelliTun Master, DTC Tool, ME7 EEPROM Tool) */
.it-atom{display:block;width:112px;height:112px;overflow:visible;--ita-accent:#2fd6c8;--ita-ring:#2fd6c8;--ita-ink:#2fd6c8}
.it-atom.is-ok{--ita-ring:#3ccf86;--ita-ink:#3ccf86}
.it-atom.is-warn{--ita-ring:#e8ad45;--ita-ink:#e8ad45}
.it-atom.is-bad{--ita-ring:#f0706c;--ita-ink:#f0706c}
.it-atom .ita-bbox{fill:none;stroke:none}
.it-atom .ita-orbit{fill:none;stroke-width:5.4;stroke-linecap:round}
.it-atom .ita-e{fill:#2fd6c8;stroke:#0b131a;stroke-width:1.4}
.it-atom .ita-nucleus{stroke:var(--ita-ring);stroke-width:3.4;transition:stroke .4s}
.it-atom .ita-label{fill:var(--ita-ink);font-family:"Sora","Poppins","Segoe UI",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;text-anchor:middle;dominant-baseline:central;transition:fill .4s}
.it-atom .ita-hex{fill:none;stroke:var(--ita-ink);stroke-width:1.6;stroke-linejoin:round;opacity:.9}
.it-atom .ita-traces line{stroke:var(--ita-ink);stroke-width:1.3;opacity:.75}
.it-atom .ita-traces .ita-node{fill:var(--ita-ink)}
.it-atom .ita-glow{opacity:.55;transform-box:fill-box;transform-origin:center}
.it-atom .ita-scan{fill:none;stroke:var(--ita-accent);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:22 78;opacity:0;transform-box:fill-box;transform-origin:center}
.it-atom .ita-wave{fill:none;stroke:var(--ita-ring);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.it-atom .ita-orbits,.it-atom .ita-core{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){
  /* Analyse läuft */
  .it-atom.is-busy .ita-orbits{animation:ita-spin 14s linear infinite}
  .it-atom.is-busy .ita-scan{opacity:.95;animation:ita-scan 1.6s cubic-bezier(.45,0,.55,1) infinite}
  .it-atom.is-busy .ita-glow{animation:ita-breathe 1.8s ease-in-out infinite}
  .it-atom.is-busy .ita-core{animation:ita-core 1.8s ease-in-out infinite}
  .it-atom.is-busy .ita-node{animation:ita-blink 1.2s ease-in-out infinite}
  .it-atom.is-busy .ita-traces line{animation:ita-blink 1.2s ease-in-out infinite}
  /* Ergebnis: einmalige Abschlusswelle */
  .it-atom.is-wave .ita-wave{animation:ita-wave 1.1s cubic-bezier(.2,.7,.2,1) 1 both}
  .it-atom.is-wave .ita-core{animation:ita-pop .7s cubic-bezier(.2,.9,.25,1.25) 1 both}
  .it-atom.is-wave .ita-glow{animation:ita-flash 1.1s ease-out 1 both}
}
@keyframes ita-spin{to{transform:rotate(360deg)}}
@keyframes ita-scan{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes ita-breathe{0%,100%{opacity:.45;transform:scale(.94)}50%{opacity:.95;transform:scale(1.08)}}
@keyframes ita-core{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes ita-blink{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes ita-wave{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.5)}}
@keyframes ita-pop{0%{transform:scale(.9)}60%{transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes ita-flash{0%{opacity:1;transform:scale(1.25)}100%{opacity:.55;transform:scale(1)}}
/* Einbau in die vorhandenen Symbolflächen */
/* Symbolfläche in allen drei Tools identisch: 130 px Kreis, 26 px Abstand oben/unten, Atom 108 px */
.itpr-orbit svg.it-atom,.itdtc .itdtc-orbit svg.it-atom,.itme7 .itme7-orbit svg.it-atom{width:108px;height:108px;stroke-width:initial;flex:none}
@media (max-width:640px){.itpr-orbit svg.it-atom,.itdtc .itdtc-orbit svg.it-atom,.itme7 .itme7-orbit svg.it-atom{width:78px;height:78px}}
/* DTC Tool: Seitenleiste der Fehlercode-Liste (itdtc-addon.js) */
.itdtc .itdtc-pager{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0 4px;padding-top:14px;border-top:1px solid var(--line)}
.itdtc .itdtc-pager .pg-nums{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}
.itdtc .itdtc-pager button{font-family:var(--f-display);border:1px solid var(--line-2);background:var(--surface-2);color:var(--fg-2);border-radius:9px;height:34px;min-width:34px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.itdtc .itdtc-pager button:hover:not(:disabled){border-color:var(--accent);color:var(--fg)}
.itdtc .itdtc-pager button:active:not(:disabled){transform:translateY(1px)}
.itdtc .itdtc-pager button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.itdtc .itdtc-pager .pg-num.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px -8px var(--accent)}
.itdtc .itdtc-pager .pg-nav{width:38px;padding:0}
.itdtc .itdtc-pager .pg-nav svg{width:16px;height:16px}
.itdtc .itdtc-pager .pg-nav:disabled{opacity:.35;cursor:default}
.itdtc .itdtc-pager .pg-gap{color:var(--fg-3);padding:0 4px;font-size:13px}
.itdtc .itdtc-pager .pg-info{flex-basis:100%;text-align:center;color:var(--fg-3);font-size:12px;margin-top:2px}
@media (max-width:640px){.itdtc .itdtc-pager button{height:32px;min-width:32px;padding:0 8px}}
/* IntelliTun Master (Arbeitsbereich): Abstand Kopfkarte → nächster Block exakt 24 px wie bei DTC Tool und ME7 EEPROM
   (vorher 24 px Rand + 20 px Spaltenabstand + 20 px Rand des Modulbereichs = 64 px) */
body #itpa-result{margin-bottom:4px}
body #itpa-workbench>:first-child{margin-top:0}