/* 22 · Ayarlar / Bağlantılar — mockup 22-v3 ölçüleri (1586 px'te birebir). */
.bgrid.pg .wb:has(>#pane-sounds.kz-settings-connections)>.pghead{display:none!important}
#pane-sounds.kz-settings-ready.kz-settings-connections>.st-wrap{display:none!important}
#kzConnections[hidden]{display:none!important}
.kzc{--kc-line:#2a2839;--kc-row:#1f1d2b;--kc-field:#17151f;--kc-lila:#8e5cf0;--kc-lila-bg:rgba(142,92,240,.1);--kc-ok:#43d17a;--kc-bad:#ff5d6c;color:var(--kz-text);font:14px/1.4 Inter,system-ui,sans-serif}
html[data-bvmode=light] .kzc{--kc-line:#dbd0e3;--kc-row:#f7f3fa;--kc-field:#fff;--kc-lila:#7a44d8;--kc-lila-bg:rgba(122,68,216,.07);--kc-ok:#1f9d57;--kc-bad:#d23247}
.kzc *{box-sizing:border-box}.kzc h1,.kzc h2,.kzc p{margin:0}.kzc button,.kzc input{font:inherit}.kzc button{cursor:pointer}
.kzc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;align-items:stretch}
.kzc-card{display:flex;flex-direction:column;min-width:0;padding:18px 19px 20px;border:1px solid var(--kc-line);border-radius:10px;background:var(--kz-card)}
.kzc-title{display:flex;align-items:center;gap:0;min-height:62px;margin:0 0 14px}
.kzc-brand{display:grid;place-items:center;flex:none;width:86px;height:56px;color:#fff;font-size:44px}
.kzc-brand svg{width:48px;height:48px}
.kzc-brand.twitch svg{width:53px;height:53px;color:#9146ff;filter:drop-shadow(0 0 10px rgba(145,70,255,.35))}
.kzc-brand.twitch svg path[fill="#fff"]{fill:#fff}
.kzc-brand.kick svg{width:40px;height:40px;color:#53fc18}
.kzc-brand.youtube svg{width:56px;height:56px;color:#ff0000}
.kzc-brand.bot img{width:56px;height:56px;border-radius:12px}
.kzc-brand.donation{color:var(--kz-lilac);font-size:44px}
.kzc-brand.obs svg{width:50px;height:50px;color:#fff}
html[data-bvmode=light] .kzc-brand.obs svg{color:#302f37}
.kzc-title>div{min-width:0;flex:1}
.kzc-title h2{font-size:20.5px;font-weight:700;line-height:1.15}
.kzc-title p{margin-top:6px;color:var(--kz-muted);font-size:14.5px}
.kzc-state{display:inline-flex;align-items:center;gap:10px;max-width:46%;margin-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:var(--kz-muted)}
.kzc-state::before{content:"";flex:none;width:11px;height:11px;border-radius:50%;background:currentColor;opacity:.75}
.kzc-state[data-kind="ok"]{color:var(--kc-ok)}.kzc-state[data-kind="ok"]::before{opacity:1}
.kzc-state[data-kind="warn"]{color:var(--kc-bad)}.kzc-state[data-kind="warn"]::before{opacity:1}
.kzc-state:empty{display:none}
.kzc-row{display:flex;align-items:center;gap:16px;min-height:66px;padding:9px 12px 9px 16px;border:1px solid var(--kc-line);border-radius:8px;background:var(--kc-row)}
.kzc-row+.kzc-row{margin-top:5px}
.kzc-twitch .kzc-row{min-height:96px;padding:0 14px 0 22px}
.kzc-row>i{flex:none;width:28px;text-align:center;color:var(--kz-lilac);font-size:26px}
.kzc-row>img{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover}
.kzc-row>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500}
.kzc-row>span{flex:1;min-width:0;font-size:16.5px}
.kzc-row>span>strong{display:block;font-size:15.5px;font-weight:600}
.kzc-row>span>small{display:block;margin-top:3px;color:var(--kz-muted);font-size:13px}
.kzc-bot .kzc-row{min-height:92px}
.kzc-bot .kzc-row>span{font-size:14.5px;line-height:1.5}
.kzc .kzc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:48px;padding:0 20px;border:1.5px solid var(--kc-lila);border-radius:8px;background:var(--kc-lila-bg);color:var(--kz-text);font:600 16px Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.kzc-btn i{font-size:20px;color:var(--kz-lilac)}
.kzc-btn svg{width:24px;height:24px}
.kzc-btn[hidden]{display:none}
#kzcTwitchPerms{border:1px solid var(--kc-line);background:var(--kz-card);font-weight:500;font-size:16.5px;padding:0 18px}
#kzcTwitchPerms i{color:var(--kz-text);font-size:21px}
.kzc-iconbtn{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid var(--kc-line);border-radius:8px;background:var(--kz-card);color:var(--kz-muted);font-size:21px}
.kzc-iconbtn:hover{color:var(--kc-bad);border-color:var(--kc-bad)}
.kzc-iconbtn[hidden]{display:none}
.kzc-oauth{min-width:197px}
#kzcKickAction svg{color:#53fc18}
.kzc-oauth.on{border-color:var(--kc-line);background:var(--kz-card);font-weight:500}
#kzcBotAction{min-width:197px;color:#c9a8ff}
html[data-bvmode=light] #kzcBotAction{color:var(--kc-lila)}
.kzc-donations .kzc-row{min-height:64px}
.kzc-donations .kzc-btn{min-width:131px;min-height:46px;font-size:14.5px;color:#c9a8ff}
html[data-bvmode=light] .kzc-donations .kzc-btn{color:var(--kc-lila)}
.kzc-row>.kzc-svc{display:grid;place-items:center;flex:none;width:40px;height:40px}
.kzc-svc.sl svg{width:36px;height:36px;color:#80f5d2}
.kzc-svc.se i{display:block;width:38px;height:38px;background:linear-gradient(180deg,#ffb347,#ff7a18 45%,#fff 46%);-webkit-mask:url('/kuzgun-logo-streamelements.png') center/contain no-repeat;mask:url('/kuzgun-logo-streamelements.png') center/contain no-repeat}
.kzc-token{display:flex;gap:10px;margin-top:8px}
.kzc-token[hidden]{display:none}
.kzc-token input{flex:1;min-width:0;height:46px;padding:0 13px;border:1px solid var(--kc-line);border-radius:8px;background:var(--kc-field);color:var(--kz-text);font-size:14.5px;outline:none}
.kzc-hint{display:flex;align-items:center;gap:10px;margin-top:12px;padding:0 4px;color:var(--kz-muted);font-size:14.5px}
.kzc-hint i{flex:none;font-size:20px;color:var(--kz-muted)}
.kzc-obs-fields{display:grid;grid-template-columns:1.1fr .72fr 1.1fr;gap:12px 22px;padding:12px 14px 14px;border:1px solid var(--kc-line);border-radius:8px;background:var(--kc-row)}
.kzc-obs-fields label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--kz-muted);font-size:13px}
.kzc-obs-fields input{width:100%;height:40px;padding:0 13px;border:1px solid var(--kc-line);border-radius:7px;background:var(--kc-field);color:var(--kz-text);font-size:15px;outline:none}
.kzc-pw{position:relative;display:block}
.kzc-pw input{padding-right:42px}
.kzc-pw button{position:absolute;right:6px;top:5px;width:30px;height:30px;border:0;background:none;color:var(--kz-text);font-size:19px}
.kzc-obs-connect{width:100%;min-height:46px;margin-top:10px;background:rgba(142,92,240,.16);color:#c9a8ff}
html[data-bvmode=light] .kzc-obs-connect{color:var(--kc-lila)}
.kzc button:focus-visible,.kzc a:focus-visible,.kzc input:focus-visible{outline:2px solid var(--kz-gold);outline-offset:2px}
@media(max-width:1250px){.kzc-oauth,#kzcBotAction{min-width:0}.kzc-brand{width:70px}.kzc-row{gap:12px}}
@media(max-width:1050px){.kzc-grid{grid-template-columns:1fr}}
@media(max-width:650px){.kzc-grid{gap:10px}.kzc-card{padding:12px}.kzc-title{min-height:48px;margin-bottom:10px}.kzc-title h2{font-size:17px}.kzc-title p{font-size:12.5px}.kzc-brand{width:54px;height:44px}.kzc-brand svg,.kzc-brand.bot img{width:38px;height:38px}.kzc-state{font-size:13px}.kzc-row{flex-wrap:wrap;gap:8px;min-height:0;padding:10px}.kzc-twitch .kzc-row{min-height:0;padding:10px}.kzc-row>span{flex:1 1 60%;font-size:14px}.kzc-row .kzc-btn{flex:1 1 100%;min-height:42px;font-size:14px}.kzc-iconbtn{width:42px;height:42px}.kzc-obs-fields{grid-template-columns:1fr 1fr}.kzc-obs-fields label:first-child{grid-column:1/-1}.kzc-hint{font-size:12.5px}}
.kzc-row>svg.kzc-ic{flex:none;width:26px;height:26px;color:var(--kz-lilac)}
.kzc .kzc-btn svg.kzc-ic{width:21px;height:21px;color:var(--kz-lilac)}