/* 03 · Overlay kabuğu ve Bildirimler — mockup 03 ölçüleri (1586 px genişlikte birebir). */
.kz-overlay{--ov-tab:#cdc4e0;--ov-card:var(--kz-card);--ov-item:#201d2b;--ov-item-sel:#26202e;--ov-line:#2a2839;--ov-div:#292635;--ov-field:#1e1c29;--ov-field-line:#333144;--ov-tog:#9966fb;--ov-tog-off:#4a4558;--ov-track:#312d41;--ov-fill:#9563f8;--ov-fill-2:#b27cff;--ov-knob:#e9e0fd;--ov-label:#e7e2f2;--ov-chk-a:#2a2830;--ov-chk-b:#39373f;--ov-theme:#171520;--ov-quiet:#23202e}
html[data-bvmode=light] .kz-overlay{--ov-tab:#5b5068;--ov-item:#f7f3fa;--ov-item-sel:#fbf6ea;--ov-line:#dbd0e3;--ov-div:#e6ddec;--ov-field:#faf8fc;--ov-field-line:#d6cadf;--ov-tog:#8a55ef;--ov-tog-off:#c9bfd2;--ov-track:#e2d9ea;--ov-fill:#8a55ef;--ov-fill-2:#a978f5;--ov-knob:#ffffff;--ov-label:#2f2838;--ov-theme:#f1ecf5;--ov-quiet:#f5f1f8}
#pane-overlay.kz-overlay-ready>.ovv3,#pane-overlay.kz-overlay-ready>.ov-pane{display:none!important}
#pane-overlay:not(.kz-overlay-ready)>#kzOverlay{display:none!important}
.bgrid.pg .wb:has(> #pane-overlay.kz-overlay-ready)>.pghead{display:none}
.bgrid.pg .wb>#pane-overlay.kz-overlay-ready{padding:16px 0 44px;max-width:none;min-height:0;height:auto}
.kz-overlay{color:var(--kz-text);font-family:Inter,system-ui,sans-serif}
.kz-overlay *{box-sizing:border-box}
.kz-overlay button{font-family:inherit}

/* Başlık */
.kz-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 17px}
.kz-overlay-head h1{font-size:40px;line-height:1.1;letter-spacing:-1px;margin:0;font-weight:750}
.kz-overlay-head h1 .kz-overlay-sep{color:var(--kz-muted);font-weight:400}
.kz-overlay-head p{font-size:19px;line-height:1.3;color:var(--kz-muted);margin:4px 0 0}
.kz-overlay-platform{display:flex;align-items:center;gap:14px;width:231px;min-height:60px;padding:0 16px 0 12px;border:1px solid var(--ov-line);border-radius:10px;background:var(--kz-card);color:var(--kz-text);text-align:left;cursor:pointer}
.kzo-plat-logo{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:9px;background:#7736eb;color:#fff}
.kzo-plat-logo svg{width:22px;height:22px}
.kzo-plat-text{display:flex;flex-direction:column;flex:1;min-width:0}
.kzo-plat-text strong{font-size:15.5px;font-weight:600;line-height:1.25}
.kzo-plat-text small{font-size:13px;color:var(--kz-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kz-overlay-platform>.kzo-chev{width:16px;height:16px}
.kz-overlay-back{display:none;align-items:center;gap:11px;min-height:48px;padding:0 20px;border:1px solid var(--ov-line);border-radius:9px;background:var(--kz-card);color:var(--kz-text);font:600 15px Inter,system-ui,sans-serif;cursor:pointer}
.kz-overlay-back i{font-size:19px}
.kz-overlay[data-kzo-view="finetune"] .kz-overlay-back{display:inline-flex}
.kz-overlay[data-kzo-view="finetune"] .kz-overlay-platform{display:none}

/* Sekme çubuğu */
.kz-overlay-toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;min-height:72px;margin-bottom:16px;border:1px solid var(--ov-line);border-radius:8px;background:var(--kz-card)}
.kz-overlay-toolbar nav{display:flex;min-width:0;gap:0;align-items:stretch;padding-left:5px}
.kz-overlay-toolbar nav button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:180px;padding:0 18px;border:0;background:none;color:var(--ov-tab);font:500 16px Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.kz-overlay-toolbar nav button i{font-size:24px;color:var(--kz-lilac)}
.kz-overlay-toolbar nav button.on{color:var(--kz-text);font-weight:650}
.kz-overlay-toolbar nav button.on i{color:var(--kz-gold)}
.kz-overlay-toolbar nav button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;border-radius:3px;background:var(--kz-gold)}
.kz-overlay-toolbar-actions{display:flex;align-items:center;gap:20px;padding:10px 5px}
.kz-overlay-toolbar-actions button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 22px;border-radius:8px;font:600 15.5px Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.kz-overlay-toolbar-actions button i{font-size:23px}
.kz-overlay-quiet{min-width:197px;border:1px solid var(--ov-line);background:var(--ov-quiet);color:var(--kz-text)}
.kz-overlay-save,.kz-overlay-preview-actions .gold{border:1px solid #f5c566;background:linear-gradient(140deg,#ffd76a,#f9bd36);color:#1a1422;box-shadow:0 6px 18px rgba(247,183,60,.13)}
.kz-overlay-toolbar-actions .kz-overlay-save{min-width:251px;font-weight:700}
.kz-overlay-panel[hidden]{display:none!important}

/* Bildirimler — üç sütun */
.kz-overlay-panel[data-kzo-panel="alerts"]{display:grid;grid-template-columns:minmax(0,307fr) minmax(0,582fr) minmax(0,371fr);gap:13px;align-items:stretch}
.kz-overlay-card{min-width:0;border:1px solid var(--ov-line);border-radius:9px;background:var(--ov-card);box-shadow:0 9px 26px rgba(9,7,16,.12)}
.kz-overlay-card h2{margin:0;color:var(--kz-text);font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.25px}
.kz-overlay-card h2 i{font-size:18px;color:var(--kz-lilac);margin-left:8px;vertical-align:-2px}
.kz-overlay-card p{margin:8px 0 0;color:var(--kz-muted);font-size:13.5px;line-height:1.4}
.kz-overlay-events{padding:18px 6px 16px}
.kz-overlay-events>h2,.kz-overlay-events>p{margin-left:9px;margin-right:9px}
#kzoEventList{display:flex;flex-direction:column;gap:8px;margin-top:21px}
#kzoEventList button{width:100%;min-height:77px;display:flex;align-items:center;gap:8px;padding:8px 13px 8px 16px;border:1px solid var(--ov-line);border-radius:8px;background:var(--ov-item);color:var(--kz-text);text-align:left;cursor:pointer}
#kzoEventList button.selected{border:1.5px solid var(--kz-gold);background:var(--ov-item-sel);padding:7.5px 12.5px 7.5px 15.5px}
#kzoEventList button.off{opacity:.55}
#kzoEventList button>i{font-size:30px;flex:none;margin-right:12px;color:var(--kz-lilac)}
#kzoEventList button small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kzoEventList button>span{flex:1;min-width:0}
#kzoEventList button strong{display:block;font-size:14.5px;font-weight:600;margin-bottom:4px}
#kzoEventList button small{display:block;color:var(--kz-muted);font-size:12px;line-height:1.3}
#kzoEventList button input{appearance:none;position:relative;flex:none;width:37px;height:23px;margin:0;border:0;border-radius:20px;background:var(--ov-tog-off);pointer-events:auto;cursor:pointer}
#kzoEventList button input:checked{background:var(--ov-tog)}
#kzoEventList button.selected input:checked{background:var(--kz-gold)}
#kzoEventList button input:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .16s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#kzoEventList button input:checked:after{transform:translateX(14px)}

.kz-overlay-preview{display:flex;flex-direction:column;padding:16px 8px 14px}
.kz-overlay-cardhead{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:0 8px 18px}
.kzo-select{position:relative;display:inline-flex;align-items:center;min-height:42px;border:1px solid var(--ov-field-line);border-radius:7px;background:var(--ov-field);color:var(--kz-text)}
.kzo-select select{appearance:none;width:100%;height:100%;min-height:40px;padding:0 38px 0 16px;border:0;border-radius:7px;background:transparent;color:var(--kz-text);font:15px Inter,system-ui,sans-serif;cursor:pointer;outline:none}
.kzo-select select option{background:var(--kz-card-2);color:var(--kz-text)}
.kzo-chev{width:15px;height:15px;flex:none;color:var(--kz-text)}
.kzo-select>.kzo-chev{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none}
.kzo-ratio{flex:none;width:107px}
.kz-overlay-checker{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border-radius:8px;background-color:var(--ov-chk-a);background-image:linear-gradient(45deg,var(--ov-chk-b) 25%,transparent 25%),linear-gradient(-45deg,var(--ov-chk-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ov-chk-b) 75%),linear-gradient(-45deg,transparent 75%,var(--ov-chk-b) 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0;container-type:inline-size}
.kzo-stage{--u:calc(100cqw / 585);display:grid;place-items:center;width:100%;height:100%}
.kz-overlay-art{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:88%;aspect-ratio:840/300;padding:7% 17% 2%;text-align:center;filter:drop-shadow(0 8px 14px rgba(12,6,25,.3))}
.kz-overlay-art::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/kuzgun-alert-frame.svg') center/100% 100% no-repeat}
.kz-overlay-art[data-skin="sakin"]::before{filter:hue-rotate(290deg) saturate(.55)}
.kz-overlay-art[data-skin="cizgi"]::before{filter:hue-rotate(25deg) saturate(1.4) brightness(1.2)}
.kz-overlay-art strong{font-size:calc(var(--kzo-n,27) * var(--u,1px));font-weight:700;line-height:1.15;color:var(--tc,#fff);text-shadow:0 2px 8px #05030a;max-width:100%;overflow-wrap:anywhere}
.kz-overlay-art strong .nm{color:var(--hi,#F4C430)}
.kz-overlay-art .kzo-art-sub{font-size:calc(15.5 * var(--u,1px));line-height:1.2;color:#f1eaf8;text-shadow:0 2px 6px #05030a;margin-top:6px}
.kzo-stage>.playing{animation:kzOverlayReveal .72s cubic-bezier(.2,.8,.2,1) both}
/* Tema dışı kutu önizlemesi (overlay.html .alert düzenleri, önizleme ölçeğinde). */
.kzap{display:flex;align-items:center;gap:calc(14 * var(--u));min-width:calc(250 * var(--u));max-width:88%;padding:calc(13 * var(--u)) calc(22 * var(--u));border-top:calc(3 * var(--u)) solid var(--ac);color:var(--tc,#fff);text-align:left}
.kzap.kzap-plain{border:0;padding:0;background:transparent!important}
.kzap-ic{display:grid;place-items:center;flex:none;width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:50%;background:var(--ac);box-shadow:0 0 calc(20 * var(--u)) var(--ac)}
.kzap-ic i{font-size:calc(24 * var(--u));color:#fff}
.kzap-ic.kzap-img{background:none;box-shadow:none;border-radius:calc(8 * var(--u));overflow:hidden}
.kzap-ic img,.kzap-media img{width:100%;height:100%;object-fit:contain;display:block}
.kzap-media{display:grid;place-items:center;max-width:calc(260 * var(--u));max-height:calc(180 * var(--u))}
.kzap-media img{max-height:calc(180 * var(--u))}
.kzap-act{font-size:calc(10.5 * var(--u));font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ac)}
.kzap-main{font-size:calc(var(--kzo-n,27) * var(--u,1px));font-weight:800;line-height:1.15;margin-top:2px}
.kzap-main .nm{color:var(--hi,inherit)}
.kzap-stack,.kzap-mediaonly{flex-direction:column;text-align:center}
.kzap-stack .kzap-tx{text-align:center}
.kz-overlay-preview-actions{display:flex;align-items:center;justify-content:center;gap:19px;margin:17px 0 0}
.kz-overlay-preview-actions button{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:188px;min-height:46px;border:1px solid var(--ov-line);border-radius:7px;background:var(--ov-quiet);color:var(--kz-text);font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.kz-overlay-preview-actions button i{font-size:21px}
.kz-overlay-preview-actions .gold{font-weight:700}
.kz-overlay-themehead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:30px 7px 14px}
.kz-overlay-themehead strong{font-size:14.5px;font-weight:700;color:var(--kz-text)}
.kz-overlay-themehead span{font-size:13px;color:var(--kz-muted)}
.kz-overlay-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 1px}
/* Temalar şimdilik boş: "yakında" kartı */
.kz-overlay-themes-soon{display:flex;align-items:center;gap:14px;margin:0 1px;padding:18px 20px;border:1px dashed var(--ov-line);border-radius:10px;background:var(--kz-card-2);color:var(--kz-muted)}
.kz-overlay-themes-soon>i{font-size:26px;color:var(--kz-gold)}
.kz-overlay-themes-soon b{display:block;margin-bottom:3px;font-size:15px;font-weight:700;color:var(--kz-text)}
.kz-overlay-themes-soon span{font-size:13px;line-height:1.45}
.kz-overlay-themes button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:0;border:0;background:none;color:var(--kz-muted);font:500 14px Inter,system-ui,sans-serif;cursor:pointer}
.kz-overlay-themes button>span{width:100%;height:109px;border:1px solid var(--ov-line);border-radius:8px;background:var(--ov-theme) url('/kuzgun-alert-frame.svg') center/88% auto no-repeat}
.kz-overlay-themes button.selected>span{border:2px solid var(--kz-gold)}
.kz-overlay-themes button[data-kzo-skin="sakin"]>span{filter:hue-rotate(290deg) saturate(.55)}
.kz-overlay-themes button[data-kzo-skin="cizgi"]>span{filter:hue-rotate(25deg) saturate(1.4) brightness(1.2)}
.kz-overlay-themes button[data-kzo-skin="sakin"].selected>span,.kz-overlay-themes button[data-kzo-skin="cizgi"].selected>span{border-color:#2a90ff}
.kz-overlay-themes button.selected{color:var(--kz-text);font-weight:650}

/* Sağ sütun — seçili olayın ayarları */
.kz-overlay-config{padding:16px 0 0}
.kz-overlay-config>.kz-overlay-cardhead{padding:0 15px 17px;align-items:center}
.kzo-tune{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:38px;padding:0 13px;border:1px solid var(--ov-line);border-radius:7px;background:var(--ov-quiet);color:var(--kz-text);font:600 13.5px Inter,system-ui,sans-serif;cursor:pointer}
.kzo-tune i{font-size:17px;color:var(--kz-gold)}
.kz-overlay-config-section{display:flex;flex-direction:column;padding:14px 15px 18px;border-top:1px solid var(--ov-div)}
.kz-overlay-config-section h3{margin:0;font-size:16.5px;font-weight:700;color:var(--kz-text)}
.kzo-fold{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:none;color:var(--kz-text);cursor:pointer;text-align:left}
.kzo-fold .kzo-chev{width:17px;height:17px;transform:rotate(180deg);transition:transform .18s}
.kz-overlay-config-section.folded .kzo-fold .kzo-chev{transform:none}
.kz-overlay-config-section.folded .kzo-fold-body{display:none}
.kzo-fold-body{display:flex;flex-direction:column;padding-top:12px}
.kzo-fold-body>label,.kzo-row>span,.kzo-row>label,.kzo-range-label{font-size:15px;color:var(--ov-label)}
.kzo-message{position:relative;margin-top:8px}
.kzo-message input{width:100%;height:44px;padding:0 46px 0 14px;border:1px solid var(--ov-field-line);border-radius:7px;background:var(--ov-field);color:var(--kz-text);font:15px Inter,system-ui,sans-serif;outline:none}
.kzo-message>button{position:absolute;right:8px;top:6px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:6px;background:none;color:var(--kz-lilac);font-size:23px;cursor:pointer}
.kzo-fold-body>small{margin-top:8px;color:var(--kz-muted);font-size:12.5px;line-height:1.35}
.kzo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}
.kzo-colorwrap{position:relative}
.kzo-color{gap:14px;width:181px;min-height:40px;padding:0 13px 0 16px;cursor:pointer;font:14.5px Inter,system-ui,sans-serif;text-align:left}
.kzo-color>.kzo-chev{position:static;transform:none;margin-left:auto}
.kzo-dot{width:26px;height:26px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.kzo-effect{width:195px}
.kzo-range-label{display:flex;align-items:center;justify-content:space-between;margin-top:15px}
.kzo-range-label output{color:var(--ov-label)}
.kz-overlay .kzo-range[type=range]:not(.gw-range){appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:6px 0 0;background:transparent;cursor:pointer;--fill:50%}
.kz-overlay .kzo-range[type=range]:not(.gw-range)::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(90deg,var(--ov-fill),var(--ov-fill-2)) 0/var(--fill) 100% no-repeat,var(--ov-track)}
.kz-overlay .kzo-range[type=range]:not(.gw-range)::-moz-range-track{height:6px;border-radius:4px;background:var(--ov-track)}
.kz-overlay .kzo-range[type=range]:not(.gw-range)::-moz-range-progress{height:6px;border-radius:4px;background:linear-gradient(90deg,var(--ov-fill),var(--ov-fill-2))}
.kz-overlay .kzo-range[type=range]:not(.gw-range)::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--ov-knob);box-shadow:0 1px 5px rgba(0,0,0,.35)}
.kz-overlay .kzo-range[type=range]:not(.gw-range)::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:var(--ov-knob);box-shadow:0 1px 5px rgba(0,0,0,.35)}
.kzo-note{display:flex!important;align-items:center;gap:10px;margin:16px 0 0!important;font-size:13.5px!important;color:var(--kz-muted)}
.kzo-note i{font-size:21px;color:var(--kz-lilac);flex:none}
.kzo-soundoff{display:flex!important;align-items:center;gap:9px;margin:0 0 4px!important;padding:9px 11px;border:1px solid rgba(249,197,68,.35);border-radius:7px;background:rgba(249,197,68,.07);font-size:13px!important;color:var(--kz-text)!important}
.kzo-soundoff[hidden]{display:none!important}
.kzo-soundoff i{color:var(--kz-gold);font-size:17px}
.kzo-soundoff button{margin-left:auto;padding:4px 12px;border:1px solid var(--kz-gold);border-radius:6px;background:none;color:var(--kz-gold);font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer}
.kz-overlay-obs{padding-bottom:16px}
.kz-overlay-obs p{margin:9px 0 13px;font-size:13.3px}
.kz-overlay-obs>div{display:flex;height:44px;border:1px solid var(--ov-field-line);border-radius:7px;overflow:hidden;background:var(--ov-field)}
.kz-overlay-obs input{width:100%;min-width:0;padding:0 12px;border:0;background:transparent;color:var(--kz-text);font:14px Inter,system-ui,sans-serif;outline:none}
.kz-overlay-obs button{width:44px;flex:none;border:0;border-left:1px solid var(--ov-field-line);background:var(--ov-quiet);color:var(--kz-text);font-size:20px;cursor:pointer}
.kz-overlay-obs small{margin-top:6px;color:var(--kz-muted);font-size:12px}
.kz-overlay-obs small:empty{display:none}
/* Açılır küçük paneller (emoji, renk) */
.kzo-pop{position:absolute;z-index:20;right:0;top:calc(100% + 6px);display:grid;gap:6px;padding:10px;border:1px solid var(--ov-field-line);border-radius:9px;background:var(--kz-card-2);box-shadow:0 14px 34px rgba(0,0,0,.4)}
.kzo-pop[hidden]{display:none}
.kzo-emojis{grid-template-columns:repeat(8,30px)}
.kzo-emojis button{width:30px;height:30px;border:0;border-radius:6px;background:none;font-size:18px;cursor:pointer}
.kzo-emojis button:hover{background:var(--kz-card-3)}
.kzo-swatches{grid-template-columns:repeat(4,30px);width:max-content}
.kzo-swatches button{width:30px;height:30px;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.kzo-swatches button.on{border-color:var(--kz-text)}
.kzo-custom{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:2px;font-size:12.5px;color:var(--kz-text);cursor:pointer}
.kzo-custom input{width:26px;height:26px;padding:0;border:0;background:none;cursor:pointer}

.kz-overlay-obsdialog{width:min(450px,calc(100vw - 28px));padding:20px;border:1px solid var(--ov-line);border-radius:8px;background:var(--kz-card-2);color:var(--kz-text)}
.kz-overlay-obsdialog::backdrop{background:rgba(7,5,13,.75);backdrop-filter:blur(4px)}
.kz-overlay-obsdialog>div{display:flex;justify-content:space-between;align-items:center;font-size:18px}
.kz-overlay-obsdialog>div button{border:0;background:none;color:var(--kz-text);font-size:20px;cursor:pointer}
.kz-overlay-obsdialog p{margin:16px 0 8px}
.kz-overlay-obsdialog input{width:100%;min-height:38px;padding:8px;border:1px solid var(--ov-line);border-radius:6px;background:var(--kz-bg);color:var(--kz-text)}
.kz-overlay-obsdialog>.kz-overlay-save{width:100%;min-height:40px;margin-top:10px;border-radius:6px;font-weight:700;cursor:pointer}
.kz-overlay button:focus-visible,.kz-overlay input:focus-visible,.kz-overlay select:focus-visible{outline:2px solid var(--kz-gold);outline-offset:2px}
@keyframes kzOverlayReveal{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1400px){.kz-overlay-toolbar nav button{min-width:0;padding:0 16px;gap:10px}.kz-overlay-toolbar-actions{gap:10px}.kz-overlay-quiet,.kz-overlay-toolbar-actions .kz-overlay-save{min-width:0}}
@media(max-width:1250px){.kz-overlay-panel[data-kzo-panel="alerts"]{grid-template-columns:minmax(230px,.85fr) minmax(310px,1.6fr) minmax(280px,1.1fr)}.kz-overlay-toolbar nav button{font-size:14.5px}.kz-overlay-toolbar-actions button{padding:0 14px;font-size:14px}.kz-overlay-preview-actions button{width:auto;flex:1;max-width:188px}}
@media(max-width:1070px){.kz-overlay-panel[data-kzo-panel="alerts"]{grid-template-columns:minmax(220px,1fr) minmax(310px,1.7fr)}.kz-overlay-config{grid-column:1/-1}.kz-overlay-toolbar{flex-wrap:wrap}.kz-overlay-toolbar nav{flex:1}.kz-overlay-toolbar-actions{margin-left:auto}.kz-overlay-config{display:grid;grid-template-columns:repeat(2,1fr)}.kz-overlay-config>.kz-overlay-cardhead{grid-column:1/-1}.kz-overlay-config-section:last-child{grid-column:1/-1}}
@media(max-width:680px){.bgrid.pg .wb>#pane-overlay.kz-overlay-ready{padding:16px 13px 42px}.kz-overlay-head{align-items:flex-start;flex-direction:column}.kz-overlay-head h1{font-size:28px}.kz-overlay-head p{font-size:14px}.kz-overlay-toolbar nav{width:100%;overflow-x:auto;padding-left:0}.kz-overlay-toolbar nav button{min-width:92px;min-height:52px;font-size:12px;gap:7px}.kz-overlay-toolbar nav button i{font-size:19px}.kz-overlay-toolbar-actions{width:100%;margin:0}.kz-overlay-toolbar-actions button{flex:1;font-size:12px;min-height:44px}.kz-overlay-panel[data-kzo-panel="alerts"]{grid-template-columns:1fr}.kz-overlay-config{display:block}.kz-overlay-events{padding-bottom:12px}#kzoEventList{display:grid;grid-template-columns:1fr 1fr}#kzoEventList button{min-height:64px;gap:8px;padding:7px}#kzoEventList button.selected{padding:6.5px}#kzoEventList button>i{font-size:21px}#kzoEventList button strong{font-size:12px}#kzoEventList button small{font-size:10.5px}#kzoEventList button input{width:29px;height:18px}#kzoEventList button input:after{width:14px;height:14px}#kzoEventList button input:checked:after{transform:translateX(11px)}.kz-overlay-themes button>span{height:70px}.kzo-color,.kzo-effect{width:160px}}
@media(max-width:400px){.kz-overlay-preview-actions button{min-width:0;flex:1}.kz-overlay-platform{width:100%}}
@media(prefers-reduced-motion:reduce){.kzo-stage>.playing{animation:none}#kzoEventList button input:after{transition:none}}
html.bv-reduce .kzo-stage>.playing{animation:none}
/* Telefon düzeninde kart başlığı gizli; İnce ayar düğmesi yine görünsün. */
html body.kzm-enabled .kz-overlay-config>.kz-overlay-cardhead{display:flex!important;justify-content:flex-end;padding:0 0 10px}
html body.kzm-enabled .kz-overlay-config>.kz-overlay-cardhead>div{display:none}
.kz-overlay:not([data-kzo-view="alerts"]):not([data-kzo-view="finetune"]) .kzm-editor-tabs{display:none!important}
/* Sekmeler ile OBS bağlantısı/Kaydet çakışıyordu (1440'ta "Medya isteği" düğmenin altına giriyordu):
   daraltma artık ekran değil, çubuğun kendi genişliğine göre (sol menü açık/kapalı fark etmez). */
/* Alertler yenileniyor: düzenleyici bulanık ve kilitli, üstünde "yakında" kartı (html[data-alertler] açar). */
.kz-overlay-panel[data-kzo-panel="alerts"]{position:relative}
.kzo-soon{position:absolute;inset:0;z-index:6;display:grid;place-items:start center;padding:110px 20px 20px}
.kzo-soon>div{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:440px;padding:28px 32px;border:1px solid var(--ov-line);border-radius:14px;background:var(--kz-card);box-shadow:0 24px 70px rgba(6,5,13,.45);text-align:center}
.kzo-soon i{font-size:34px;color:var(--kz-gold)}
.kzo-soon strong{font-size:22px;font-weight:750;color:var(--kz-text);letter-spacing:-.3px}
.kzo-soon span{font-size:15px;color:var(--kz-text)}
.kzo-soon small{margin-top:4px;font-size:13px;line-height:1.45;color:var(--kz-muted)}
html:not([data-alertler]) .kz-overlay-panel[data-kzo-panel="alerts"]>section{filter:blur(7px);opacity:.55;pointer-events:none;user-select:none}
html:not([data-alertler]) .kzm-editor-tabs,html:not([data-alertler]) .kzm-editor-actions{display:none!important}
html[data-alertler] .kzo-soon{display:none}
.kz-overlay-toolbar{container-type:inline-size}
.kz-overlay-toolbar nav{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.kz-overlay-toolbar nav::-webkit-scrollbar{display:none}
.kz-overlay-toolbar-actions{flex:none}
@container (max-width:1260px){.kz-overlay-toolbar nav button{min-width:0;padding:0 16px;gap:10px}.kz-overlay-toolbar-actions{gap:10px}.kz-overlay-quiet,.kz-overlay-toolbar-actions .kz-overlay-save{min-width:0}}
@container (max-width:1120px){.kz-overlay-toolbar nav button{padding:0 12px;gap:8px;font-size:14.5px}.kz-overlay-toolbar nav button i{font-size:21px}.kz-overlay-toolbar-actions button{padding:0 14px;gap:10px;font-size:14px}}
@container (max-width:980px){.kz-overlay-toolbar nav button{padding:0 10px}.kz-overlay-toolbar-actions .kz-overlay-quiet i,.kz-overlay-toolbar-actions .kz-overlay-save i{display:none}}
