/* 08 · Ayarlar / Görünüm — mockup 08 ölçüleri (1586 px'te birebir). */
.bgrid.pg .wb:has(>#pane-sounds.kz-settings-appear)>.pghead{display:none!important}
.bgrid .wb>#pane-sounds.kz-settings-ready{height:auto!important;min-height:0!important;overflow:visible!important;padding:14px 18px 30px!important}
#pane-sounds:not(.kz-settings-ready)>#kzSettings{display:none!important}
#pane-sounds.kz-settings-appear>.st-wrap{display:none!important}
#pane-sounds.kz-settings-ready:not(.kz-settings-appear)>.st-wrap{display:block!important}
#kzSettings[hidden]{display:none!important}
.kz-settings{--ks-line:#2a2839;--ks-item:#1f1d2b;--ks-sel:#26202e;--ks-tog:#4a4558;color:var(--kz-text);font:14px/1.4 Inter,system-ui,sans-serif}
html[data-bvmode=light] .kz-settings{--ks-line:#dbd0e3;--ks-item:#f7f3fa;--ks-sel:#fbf6ea;--ks-tog:#c9bfd2}
.kz-settings *{box-sizing:border-box}.kz-settings button{font:inherit;cursor:pointer}.kz-settings h1,.kz-settings h2,.kz-settings h3,.kz-settings p{margin:0}
.kz-settings :is(button,input,select,textarea):focus-visible{outline:2px solid var(--kz-gold);outline-offset:2px}
.kzs-grid{display:grid;grid-template-columns:minmax(0,1.51fr) minmax(0,1fr);gap:14px;align-items:stretch}
.kzs-card{display:flex;flex-direction:column;min-width:0;padding:20px 21px 22px;border:1px solid var(--ks-line);border-radius:10px;background:var(--kz-card)}
.kzs-card h2{font-size:20px;font-weight:700;line-height:1.2;color:var(--kz-text)}
.kzs-card>p,.kzs-section>p,.kzs-colors p{margin-top:7px;color:var(--kz-muted);font-size:14px}
.kzs-section{padding:0 0 22px;border-bottom:1px solid var(--ks-line);margin-bottom:22px}
.kzs-section:last-child{border:0;margin-bottom:0;padding-bottom:0}
.kzs-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px}
.kzs-themes button{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:13px 14px 14px;border:1px solid var(--ks-line);border-radius:9px;background:var(--ks-item);color:var(--kz-text);font-size:15px}
.kzs-themes button strong{font-weight:500}
.kzs-themes button.on{border:2px solid var(--kz-gold);padding:12px 13px 13px;background:var(--ks-sel)}
.kzs-themes button.on::after{content:"";position:absolute;right:11px;top:11px;width:25px;height:25px;border-radius:50%;background:var(--kz-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.2 3 3 6-6.4' fill='none' stroke='%231a1422' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.kzs-thumb{position:relative;display:flex;width:100%;height:100px;overflow:hidden;border-radius:6px;background:#121019}
.kzs-thumb .r{display:flex;flex-direction:column;gap:8px;width:26%;padding:10px 0 0 11px;background:#191623}
.kzs-thumb .r i{width:22px;height:22px;border-radius:5px;background:linear-gradient(145deg,#7c3aed,#5b21b6)}
.kzs-thumb .r u{display:block;width:26px;height:4px;border-radius:3px;background:#3a3446;text-decoration:none}
.kzs-thumb .r u:first-of-type{background:var(--kz-gold);width:22px}
.kzs-thumb .m{position:relative;flex:1;padding:12px 11px 0}
.kzs-thumb .m b{display:block;width:44%;height:6px;border-radius:3px;background:#3a3446;margin-bottom:6px}
.kzs-thumb .m b.s{width:66%}
.kzs-thumb .m em{display:inline-block;width:62%;height:26px;margin-top:6px;border-radius:4px;background:#2c2738}
.kzs-thumb .m em.w{width:28%;margin-left:6%}
.kzs-thumb .m s{display:block;width:92%;height:6px;margin-top:8px;border-radius:3px;background:#2c2738;text-decoration:none}
.kzs-thumb.light{background:#fff}.kzs-thumb.light .r{background:#ecebf1}.kzs-thumb.light .r u{background:#d5d2de}.kzs-thumb.light .m b{background:#dad7e2}.kzs-thumb.light .m em,.kzs-thumb.light .m s{background:#eceaf1}
.kzs-thumb.system::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 56%,#f4f3f8 56%)}
.kzs-colors{display:flex;align-items:center;justify-content:space-between;gap:14px}
.kzs-swatches{display:flex;gap:23px}
.kzs-swatches button{position:relative;width:56px;height:56px;flex:none;border:0;border-radius:9px;background:var(--sw)}
.kzs-swatches button.on{box-shadow:0 0 0 2px var(--kz-card),0 0 0 4px var(--kz-gold)}
.kzs-swatches button.on::after{content:"";position:absolute;inset:14px;border-radius:50%;border:2px solid #1a1422;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.2 3 3 6-6.4' fill='none' stroke='%231a1422' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.kzs-toggle{position:relative;display:flex;align-items:center;gap:22px;min-height:60px;margin-top:7px;padding:8px 16px 8px 20px;border:1px solid var(--ks-line);border-radius:8px;background:var(--ks-item);cursor:pointer}
.kzs-section>p+.kzs-toggle{margin-top:14px}
.kzs-toggle>i{width:28px;flex:none;color:var(--kz-lilac);font-size:26px;text-align:center}
.kzs-toggle span{flex:1;min-width:0}
.kzs-toggle strong{display:block;font-size:15.5px;font-weight:500}
.kzs-toggle small{display:block;margin-top:3px;font-size:13.5px;color:var(--kz-muted)}
.kzs-toggle input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.kzs-toggle>b{position:relative;flex:none;width:46px;height:27px;border-radius:20px;background:var(--ks-tog);transition:background .16s}
.kzs-toggle>b::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .16s}
.kzs-toggle input:checked+b{background:var(--kz-gold)}
.kzs-toggle input:checked+b::after{transform:translateX(19px)}
.kzs-toggle input:focus-visible+b{outline:2px solid var(--kz-gold);outline-offset:2px}
.kzs-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kzs-bottom>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kzs-bottom>div+div{border-left:1px solid var(--ks-line);padding-left:18px}
.kzs-bottom h3{font-size:15px;font-weight:600;color:var(--kz-text)}
.kzs-bottom p{margin-top:5px;color:var(--kz-muted);font-size:12.5px;line-height:1.35}
.kzs-seg{display:flex;flex:none}
.kzs-seg button{min-width:70px;min-height:44px;padding:0 12px;border:1px solid var(--ks-line);background:var(--ks-item);color:var(--kz-text);font-size:14px}
.kzs-seg button:first-child{border-radius:8px 0 0 8px}.kzs-seg button:last-child{border-radius:0 8px 8px 0}
.kzs-seg button+button{margin-left:-1px}
.kzs-seg button.on{position:relative;z-index:1;border:1.5px solid var(--kz-gold);color:var(--kz-gold);font-weight:600;background:var(--ks-sel)}
.kzs-aside{padding:20px 18px 20px}
.kzs-aside>h2{font-size:21px}
.kzs-preview{display:flex;min-height:382px;margin-top:18px;border:1px solid var(--ks-line);border-radius:10px;overflow:hidden;background:#15131d;color:#f6f1fb}
.kzs-mini-rail{display:flex;flex-direction:column;align-items:center;gap:14px;width:100px;flex:none;padding:14px 0;background:#1b1826}
.kzs-mini-logo{width:52px;height:52px;border-radius:12px}
.kzs-mini-rail>b{margin:-8px 0 6px;font-size:15px;font-weight:600}
.kzs-mini-rail>span{position:relative;display:flex;align-items:center;gap:9px;width:100%;padding:0 12px 0 20px;color:#cfc6e2}
.kzs-mini-rail>span svg{width:15px;height:15px;flex:none}
.kzs-mini-rail>span i{flex:1;height:5px;border-radius:3px;background:#3a3448}
.kzs-mini-rail>span.on{color:var(--kz-gold,#f9c544)}
.kzs-mini-rail>span.on i{background:var(--kzs-accent,#f9c544)}
.kzs-mini-rail>span.on::before{content:"";position:absolute;left:0;top:-6px;bottom:-6px;width:3px;border-radius:2px;background:var(--kzs-accent,#f9c544)}
.kzs-mini-main{display:flex;flex-direction:column;flex:1;min-width:0;padding:14px 16px 16px 20px}
.kzs-mini-top{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.kzs-mini-live{display:flex;align-items:center;gap:6px;font-size:12.5px}
.kzs-mini-live i{width:8px;height:8px;border-radius:50%;background:#ff4b5c}
.kzs-mini-user{display:grid;place-items:center;width:34px;height:34px;padding-left:12px;border-left:1px solid #2e2a3b;color:#dcd3ef}
.kzs-mini-user svg{width:18px;height:18px}
.kzs-mini-main h3{margin-top:-4px;font-size:22px;font-weight:600;color:#fff}
.kzs-mini-main>p{margin-top:4px;font-size:14px;color:#d8d0e6}
.kzs-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
.kzs-mini-stats span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 4px 10px;border:1px solid #2c2839;border-radius:8px;background:#1c1928;color:var(--kzs-accent-lila,#b480ff)}
.kzs-mini-stats span.gold{color:var(--kzs-accent,#f9c544)}
.kzs-mini-stats svg{width:22px;height:22px}
.kzs-mini-stats small{font-size:12.5px;color:#d8d0e6}
.kzs-mini-stats b{font-size:21px;font-weight:700;color:#fff}
.kzs-mini-chat{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:12px 14px;border:1px solid #2c2839;border-radius:8px;background:#1c1928}
.kzs-mini-pf{display:grid;place-items:center;flex:none;width:30px;height:30px;color:#a970ff}
.kzs-mini-pf svg{width:26px;height:26px}
.kzs-mini-chat b{font-size:13.5px;font-weight:600;color:var(--kzs-accent,#f9c544)}
.kzs-mini-chat time{margin-left:8px;font-size:12.5px;color:#a79fbb}
.kzs-mini-chat p{margin-top:3px;font-size:14px;color:#f6f1fb}
.kzs-mini-actions{display:flex;gap:12px;margin-top:14px}
.kzs-mini-actions button{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-height:48px;border:0;border-radius:6px;background:var(--kzs-accent,#f9c544);color:#1a1422;font-size:15.5px;font-weight:700;cursor:default}
.kzs-mini-actions button svg{width:18px;height:18px}
.kzs-mini-actions span{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #2c2839;border-radius:6px;background:#1c1928;color:#e4dcf2}
.kzs-mini-actions span svg{width:20px;height:20px}
.kzs-preview[data-theme=light]{background:#f7f5fa;color:#282334}
.kzs-preview[data-theme=light] .kzs-mini-rail{background:#ecebf1}
.kzs-preview[data-theme=light] :is(.kzs-mini-stats span,.kzs-mini-chat,.kzs-mini-actions span){background:#fff;border-color:#e2dcea}
.kzs-preview[data-theme=light] :is(.kzs-mini-main h3,.kzs-mini-stats b,.kzs-mini-chat p,.kzs-mini-rail>b){color:#282334}
.kzs-preview[data-theme=light] :is(.kzs-mini-main>p,.kzs-mini-stats small,.kzs-mini-rail>span){color:#6d6275}
.kzs-note{display:flex;gap:16px;align-items:center;margin-top:16px;padding:14px 16px 14px 20px;border:1px solid var(--ks-line);border-radius:9px;background:var(--ks-item)}
.kzs-note[hidden]{display:none}
.kzs-note>i{flex:none;font-size:28px;color:var(--kz-lilac)}
.kzs-note span{flex:1;min-width:0}
.kzs-note strong,.kzs-note small{display:block}
.kzs-note strong{font-size:15.5px;font-weight:600}
.kzs-note small{margin-top:4px;font-size:13.5px;color:var(--kz-muted)}
.kzs-note button{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;background:none;color:var(--kz-text);font-size:18px}
.kzs-device{display:flex;align-items:center;gap:12px;margin:22px 0 0 4px!important;padding-bottom:20px;border-bottom:1px solid var(--ks-line);font-size:14.5px!important;color:var(--kz-muted)}
.kzs-device i{font-size:20px}
.kzs-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:auto;padding-top:22px}
.kzs-actions button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:158px;min-height:50px;padding:0 22px;border:1px solid var(--ks-line);border-radius:8px;background:var(--kz-card);color:var(--kz-text);font-size:15.5px;font-weight:500}
.kzs-actions button i{font-size:21px}
.kzs-actions button.gold{border-color:#f5c566;background:linear-gradient(140deg,#ffd76a,#f9bd36);color:#1a1422;font-weight:700;font-size:16px}
html.kz-calm:not(.bv-reduce) .kz-settings *{transition-duration:.25s!important;animation-duration:.5s!important}html.kz-focus .bvstars{display:none!important}html.kz-focus-live .bvh-sub,html.kz-focus-live .kz-an-cardhead>span{display:none!important}html[data-kz-density=compact] .bvh-card,html[data-kz-density=compact] .an-card{padding-top:9px;padding-bottom:9px}html[data-kz-type=large] .bvh-card,html[data-kz-type=large] .an-card{font-size:1.08em}html[data-kz-type=small] .bvh-card,html[data-kz-type=small] .an-card{font-size:.94em}
@media(max-width:1150px){.kzs-grid{grid-template-columns:1fr}.kzs-bottom{grid-template-columns:1fr}.kzs-bottom>div+div{border-left:0;padding-left:0}}
@media(max-width:700px){.bgrid .wb>#pane-sounds.kz-settings-ready{padding:12px!important}.kzs-card{padding:14px}.kzs-themes{gap:8px}.kzs-themes button{padding:8px;font-size:13px}.kzs-themes button.on{padding:7px}.kzs-thumb{height:62px}.kzs-colors{flex-direction:column;align-items:flex-start}.kzs-swatches{gap:12px}.kzs-swatches button{width:44px;height:44px}.kzs-toggle{gap:12px;padding:8px 12px}.kzs-bottom>div{flex-direction:column;align-items:flex-start}.kzs-preview{min-height:0}.kzs-mini-rail{width:70px}.kzs-actions{flex-direction:column-reverse}.kzs-actions button{width:100%}}

/* Dil: eski ayarlardan taşınan seçici; menü kartın dışına taşabilsin */
.kzs-lang .bvlang-btn{min-height:44px;padding:0 14px;border:1px solid var(--ks-line);border-radius:8px;background:var(--ks-item);color:var(--kz-text);font:500 14px Inter,system-ui,sans-serif}
.kzs-lang .bvlang-menu{right:0;left:auto;z-index:40}
.kzs-card.kzs-main{overflow:visible}