/* Helis AI (2026-10-05) — "Yapay Zeka Öngörüleri" + "AI Ajanı" tek, geniş, sekmeli pencerede.
   Tasarım sözlüğü: --surface/--surface-2/--line/--ink/--ink-muted/--accent/--good/--warn/--critical, --radius-lg, --elev-3, --ease.
   Monospace yok, emoji yok (satır içi SVG). Ürün/sipariş popup'ları (z 500) bu pencerenin (z 400) ÜSTÜNDE açılır. */

.hai-perde{position:fixed; inset:0; z-index:400; display:none; align-items:center; justify-content:center; padding:3vh 18px; background:rgba(4,7,14,.72); backdrop-filter:blur(3px);}
.hai-perde.acik{display:flex;}
body.hai-kilit{overflow:hidden;}

.hai-pencere{
  position:relative; width:min(1180px, 100%); height:min(860px, 94vh); display:flex; flex-direction:column; min-width:0;
  /* Nova gibi temalarda --surface yarı saydam: altta opak sayfa zemini olsun, arkadaki pano içeriden görünmesin */
  background:linear-gradient(var(--surface), var(--surface)), var(--bg, #0b1020); border:1px solid var(--line); border-radius:var(--radius-lg, 14px); box-shadow:var(--elev-3, 0 24px 60px -20px rgba(0,0,0,.55));
  overflow:hidden; animation:haiGiris 220ms var(--ease-out, cubic-bezier(.2,.8,.2,1));
}
.hai-pencere::before{content:''; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg, #22D3EE, #8B5CF6 55%, #F472B6);}
@keyframes haiGiris{from{opacity:0; transform:translateY(10px) scale(.985);} to{opacity:1; transform:none;}}
@media (prefers-reduced-motion: reduce){.hai-pencere{animation:none;}}

/* Başlık */
.hai-bas{display:flex; align-items:center; gap:12px; padding:16px 18px 12px; min-width:0;}
.hai-logo{width:38px; height:38px; flex:none; border-radius:11px; display:grid; place-items:center;
  background:linear-gradient(135deg, color-mix(in srgb, #22D3EE 22%, var(--surface)), color-mix(in srgb, #8B5CF6 26%, var(--surface)));
  border:1px solid color-mix(in srgb, #8B5CF6 35%, var(--line)); box-shadow:0 6px 18px -10px rgba(139,92,246,.7);}
.hai-logo svg{width:22px; height:22px;}
.hai-bas-metin{min-width:0; flex:1;}
.hai-baslik{font-family:var(--font-display, inherit); font-size:18px; font-weight:800; letter-spacing:-.01em; line-height:1.2;
  background:linear-gradient(90deg, #22D3EE, #A78BFA 60%, #F472B6); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hai-alt{font-size:12px; color:var(--ink-muted); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hai-kapat{flex:none; width:34px; height:34px; border-radius:9px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink-muted);
  display:grid; place-items:center; cursor:pointer; transition:color var(--dur, .15s) var(--ease, ease), border-color var(--dur, .15s) var(--ease, ease);}
.hai-kapat:hover{color:var(--ink); border-color:var(--accent);}
.hai-kapat svg{width:16px; height:16px;}

/* Sekmeler */
.hai-sekmeler{display:flex; gap:4px; padding:0 14px; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none; flex:none;}
.hai-sekmeler::-webkit-scrollbar{display:none;}
.hai-sekme{appearance:none; border:0; background:none; color:var(--ink-muted); font:inherit; font-size:13px; font-weight:700; cursor:pointer;
  display:flex; align-items:center; gap:7px; padding:11px 12px 12px; position:relative; white-space:nowrap; flex:none; border-radius:9px 9px 0 0;
  transition:color var(--dur, .15s) var(--ease, ease), background var(--dur, .15s) var(--ease, ease);}
.hai-sekme svg{width:16px; height:16px; flex:none;}
.hai-sekme:hover{color:var(--ink); background:color-mix(in srgb, var(--accent) 6%, transparent);}
.hai-sekme[aria-selected="true"]{color:var(--ink);}
.hai-sekme[aria-selected="true"]::after{content:''; position:absolute; left:10px; right:10px; bottom:-1px; height:3px; border-radius:3px 3px 0 0; background:linear-gradient(90deg, #22D3EE, #8B5CF6);}
.hai-sayac{font-size:11px; font-weight:800; min-width:20px; height:19px; padding:0 6px; border-radius:999px; display:inline-grid; place-items:center;
  background:color-mix(in srgb, var(--accent) 14%, transparent); color:var(--accent);}
.hai-sayac:empty{display:none;}

/* İçerik + paneller */
.hai-icerik{flex:1; min-height:0; position:relative; display:flex;}
.hai-panel{flex:1; min-width:0; min-height:0; overflow-y:auto; padding:16px 18px 18px;}
.hai-panel[hidden]{display:none;}
.hai-yukleniyor{display:flex; align-items:center; gap:10px; color:var(--ink-muted); font-size:13px; padding:30px 4px;}
.hai-yukleniyor i{width:14px; height:14px; border-radius:50%; flex:none; border:2px solid var(--line); border-top-color:var(--accent); animation:haiDon .8s linear infinite;}
@keyframes haiDon{to{transform:rotate(360deg);}}
.hai-bos-kutu{padding:26px 18px; text-align:center; color:var(--ink-muted); font-size:13px; border:1px dashed var(--line); border-radius:12px;}
.hai-not{font-size:11.5px; color:var(--ink-muted); line-height:1.55; margin-top:14px; padding-top:10px; border-top:1px solid var(--line-soft, var(--line));}
.hai-yildiz{width:14px; height:14px; flex:none; vertical-align:-2px;}
.hai-bolum-baslik{display:flex; align-items:center; gap:8px; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-muted); margin:0 0 10px;}
.hai-bolum-baslik .hai-nokta{width:9px; height:9px; border-radius:50%; flex:none;}
.hai-bolum + .hai-bolum{margin-top:18px;}

/* --- AI Ajanı --- */
.hai-panel[data-panel="ajan"]{padding:0; overflow:hidden;}
.hai-ajan{flex:1; min-height:0; display:grid; grid-template-columns:minmax(0, 1fr) 290px; height:100%;}
.hai-sohbet{display:flex; flex-direction:column; min-width:0; min-height:0; border-right:1px solid var(--line);}
.hai-sohbet-govde{flex:1; min-height:0; overflow-y:auto; padding:18px 20px; display:flex; flex-direction:column; gap:12px;}
.hai-sohbet-bos{margin:auto; text-align:center; color:var(--ink-muted); font-size:13px; max-width:380px; line-height:1.6;}
.hai-sohbet-bos .hai-logo{margin:0 auto 12px; width:46px; height:46px;}
.hai-mesaj{max-width:80%; padding:10px 13px; border-radius:12px; font-size:13px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere;}
.hai-mesaj.kullanici{align-self:flex-end; background:linear-gradient(135deg, #22D3EE, #8B5CF6); color:#fff; border-bottom-right-radius:4px;}
.hai-mesaj.model{align-self:flex-start; background:var(--surface-2); border:1px solid var(--line); color:var(--ink); border-bottom-left-radius:4px;}
.hai-mesaj.hata{align-self:flex-start; background:color-mix(in srgb, var(--critical) 12%, transparent); border:1px solid color-mix(in srgb, var(--critical) 35%, transparent); color:var(--critical);}
.hai-mesaj.yaziyor{align-self:flex-start; display:flex; gap:4px; align-items:center; padding:12px 15px; background:var(--surface-2); border:1px solid var(--line);}
.hai-mesaj.yaziyor span{width:6px; height:6px; border-radius:50%; background:var(--ink-muted); animation:haiNokta 1.1s infinite ease-in-out;}
.hai-mesaj.yaziyor span:nth-child(2){animation-delay:.15s;}
.hai-mesaj.yaziyor span:nth-child(3){animation-delay:.3s;}
@keyframes haiNokta{0%,80%,100%{opacity:.3; transform:translateY(0);} 40%{opacity:1; transform:translateY(-3px);}}
.hai-yaz{display:flex; gap:10px; padding:12px 14px; border-top:1px solid var(--line); background:var(--surface); flex:none;}
.hai-yaz input{flex:1; min-width:0; font:inherit; font-size:13.5px; color:var(--ink); background:var(--surface-2); border:1px solid var(--line); border-radius:10px; padding:10px 12px;}
.hai-yaz input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);}
.hai-gonder{flex:none; display:flex; align-items:center; gap:6px; border:0; border-radius:10px; padding:0 16px; font:inherit; font-size:13px; font-weight:800; cursor:pointer;
  color:#06101C; background:linear-gradient(135deg, #22D3EE, #8B5CF6);}
.hai-gonder:disabled{opacity:.55; cursor:default;}
.hai-gonder svg{width:15px; height:15px;}
.hai-yan{min-width:0; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:10px; background:color-mix(in srgb, var(--surface-2) 55%, var(--surface));}
.hai-yan-baslik{font-size:11.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-muted);}
.hai-ornekler{display:flex; flex-direction:column; gap:7px;}
.hai-ornek{appearance:none; text-align:left; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:10px; padding:9px 11px;
  font:inherit; font-size:12.5px; line-height:1.4; cursor:pointer; transition:border-color var(--dur, .15s) var(--ease, ease), background var(--dur, .15s) var(--ease, ease);}
.hai-ornek b{display:block; font-size:12.5px; margin-bottom:2px;}
.hai-ornek span{color:var(--ink-muted); font-size:11.5px;}
.hai-ornek:hover{border-color:var(--accent); background:color-mix(in srgb, var(--accent) 7%, var(--surface));}
.hai-yan-not{font-size:11.5px; color:var(--ink-muted); line-height:1.55; padding:10px 11px; border-radius:10px; border:1px dashed var(--line);}
.hai-yan-link{font-size:12px; font-weight:700; color:var(--accent); text-decoration:none;}
.hai-yan-link:hover{text-decoration:underline;}

/* Onay kartları (ajanın önerdiği eylemler) */
.hai-ey{max-width:92% !important; white-space:normal !important; border-left:4px solid #8B5CF6 !important;}
.hai-ey-bas{display:flex; align-items:center; gap:8px; margin-bottom:4px; flex-wrap:wrap;}
.hai-ey-tip{font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#8B5CF6;}
.hai-ey-durum{font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; background:var(--surface); border:1px solid var(--line);}
.hai-ey-durum.d-uygulandi{color:var(--good, #16a34a); border-color:var(--good, #16a34a);}
.hai-ey-durum.d-reddedildi, .hai-ey-durum.d-hata, .hai-ey-durum.d-suresi_doldu{color:var(--critical); border-color:var(--critical);}
.hai-ey-durum.d-bekliyor{color:var(--warn, #d97706); border-color:var(--warn, #d97706);}
.hai-ey-baslik{font-weight:700; margin-bottom:6px;}
.hai-ey-satir{font-size:12.5px; color:var(--ink-muted); margin-bottom:4px;}
.hai-ey-sablon{font-size:12.5px; background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:7px 9px; margin:4px 0; white-space:pre-wrap;}
.hai-ey-ornek{font-size:12px; border-top:1px dashed var(--line); padding-top:6px; margin-top:6px;}
.hai-ey-ornek small{color:var(--ink-muted);}
.hai-ey-butonlar{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap;}
.hai-ey-butonlar .btn{padding:6px 12px; font-size:12.5px;}
.hai-ey-sonuc{margin-top:8px; font-size:12.5px; font-weight:700; color:var(--good, #16a34a);}

/* --- Gün Özeti --- */
.hai-ozet{display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); gap:16px; align-items:start;}
.hai-kart{background:var(--surface-2); border:1px solid var(--line); border-radius:12px; padding:14px 16px; min-width:0;}
.hai-kart-baslik{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:800; color:var(--ink); margin-bottom:12px;}
.hai-rakamlar{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px;}
.hai-rakam.genis{grid-column:span 2;}
.hai-rakam{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:10px 12px; min-width:0;}
.hai-rakam .l{font-size:11px; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hai-rakam .v{font-size:17px; font-weight:800; color:var(--ink); margin-top:3px; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hai-rakam.vurgu .v{background:linear-gradient(90deg, #22D3EE, #8B5CF6); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hai-seviyeler{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin-top:12px;}
.hai-seviye{appearance:none; font:inherit; cursor:pointer; text-align:left; border:1px solid var(--line); border-left-width:4px; background:var(--surface); border-radius:10px; padding:8px 10px; min-width:0;}
.hai-seviye b{display:block; font-size:18px; color:var(--ink); font-variant-numeric:tabular-nums;}
.hai-seviye span{font-size:11.5px; color:var(--ink-muted);}
.hai-seviye:hover{background:var(--surface-2);}
.hai-yorum-metin{font-size:13.5px; line-height:1.65; color:var(--ink); white-space:pre-wrap;}
.hai-yorum-not{margin-top:10px; padding-top:8px; border-top:1px solid var(--line); font-size:11px; color:var(--ink-muted);}
.hai-ai-dugme{display:inline-flex; align-items:center; gap:8px; border:1px solid transparent; border-radius:10px; padding:9px 14px; font:inherit; font-size:13px; font-weight:800; cursor:pointer; color:var(--ink);
  background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, #22D3EE, #8B5CF6 60%, #F472B6) border-box;}
.hai-ai-dugme:hover{background:linear-gradient(var(--surface-2), var(--surface-2)) padding-box, linear-gradient(135deg, #22D3EE, #8B5CF6 60%, #F472B6) border-box;}
.hai-ai-dugme:disabled{opacity:.6; cursor:default;}
.hai-oncelikli{display:flex; flex-direction:column; gap:8px; margin-top:14px;}
.hai-oncelikli .hai-bulgu{padding:8px 10px;}
.hai-oncelikli .hai-bulgu-aciklama{font-size:12px;}
.hai-tumu{appearance:none; border:0; background:none; padding:0; font:inherit; font-size:12.5px; font-weight:700; color:var(--accent); cursor:pointer; align-self:flex-start;}
.hai-tumu:hover{text-decoration:underline;}
.hai-aciklama{font-size:12.5px; color:var(--ink-muted); line-height:1.55; margin-bottom:12px;}

/* --- Bulgular & Olaylar (geniş, renk kodlu, ızgara) --- */
.hai-filtre{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px;}
.hai-filtre button{appearance:none; font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; border:1px solid var(--line); background:var(--surface-2); color:var(--ink-muted); border-radius:999px; padding:5px 12px;}
.hai-filtre button.aktif{color:var(--ink); border-color:var(--accent); background:color-mix(in srgb, var(--accent) 12%, var(--surface));}
.hai-izgara{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
.hai-bulgu{display:flex; gap:10px; background:var(--surface-2); border:1px solid var(--line); border-left:4px solid var(--ink-muted); border-radius:10px; padding:10px 12px; min-width:0;}
.hai-bulgu.kritik{border-left-color:var(--critical);}
.hai-bulgu.uyari{border-left-color:var(--warn);}
.hai-bulgu.iyi{border-left-color:var(--good);}
.hai-bulgu.bilgi{border-left-color:var(--accent);}
.hai-bulgu[data-hai-urun]{cursor:pointer;}
.hai-bulgu[data-hai-urun]:hover{background:var(--surface-3, var(--surface));}
.hai-bulgu-govde{min-width:0; flex:1;}
.hai-bulgu-baslik{font-size:13px; font-weight:800; color:var(--ink); line-height:1.35; overflow-wrap:anywhere;}
.hai-bulgu-aciklama{font-size:12.5px; color:var(--ink-muted); line-height:1.5; margin-top:3px; overflow-wrap:anywhere;}
.hai-bulgu-meta{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px; font-size:11.5px; color:var(--ink-muted);}
.hai-bulgu-meta .guven{color:var(--accent); font-weight:700;}
.hai-bulgu-meta .etki{color:var(--warn); font-weight:700;}
.hai-bulgu-meta .urun{color:var(--accent); font-weight:700;}
.hai-olay-nokta{width:12px; height:12px; border-radius:50%; flex:none; margin-top:3px; background:var(--ink-muted); box-shadow:0 0 0 3px var(--surface-2);}
.hai-bulgu.kritik .hai-olay-nokta{background:var(--critical);}
.hai-bulgu.uyari .hai-olay-nokta{background:var(--warn);}
.hai-bulgu.iyi .hai-olay-nokta{background:var(--good);}
.hai-bulgu.bilgi .hai-olay-nokta{background:var(--accent);}

/* Dashboard düğmesi: rozet */
.hai-rozet{display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:linear-gradient(135deg, #22D3EE, #8B5CF6); color:#06101C; font-size:10.5px; font-weight:800;}
.hai-rozet[hidden]{display:none;}

/* Mobil / dar ekran */
@media (max-width: 980px){
  .hai-ajan{grid-template-columns:minmax(0, 1fr); grid-template-rows:auto minmax(0, 1fr);}
  .hai-sohbet{border-right:0; order:2;}
  .hai-yan{order:1; padding:10px 14px; gap:8px; border-bottom:1px solid var(--line); overflow:visible;}
  .hai-ornekler{flex-direction:row; overflow-x:auto; scrollbar-width:none; padding-bottom:2px;}
  .hai-ornekler::-webkit-scrollbar{display:none;}
  .hai-ornek{flex:none; max-width:240px;}
  .hai-ornek span{display:none;}
  .hai-yan-not, .hai-yan-baslik{display:none;}
  .hai-ozet{grid-template-columns:minmax(0, 1fr);}
}
@media (max-width: 720px){
  .hai-perde{padding:0;}
  .hai-pencere{width:100%; height:100%; height:100dvh; border-radius:0; border:0;}
  .hai-izgara{grid-template-columns:minmax(0, 1fr);}
  .hai-seviyeler{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .hai-rakamlar{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .hai-bas{padding:14px 14px 10px;}
  .hai-alt{display:none;}
  .hai-panel{padding:14px;}
  .hai-mesaj{max-width:90%;}
  .hai-sohbet-govde{padding:14px;}
  .hai-gonder .hai-gonder-yazi{display:none;}
}

/* v2 pano araç çubuğu düğmesi */
.v2-dugme.hai-v2{border:1px solid transparent; background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, #22D3EE, #8B5CF6 60%, #F472B6) border-box;}
.v2-dugme.hai-v2 .v2-dugme-yazi{background:linear-gradient(90deg, #22D3EE, #A78BFA); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:800;}
.v2-dugme.hai-v2 .hai-rozet{margin-left:2px;}