/* Identical text-only cleaner navigation on every cleaner page. */
body.syn-app main.container nav.cleaner-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:none!important;margin:24px 0!important;padding:0!important}
body.syn-app main.container nav.cleaner-tabs a.cleaner-tab{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:88px!important;padding:18px!important;border:1px solid var(--syn-line)!important;border-radius:14px!important;background:var(--syn-panel-solid)!important;color:var(--syn-text)!important;text-decoration:none!important;box-shadow:0 6px 20px #5c33ff0a!important;transform:none;transition:transform .2s,border-color .2s}
body.syn-app main.container nav.cleaner-tabs a.cleaner-tab.active{background:linear-gradient(120deg,#8e5cff14,#00cfe80a),var(--syn-panel-solid)!important;border-color:var(--syn-violet)!important;box-shadow:0 6px 20px #5c33ff18!important}
body.syn-app main.container nav.cleaner-tabs a.cleaner-tab:hover{transform:translateY(-2px);border-color:var(--syn-violet)!important}
body.syn-app main.container nav.cleaner-tabs .cleaner-tab-copy{display:grid!important;gap:6px!important;min-width:0!important}
body.syn-app main.container nav.cleaner-tabs .cleaner-tab-copy strong{font-size:15px!important;font-weight:750!important;line-height:1.3!important;color:var(--syn-text)!important}
body.syn-app main.container nav.cleaner-tabs .cleaner-tab-copy small{font-size:12px!important;font-weight:400!important;line-height:1.45!important;color:var(--syn-muted)!important}
body.syn-app main.container nav.cleaner-tabs a:focus-visible{outline:2px solid var(--syn-violet);outline-offset:4px}
@media(max-width:900px){body.syn-app main.container nav.cleaner-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:500px){body.syn-app main.container nav.cleaner-tabs{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){body.syn-app main.container nav.cleaner-tabs a.cleaner-tab{transition:none!important;transform:none!important}}

/* Stationary outline icon over a rotating glow, plus a separate orbit light. */
body.syn-app main.container nav.cleaner-tabs a.cleaner-tab{gap:14px!important;min-height:104px!important;padding:16px!important;isolation:isolate}
.cleaner-orbit-icon{position:relative;isolation:isolate;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--syn-bg-2);border:1px solid var(--syn-line);overflow:visible;color:#3448a5}
html[data-theme="dark"] .cleaner-orbit-icon{color:#f3f6ff;background:#111527}
.cleaner-orbit-icon svg{position:relative;z-index:3;width:26px;height:26px;filter:drop-shadow(0 0 5px #5375ff55)}
.cleaner-orbit-glow{position:absolute;inset:3px;border-radius:50%;background:conic-gradient(from 0deg,#6652ffbb,#00cfe8bb,#50e49a55,#8e5cffbb,#6652ffbb);filter:blur(8px);opacity:.25;animation:cleanerGlowSpin 10s linear infinite;pointer-events:none;z-index:1}
html[data-theme="dark"] .cleaner-orbit-glow{opacity:.42}
.cleaner-orbit-track{position:absolute;inset:-3px;border-radius:50%;animation:cleanerGlowSpin 8s linear infinite;pointer-events:none;z-index:2}
.cleaner-orbit-track i{position:absolute;top:-1px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#0785aa;box-shadow:0 0 6px #00cfe8,0 0 12px #8e5cff99;opacity:.6}
html[data-theme="dark"] .cleaner-orbit-track i{background:#adfff1}
.cleaner-tab.active .cleaner-orbit-glow{opacity:.48}
html[data-theme="dark"] .cleaner-tab.active .cleaner-orbit-glow{opacity:.65}
.cleaner-tab.active .cleaner-orbit-track i{opacity:1;box-shadow:0 0 7px #00cfe8,0 0 16px #8e5cff}
.cleaner-tab:nth-child(2) .cleaner-orbit-glow,.cleaner-tab:nth-child(2) .cleaner-orbit-track{animation-delay:-2s}
.cleaner-tab:nth-child(3) .cleaner-orbit-glow,.cleaner-tab:nth-child(3) .cleaner-orbit-track{animation-delay:-4s}
.cleaner-tab:nth-child(4) .cleaner-orbit-glow,.cleaner-tab:nth-child(4) .cleaner-orbit-track{animation-delay:-6s}
@keyframes cleanerGlowSpin{to{transform:rotate(360deg)}}
@media(min-width:901px) and (max-width:1150px){body.syn-app main.container nav.cleaner-tabs a.cleaner-tab{gap:10px!important;padding:12px!important}.cleaner-orbit-icon{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.cleaner-orbit-glow,.cleaner-orbit-track{animation:none!important}}