/* CA Energy Yardım düğmesi ve "Cihaz seçimine yardım" sihirbazı (2.0). mu-plugins/sge-cae-yardim.php yükler.
   Sınıf öneki cy-. Renkler CA Energy teması: sarı #ffe01b (vurgu, düğme zemini), koyu #2b2829 (metin, birincil düğme);
   mavi #009bd9 yalnız odak çerçevesi. Tema CSS'i olmadan da kendi başına görünür. */

.cy-fab,.cy-menu,.cy-panel{--cy-sari:#ffe01b;--cy-koyu:#2b2829;--cy-gri:#5f5d5d;--cy-cizgi:#e3e1dc;--cy-zemin:#f6f5f1;--cy-odak:#009bd9;--cy-sari-acik:#fff8c7;
  font-family:var(--font,Arial,Helvetica,sans-serif);box-sizing:border-box}
.cy-fab *,.cy-menu *,.cy-panel *{box-sizing:border-box}

/* ---------------------------------------------------------------- düğme */
.cy-fab{position:fixed;right:20px;bottom:20px;z-index:58;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin:0;padding:0 20px 0 16px;
  border:0;border-radius:99px;background:var(--cy-sari);color:var(--cy-koyu);font-weight:600;font-size:15px;line-height:1;cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.27);-webkit-tap-highlight-color:transparent;transition:box-shadow .15s,transform .15s}
.cy-fab:hover{box-shadow:0 8px 22px rgba(0,0,0,.34)}
.cy-fab:focus{outline:none}
.cy-fab:focus-visible{outline:3px solid var(--cy-odak);outline-offset:3px}
.cy-fab .cy-fik{width:22px;height:22px;flex:none;fill:none;stroke:var(--cy-koyu);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.cy-fab[aria-expanded="true"]{box-shadow:0 0 0 3px #fff,0 6px 18px rgba(0,0,0,.27)}

/* ---------------------------------------------------------------- menü */
.cy-menu{position:fixed;right:20px;bottom:78px;z-index:59;width:min(320px,calc(100vw - 24px));padding:6px;border-radius:12px;background:#fff;color:var(--cy-koyu);
  font-size:14px;line-height:1.35;box-shadow:0 10px 30px rgba(0,0,0,.25);border-top:3px solid var(--cy-sari)}
.cy-menu[hidden]{display:none}
.cy-oge{display:flex;gap:12px;align-items:center;width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:8px;background:none;color:inherit;text-align:left;
  text-decoration:none;font:inherit;cursor:pointer}
.cy-oge:hover,.cy-oge:focus{background:var(--cy-zemin);outline:none}
.cy-oge:focus-visible{outline:3px solid var(--cy-odak);outline-offset:-3px}
.cy-oge .cy-ik{position:relative;display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:8px;background:var(--cy-zemin)}
.cy-oge .cy-ik-v{background:var(--cy-sari)}
.cy-oge svg{width:20px;height:20px;fill:none;stroke:var(--cy-koyu);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cy-om{min-width:0}
.cy-oge b{display:block;font-weight:700}
.cy-oge small{display:block;margin-top:2px;color:var(--cy-gri);font-size:12.5px}
.cy-rakam{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--cy-koyu);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.cy-rakam[hidden]{display:none}

/* ---------------------------------------------------------------- panel */
.cy-ort{position:fixed;inset:0;z-index:69;background:rgba(0,0,0,.3)}
.cy-ort[hidden],.cy-panel[hidden]{display:none}
.cy-panel{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;width:min(440px,calc(100vw - 40px));max-height:min(720px,calc(100vh - 40px));
  border-radius:14px;background:#fff;color:#333;font-size:15px;line-height:1.45;box-shadow:0 18px 50px rgba(0,0,0,.32);overflow:hidden}
.cy-ust{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-bottom:1px solid var(--cy-cizgi);border-top:4px solid var(--cy-sari)}
.cy-uik{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--cy-sari)}
.cy-uik svg{width:19px;height:19px;fill:none;stroke:var(--cy-koyu);stroke-width:2.2;stroke-linecap:round}
.cy-ust h2{flex:1;min-width:0;margin:0;font-size:16px;line-height:1.25;color:var(--cy-koyu);font-weight:700}
.cy-ust h2 small{display:block;font-size:12px;font-weight:400;color:var(--cy-gri)}
.cy-kapat{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:8px;background:none;color:var(--cy-koyu);font-size:28px;line-height:1;cursor:pointer}
.cy-kapat:hover{background:var(--cy-zemin)}
.cy-kapat:focus-visible{outline:3px solid var(--cy-odak);outline-offset:0}
.cy-govde{flex:1;overflow:auto;padding:16px;overscroll-behavior:contain}

/* ---------------------------------------------------------------- sihirbaz */
.cy-sh{color:#333}
.cy-karsilama{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--cy-sari-acik)}
.cy-karsilama p{margin:0;font-size:14px;color:var(--cy-koyu)}
.cy-kik{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--cy-sari)}
.cy-kik svg{width:16px;height:16px;fill:none;stroke:var(--cy-koyu);stroke-width:2.4;stroke-linecap:round}
.cy-ilerleme{height:6px;margin:0 0 12px;border-radius:3px;background:var(--cy-zemin);overflow:hidden}
.cy-ilerleme span{display:block;height:100%;border-radius:3px;background:var(--cy-sari);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:width .25s}
.cy-adim{margin:0 0 4px;color:var(--cy-gri);font-size:13px}
.cy-adim b{color:var(--cy-koyu)}
.cy-soru{margin:0 0 4px;font-size:19px;line-height:1.3;color:var(--cy-koyu);font-weight:700}
.cy-soru:focus{outline:none}
.cy-acik{margin:0 0 12px;color:var(--cy-gri);font-size:13.5px}
.cy-secenekler{display:grid;gap:8px;margin:12px 0}
.cy-sec{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;width:100%;min-height:52px;padding:10px 12px;border:1.5px solid #cfccc5;border-radius:10px;
  background:#fff;color:var(--cy-koyu);text-align:left;font:inherit;cursor:pointer;transition:border-color .12s,background-color .12s}
.cy-sec:hover:not([disabled]){border-color:var(--cy-koyu);background:var(--cy-zemin)}
.cy-sec:focus-visible{outline:3px solid var(--cy-odak);outline-offset:2px}
.cy-sec b{font-weight:700;overflow-wrap:anywhere}
.cy-sec small{grid-column:1;color:var(--cy-gri);font-size:12.5px}
.cy-sec[disabled]{cursor:not-allowed;opacity:.55;border-style:dotted}
.cy-sayi{grid-column:2;grid-row:1/span 2;min-width:58px;padding:3px 8px;border-radius:99px;background:var(--cy-sari);color:var(--cy-koyu);font-size:12px;font-weight:700;text-align:center;white-space:nowrap}
.cy-sec[disabled] .cy-sayi,.cy-cb:has(input:disabled) .cy-sayi{background:var(--cy-zemin);color:var(--cy-gri)}
.cy-fark{border-style:dashed}
.cy-fark .cy-sayi{background:var(--cy-zemin)}
.cy-onceki{border-color:var(--cy-koyu);background:var(--cy-sari-acik)}
.cy-fs{border:0;padding:0;margin-left:0;margin-right:0;min-width:0}
.cy-cb{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:1.5px solid #cfccc5;border-radius:10px;cursor:pointer}
.cy-cb b{display:block}
.cy-cb small{display:block;color:var(--cy-gri);font-size:12.5px}
.cy-cb:has(input:checked){border-color:var(--cy-koyu);background:var(--cy-sari-acik)}
.cy-cb:has(input:disabled){opacity:.55;cursor:not-allowed}
.cy-cb input{width:20px;height:20px;margin:0;accent-color:var(--cy-koyu)}
.cy-cb .cy-sayi{grid-column:3;grid-row:auto}
.cy-cb:focus-within{outline:3px solid var(--cy-odak);outline-offset:2px}
.cy-gonder{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 0}
.cy-gezinti{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid var(--cy-cizgi)}
.cy-gezinti .cy-sag{margin-left:auto}
.cy-btn,.cy-btn2,.cy-bag{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:8px;font:700 14px/1.2 var(--font,Arial,Helvetica,sans-serif);
  text-decoration:none;cursor:pointer;text-align:center}
.cy-btn{border:2px solid var(--cy-koyu);background:var(--cy-koyu);color:#fff}
.cy-btn:hover{background:#000;border-color:#000;color:#fff}
.cy-btn[disabled]{opacity:.5;cursor:not-allowed}
.cy-btn2{border:2px solid var(--cy-koyu);background:#fff;color:var(--cy-koyu)}
.cy-btn2:hover{background:var(--cy-zemin);color:var(--cy-koyu)}
.cy-btn2.tamam{border-color:#1f7a3a;color:#1a6331}
.cy-bag{min-height:44px;padding:0 4px;border:0;background:none;color:var(--cy-koyu);font-weight:600;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px}
.cy-bag:hover{text-decoration-color:var(--cy-koyu)}
:is(.cy-btn,.cy-btn2,.cy-bag):focus-visible{outline:3px solid var(--cy-odak);outline-offset:2px}

/* sonuç */
.cy-cevap{margin:8px 0 14px}
.cy-cevap > b{font-size:13px;color:var(--cy-koyu)}
.cy-cevap > small{color:var(--cy-gri);font-size:12px}
.cy-ozet{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.cy-ozet button{min-height:32px;padding:4px 10px;border:1px solid var(--cy-cizgi);border-radius:99px;background:var(--cy-zemin);color:#333;font:12.5px/1.3 var(--font,Arial,Helvetica,sans-serif);cursor:pointer;text-align:left}
.cy-ozet button:hover{border-color:var(--cy-koyu)}
.cy-ozet button:focus-visible{outline:3px solid var(--cy-odak);outline-offset:1px}
.cy-ozet b{font-weight:700}
.cy-sonuclar{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.cy-kart{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--cy-cizgi);border-radius:12px;background:#fff}
.cy-kart.cy-ilk{border-color:var(--cy-koyu);box-shadow:inset 4px 0 0 var(--cy-sari)}
.cy-kg{display:grid;place-items:center;width:76px;height:76px;border-radius:8px;background:var(--cy-zemin);overflow:hidden}
.cy-kg img{width:100%;height:100%;object-fit:contain;background:#fff}
.cy-kg svg{width:36px;height:36px;fill:none;stroke:#9a978f;stroke-width:1.6}
.cy-ki{min-width:0}
.cy-ki h4{margin:0;font-size:16px;line-height:1.3}
.cy-ki h4 a{color:var(--cy-koyu);text-decoration:none}
.cy-ki h4 a:hover{text-decoration:underline}
.cy-ki h4 a:focus-visible{outline:3px solid var(--cy-odak);outline-offset:2px}
.cy-rozet{display:inline-block;margin:0 0 4px;padding:2px 8px;border-radius:99px;background:var(--cy-sari);color:var(--cy-koyu);font-size:11.5px;font-weight:700}
.cy-ka{margin:2px 0 0;color:var(--cy-gri);font-size:12.5px}
.cy-oz{margin:6px 0 0;font-size:13.5px;overflow-wrap:anywhere}
.cy-neden{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--cy-zemin);font-size:13px}
.cy-nb{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--cy-gri)}
.cy-neden ul{margin:0;padding:0 0 0 18px}
.cy-neden li{margin:2px 0;overflow-wrap:anywhere}
.cy-not{color:var(--cy-gri)}
.cy-eksik{margin:8px 0 0;padding:6px 10px;border-radius:8px;background:#fdf0e6;color:#6b3a12;font-size:13px}
.cy-ilgili{margin:8px 0 0;font-size:13px}
.cy-ilgili a{color:var(--cy-koyu)}
.cy-ke{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cy-ke .cy-btn,.cy-ke .cy-btn2{min-height:40px;padding:0 12px;font-size:13px}
.cy-diger{margin-top:12px}
.cy-diger summary{display:flex;align-items:center;min-height:44px;font-weight:700;cursor:pointer;color:var(--cy-koyu)}
.cy-diger summary:focus-visible{outline:3px solid var(--cy-odak);outline-offset:2px}
.cy-bos{padding:14px;border-radius:12px;background:var(--cy-zemin)}
.cy-yardim-alt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--cy-sari-acik)}
.cy-yardim-alt p{flex:1 1 200px;margin:0;font-size:14px;color:var(--cy-koyu)}
.cy-yukleniyor{display:flex;align-items:center;gap:10px;min-height:120px;margin:0;color:var(--cy-gri)}
.cy-yukleniyor::before{content:"";width:18px;height:18px;border:3px solid #d6d3cc;border-top-color:var(--cy-koyu);border-radius:50%;animation:cy-don .8s linear infinite}
@keyframes cy-don{to{transform:rotate(360deg)}}

.cy-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.cy-kilit,html.cy-kilit body{overflow:hidden}

/* ---------------------------------------------------------------- telefon: yuvarlak düğme, tam ekran panel */
@media (max-width:600px){
  .cy-fab{right:12px;bottom:12px;width:52px;height:52px;padding:0;border-radius:50%}
  .cy-fab .cy-yazi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cy-fab .cy-fik{width:24px;height:24px}
  .cy-menu{right:12px}
  .cy-panel{inset:0;right:0;bottom:0;width:100%;height:100%;height:100dvh;max-height:none;border-radius:0}
  .cy-ort{display:none!important}
  .cy-govde{padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px))}
  .cy-kart{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px}
  .cy-kg{width:56px;height:56px}
  .cy-gezinti .cy-sag{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.cy-yukleniyor::before,.cy-ilerleme span,.cy-fab{animation:none!important;transition:none!important}}
@media print{.cy-fab,.cy-menu,.cy-panel,.cy-ort{display:none!important}}