html body .has-neuron-network>:is(.integration-network-head,.integration-network-grid){display:none!important}
.neuron-network{width:min(1120px,100%);margin:0 auto;color:#172c4d}
.neuron-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:12px 0 28px}
.neuron-heading small{font-size:11px;letter-spacing:.12em;color:#60748e;font-weight:700}
.neuron-heading h2{font:400 34px/1.2 Georgia,serif;margin:10px 0 0;color:#172c4d}
.neuron-heading p{font-size:14px;line-height:1.6;color:#60748e;max-width:270px}
.neuron-viewport{position:relative;overflow:auto;border:1px solid #e1e8f2;border-radius:20px;background:radial-gradient(ellipse at center,#eef5fe 0,white 60%);scrollbar-width:thin;scrollbar-color:#a9bfdc #f4f7fb}
.neuron-board{position:relative;width:1000px;height:860px;margin:0 auto}
.neuron-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.neuron-orbit{fill:none;stroke:#d6e3f3;stroke-width:1;stroke-dasharray:3 8}
.neuron-link{fill:none;stroke:#aec5e4;stroke-width:1.2;opacity:.55;transition:stroke .3s,opacity .3s}
.neuron-mesh{fill:none;stroke:#d3e1f2;stroke-width:.6;opacity:.5}
.neuron-link.is-active{stroke:#397bc9;stroke-width:2;opacity:1}
.neuron-signal{fill:none;stroke:#4b88d1;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 700;stroke-dashoffset:704;opacity:0;animation:neuronSignal 6s linear var(--signal-delay) infinite;animation-play-state:paused}
.is-network-visible .neuron-signal{animation-play-state:running}
.neuron-signal.is-active{stroke:#245994;stroke-width:3}
@keyframes neuronSignal{0%{stroke-dashoffset:704;opacity:0}15%{opacity:.8}85%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
.neuron-center{position:absolute;left:500px;top:430px;transform:translate(-50%,-50%);width:178px;height:178px;box-sizing:border-box;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #c9daed;box-shadow:0 0 0 16px #eef5fb80,0 12px 32px #25527e12}
.neuron-center img{display:block;width:126px;height:auto;max-width:none}
.neuron-center>span{font-size:11px;color:#657892}
.neuron-center>div{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:135px}
.neuron-center small{font-size:9px;color:#5c7595;background:#f0f5fb;border-radius:5px;padding:3px 5px}
.neuron-node{position:absolute;transform:translate(-50%,-50%);width:136px;min-height:62px;box-sizing:border-box;padding:10px 9px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #cfdded;background:#fff;border-radius:13px;color:#355473;font:600 12px/1.45 system-ui;cursor:pointer;box-shadow:0 4px 16px #21426b07;transition:background .2s,border-color .2s,box-shadow .2s;z-index:2}
.neuron-node.is-active{background:#e7f0fd;border-color:#5c91cf;color:#174b87;box-shadow:0 5px 22px #3573bb20}
.neuron-node:focus-visible{outline:3px solid #467fbe;outline-offset:3px}
.neuron-node-number{display:none}
.neuron-popover{position:fixed;width:310px;max-width:calc(100vw - 16px);max-height:330px;box-sizing:border-box;background:#fff;border:1px solid #b4cce7;border-radius:14px;box-shadow:0 15px 44px #16396520;z-index:100;overflow:hidden;color:#233f60}
.neuron-popover[hidden]{display:none!important}
.neuron-popover>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #e0e8f2;background:#f5f8fc}
.neuron-popover header b{font-size:14px;line-height:1.4}
.neuron-popover button{min-width:44px;min-height:44px;background:none;border:0;font-size:22px;color:#607792;cursor:pointer}
.neuron-popover>div{max-height:254px;overflow:auto;overscroll-behavior:contain;padding:0 16px}
.neuron-popover>div>div{padding:13px 0;border-bottom:1px solid #e8eef6}
.neuron-popover>div b{font-size:13px;line-height:1.5}
.neuron-popover>div p{font-size:12px;line-height:1.6;margin:5px 0 0;color:#63758f}
.neuron-detail{padding:30px 0 12px}
.neuron-detail>header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dfe7f2;padding-bottom:20px}
.neuron-detail header small{font-size:11px;color:#5d789a}
.neuron-detail h3{font:400 29px/1.25 Georgia,serif;margin:6px 0;color:#1d3759}
.neuron-detail header>span{font-size:12px;color:#637892}
.neuron-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.neuron-feature-list article{padding:20px 0;border-bottom:1px solid #e5ebf4;min-width:0}
.neuron-feature-list h4{font-size:15px;line-height:1.5;margin:0 0 8px;color:#2c4768}
.neuron-feature-list p{font-size:14px;line-height:1.65;margin:0;color:#63758f}
.neuron-touch-hint,.neuron-mobile-list{display:none}
@media(max-width:1100px) and (min-width:701px){.neuron-board{zoom:.8}.neuron-feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .neuron-heading{display:block;margin-bottom:20px}.neuron-heading h2{font-size:30px}.neuron-heading p{font-size:14px;max-width:none;margin-top:12px}
 .neuron-viewport{height:280px;border-radius:12px;overflow:hidden;touch-action:pan-y}
 .neuron-board{position:absolute;left:0;top:0;margin:0;width:1000px;height:860px;transform:scale(var(--neuron-mobile-scale,.3));transform-origin:top left}
 .neuron-node{width:144px!important;height:144px!important;min-height:144px!important;border-radius:50%;padding:0;font-size:40px;border-width:3px;box-shadow:none}
 .neuron-node-label{display:none}.neuron-node-number{display:block}
 .neuron-center{width:270px;height:270px;border-width:3px;gap:14px;box-shadow:0 0 0 14px #eef5fb80}
 .neuron-center img{width:220px}.neuron-center>span{font-size:26px}.neuron-center>div{display:none}
 .neuron-link{stroke-width:2.5}.neuron-link.is-active{stroke-width:5}.neuron-signal{stroke-width:5}.neuron-mesh{stroke-width:1.5}
 .neuron-touch-hint{display:block;font-size:12px;line-height:1.6;color:#627894;margin:12px 0 20px}
 .neuron-mobile-list{display:block;border-bottom:1px solid #e0e8f2;margin-bottom:10px}
 .neuron-mobile-list summary{font-size:14px;color:#2b527e;min-height:44px;cursor:pointer}
 .neuron-mobile-list>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:18px}
 .neuron-mobile-list button{min-height:48px;font:600 12px/1.5 system-ui;background:#f4f8fd;border:1px solid #d3e0ee;border-radius:8px;padding:10px;color:#355573;text-align:left;cursor:pointer}
 .neuron-feature-list{grid-template-columns:1fr;gap:0}.neuron-detail>header{align-items:start}.neuron-detail header>span{display:none}.neuron-detail h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.neuron-signal{display:none!important}.neuron-node{transition:none!important}}

/* Compact enterprise detail surfaces. */
.neuron-popover{border-color:#cbd5e2;border-radius:8px;box-shadow:0 8px 26px #19324e14}
.neuron-popover>header{background:#f7f9fc;padding:8px 14px}
.neuron-popover header b{font-size:13px;font-weight:650;letter-spacing:.01em}
.neuron-popover>div>div{padding:10px 0}
.neuron-popover>div b{font-size:12px;font-weight:500;color:#3c526f}
.neuron-popover>div>div::before{content:'•';margin-right:9px;color:#7195bf}
.neuron-feature-list h4{font-size:14px;margin-bottom:6px}
.neuron-feature-list p{font-size:13px;line-height:1.6}

html body .has-neuron-network{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body .neuron-viewport{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body .neuron-network{width:min(1000px,100%)}
html body .neuron-heading{margin-bottom:18px;gap:20px}
html body .neuron-center{width:148px;height:148px;border-radius:50%;padding:16px;gap:8px;isolation:isolate;overflow:visible;border-color:#a9c8e7;background:radial-gradient(ellipse at 35% 25%,#fff 30%,#f0f6fd 100%);box-shadow:0 0 0 9px #eaf3fc70,0 0 28px #5b96d228}
html body .neuron-center img{width:108px}
html body .neuron-center::before{content:'';position:absolute;inset:-7px;border-radius:inherit;border:1px solid #b7d4ef70;box-shadow:0 0 18px #77a9df25;pointer-events:none;animation:neuronCoreGlow 5s ease-in-out infinite;animation-play-state:paused}
html body .neuron-center::after{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from 20deg,transparent 0 35%,#90bce780 44%,#ffffff 48%,#84b5e4a0 53%,transparent 64% 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:neuronCoreShine 9s linear infinite;animation-play-state:paused}
html body .is-network-visible .neuron-center::before,html body .is-network-visible .neuron-center::after{animation-play-state:running}
@keyframes neuronCoreGlow{0%,100%{opacity:.55;box-shadow:0 0 18px #77a9df25}50%{opacity:1;box-shadow:0 0 30px #77a9df50}}
@keyframes neuronCoreShine{to{transform:rotate(360deg)}}

.neuron-center{font:600 15px/1.5 system-ui;color:#27466d;padding:22px;text-align:center;cursor:pointer}
.neuron-center:disabled{cursor:default;opacity:1}
.neuron-center b{font-size:16px;line-height:1.5}
.is-subnetwork .neuron-center{border-color:#789fcb;background:#f2f7fe}
.neuron-selection{border-top:1px solid #dce5f0;margin-top:24px;padding:20px 0;color:#2b496c}
.neuron-selection[hidden]{display:none}
.neuron-selection b{font-size:15px;line-height:1.5}
.neuron-selection p{font-size:14px;line-height:1.6;color:#63758f;margin:8px 0 0}
.neuron-paging{display:flex;justify-content:space-between;gap:12px;margin:16px 0}
.neuron-paging[hidden]{display:none}
.neuron-paging button{min-height:44px;padding:10px 12px;border:1px solid #d1deed;border-radius:8px;background:#fff;color:#355573;font:600 12px/1.4 system-ui;cursor:pointer}
.neuron-paging button:disabled{opacity:.4;cursor:default}
@media(max-width:700px){
 html body .neuron-board{position:relative;margin:0;transform:none;zoom:1}
 html body .neuron-node{width:var(--node-width)!important;height:auto!important;min-height:66px!important;border-radius:10px;font:600 12px/1.5 system-ui!important;border-width:1px;padding:10px 6px!important;box-shadow:none;word-break:normal;overflow-wrap:anywhere}
 html body .neuron-center{width:96px;height:96px;border-radius:50%;border-width:1px;gap:6px;padding:10px;box-shadow:0 0 0 6px #edf5fc80,0 0 18px #5b96d226;overflow:visible}
 html body .neuron-center img{width:76px}
 html body .neuron-center>span{font-size:10px;line-height:1.4}
 html body .neuron-center b{font-size:12px;line-height:1.4}
 html body .is-subnetwork .neuron-center{width:104px;height:104px}
 html body .is-subnetwork .neuron-center b{font-size:11px;line-height:1.3}
 html body .neuron-link{stroke-width:1.2}html body .neuron-link.is-active{stroke-width:2}html body .neuron-signal{stroke-width:2}html body .neuron-mesh{stroke-width:.6}
 .neuron-heading h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){html body .neuron-center::before,html body .neuron-center::after{animation:none!important}}

/* A monochrome ecosystem: white surfaces, charcoal typography and black signals. */
html[data-theme] body.spa-body .neuron-network{color:#111!important}
html[data-theme] body.spa-body [data-view="entegrasyonlar"] .neuron-network .neuron-heading h2{color:#111!important;-webkit-text-fill-color:#111!important}
html[data-theme] body.spa-body .neuron-network :is(h2,h3,h4,b,small,p,span,button,summary){color:#111!important;-webkit-text-fill-color:#111!important}
html[data-theme] body.spa-body .neuron-viewport{background:none!important;scrollbar-color:#777 #f4f4f4}
html[data-theme] body.spa-body .neuron-orbit{stroke:#d6d6d6!important}
html[data-theme] body.spa-body .neuron-link{stroke:#a5a5a5!important}
html[data-theme] body.spa-body .neuron-mesh{stroke:#d5d5d5!important}
html[data-theme] body.spa-body .neuron-link.is-active,
html[data-theme] body.spa-body .neuron-signal,
html[data-theme] body.spa-body .neuron-signal.is-active{stroke:#111!important}
html[data-theme] body.spa-body .neuron-center{border-color:#bcbcbc!important;background:radial-gradient(ellipse at 35% 25%,#fff 30%,#f2f2f2 100%)!important;box-shadow:0 0 0 9px #eeeeee70,0 0 28px #11111118!important}
html[data-theme] body.spa-body .neuron-center img{filter:grayscale(1) brightness(.35)}
html[data-theme] body.spa-body .neuron-center::before{border-color:#bdbdbd70!important;animation-name:neuronCoreMonoGlow;box-shadow:0 0 18px #11111115}
html[data-theme] body.spa-body .neuron-center::after{background:conic-gradient(from 20deg,transparent 0 35%,#77777780 44%,#fff 48%,#333333a0 53%,transparent 64% 100%)!important}
@keyframes neuronCoreMonoGlow{0%,100%{opacity:.55;box-shadow:0 0 18px #11111115}50%{opacity:1;box-shadow:0 0 30px #11111130}}
html[data-theme] body.spa-body .neuron-node{background:#fff!important;border-color:#d1d1d1!important;box-shadow:0 4px 16px #00000007!important}
html[data-theme] body.spa-body .neuron-node:is(.is-active,:hover){background:#111!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 5px 22px #00000015!important}
html[data-theme] body.spa-body .neuron-node:focus-visible{outline-color:#111!important}
html[data-theme] body.spa-body .neuron-center small,
html[data-theme] body.spa-body .neuron-mobile-list button{background:#f5f5f5!important;border-color:#d1d1d1!important}
html[data-theme] body.spa-body .neuron-paging button{background:#fff!important;border-color:#ccc!important}
html[data-theme] body.spa-body :is(.neuron-selection,.neuron-mobile-list,.neuron-feature-list article,.neuron-detail>header){border-color:#ddd!important}
@media(max-width:700px){html[data-theme] body.spa-body .neuron-center{box-shadow:0 0 0 6px #eeeeee80,0 0 18px #11111118!important}}
