/* ================= NEPHELIS AI Concierge ================= */
:root{
	--nai-gold:#c19a5b;--nai-gold-d:#9c7434;--nai-ink:#2e2519;--nai-soft:#7a6f5e;
	--nai-line:#ece3d3;--nai-cream:#faf6ee;--nai-wa:#25a35a;
}
.nai-launcher{position:fixed;right:22px;bottom:22px;z-index:99998;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;border:none;border-radius:40px;padding:12px 20px 12px 14px;cursor:pointer;box-shadow:0 12px 30px rgba(156,116,52,.4);font-family:inherit;font-size:.95rem;font-weight:600;transition:.2s}
.nai-launcher:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(156,116,52,.5)}
.nai-launcher-ico{display:flex;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);align-items:center;justify-content:center}
.nai-launcher.hide{display:none}

.nai-panel{position:fixed;right:22px;bottom:22px;z-index:99999;width:400px;max-width:calc(100vw - 24px);height:min(760px,calc(100vh - 40px));background:var(--nai-cream);border-radius:24px;box-shadow:0 30px 80px rgba(30,22,10,.35);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.98);pointer-events:none;transition:.25s}
.nai-panel.open{opacity:1;transform:none;pointer-events:auto}

.nai-head{background:linear-gradient(120deg,var(--nai-gold),var(--nai-gold-d));color:#fff;padding:18px 18px 20px;display:flex;align-items:flex-start;gap:12px;position:relative}
.nai-head-ico{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.nai-head-txt{display:flex;flex-direction:column;line-height:1.25;padding-top:2px}
.nai-head-txt strong{font-family:var(--serif,'Cormorant Garamond',serif);font-size:1.4rem;font-weight:600}
.nai-head-txt span{font-size:.82rem;opacity:.92}
.nai-online{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:.76rem!important}
.nai-online i{width:8px;height:8px;border-radius:50%;background:#7ff0a0;box-shadow:0 0 6px #7ff0a0}
.nai-close{position:absolute;top:14px;right:14px;background:none;border:none;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;opacity:.9}
.nai-close:hover{opacity:1}

.nai-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}
.nai-body::-webkit-scrollbar{width:7px}
.nai-body::-webkit-scrollbar-thumb{background:var(--nai-gold);border-radius:4px}

.nai-msg{display:flex;gap:10px;align-items:flex-start}
.nai-msg-ico{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--nai-gold);color:var(--nai-gold-d);display:flex;align-items:center;justify-content:center;background:#fff}
.nai-bubble{background:#fff;border:1px solid var(--nai-line);border-radius:4px 16px 16px 16px;padding:14px 16px;font-size:.92rem;color:var(--nai-ink);line-height:1.5;box-shadow:0 4px 14px rgba(40,32,22,.05)}
.nai-msg.nai-user{flex-direction:row-reverse}
.nai-msg.nai-user .nai-bubble{background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;border:none;border-radius:16px 4px 16px 16px}
.nai-msg.nai-user .nai-msg-ico{display:none}

.nai-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.nai-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--nai-line);border-radius:14px;padding:14px 12px;cursor:pointer;font-family:inherit;font-size:.86rem;color:var(--nai-ink);font-weight:500;text-align:left;transition:.18s}
.nai-chip:hover{border-color:var(--nai-gold);box-shadow:0 6px 16px rgba(156,116,52,.12)}
.nai-chip svg{color:var(--nai-gold-d);flex:0 0 20px}

.nai-live{display:flex;align-items:center;gap:10px;justify-content:center;width:100%;background:#fff;border:1px solid var(--nai-line);border-radius:14px;padding:15px;cursor:pointer;font-family:inherit;font-size:.92rem;color:var(--nai-gold-d);font-weight:600}
.nai-live:hover{border-color:var(--nai-gold)}
.nai-live span{margin-left:auto;color:var(--nai-gold)}

.nai-steps{display:flex;flex-direction:column;gap:12px}
.nai-step{background:#fff;border:1px solid var(--nai-line);border-radius:16px;padding:16px}
.nai-step-h{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--nai-ink);font-weight:500;margin-bottom:12px}
.nai-step-no{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.nai-step-opts{display:flex;flex-wrap:wrap;gap:8px;padding-left:40px}
.nai-step-opts button{background:#fff;border:1px solid var(--nai-line);border-radius:20px;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:.84rem;color:var(--nai-gold-d);transition:.15s}
.nai-step-opts button:hover{border-color:var(--nai-gold);background:#fdf9f1}
.nai-step-opts button.sel{background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;border-color:transparent}

.nai-oneri{background:#fff;border:1px solid var(--nai-line);border-radius:16px;padding:14px}
.nai-oneri-t{display:flex;align-items:center;gap:8px;font-size:.76rem;letter-spacing:1px;color:var(--nai-gold-d);font-weight:700;margin-bottom:12px}
.nai-oneri-card{display:grid;grid-template-columns:130px 1fr;gap:14px}
.nai-oneri-img{border-radius:12px;background-size:cover;background-position:center;min-height:120px}
.nai-oneri-spec{font-family:var(--serif,serif);font-size:1.05rem;font-weight:600;color:var(--nai-ink);margin:0 0 6px}
.nai-oneri-desc{font-size:.84rem;color:var(--nai-soft);line-height:1.45;margin:0 0 12px}
.nai-oneri-btns{display:flex;gap:8px}
.nai-oneri-b1{background:#fff;border:1px solid var(--nai-line);border-radius:10px;padding:9px 12px;cursor:pointer;font-family:inherit;font-size:.82rem;color:var(--nai-gold-d);font-weight:600}
.nai-oneri-b1:hover{border-color:var(--nai-gold)}
.nai-oneri-b2{background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;border-radius:10px;padding:9px 16px;text-decoration:none;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}

#nai-conv{display:flex;flex-direction:column;gap:14px}
.nai-typing{display:flex;gap:4px;padding:14px 16px;background:#fff;border:1px solid var(--nai-line);border-radius:4px 16px 16px 16px;width:fit-content}
.nai-typing i{width:7px;height:7px;border-radius:50%;background:var(--nai-gold);animation:naiBlink 1.2s infinite}
.nai-typing i:nth-child(2){animation-delay:.2s}.nai-typing i:nth-child(3){animation-delay:.4s}
@keyframes naiBlink{0%,60%,100%{opacity:.3}30%{opacity:1}}

.nai-composer{display:flex;gap:8px;padding:10px 14px;background:var(--nai-cream);border-top:1px solid var(--nai-line)}
.nai-composer input{flex:1;border:1px solid var(--nai-line);border-radius:22px;padding:11px 16px;font-family:inherit;font-size:.9rem;background:#fff;outline:none}
.nai-composer input:focus{border-color:var(--nai-gold)}
#nai-send{flex:0 0 42px;width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;font-size:1.2rem;cursor:pointer}

.nai-lead{padding:12px 16px;background:#fff;border-top:1px solid var(--nai-line)}
.nai-lead-t{text-align:center;font-size:.85rem;color:var(--nai-ink);margin:0 0 10px}
.nai-lead-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.nai-lead-f{display:flex;align-items:center;gap:8px;border:1px solid var(--nai-line);border-radius:10px;padding:8px 10px;background:#fff}
.nai-lead-f svg{color:var(--nai-gold-d);flex:0 0 18px}
.nai-lead-f input,.nai-lead-f select{border:none;outline:none;font-family:inherit;font-size:.84rem;width:100%;background:none;color:var(--nai-ink)}
.nai-lead-full{margin-bottom:10px}
.nai-lead-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nai-wp{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--nai-wa);color:#fff;border-radius:12px;padding:13px;text-decoration:none;font-weight:600;font-size:.88rem}
.nai-call{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--nai-gold);color:var(--nai-gold-d);border-radius:12px;padding:13px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.88rem}
.nai-msg-status{font-size:.8rem;text-align:center;margin:8px 0 0;color:var(--nai-gold-d)}

.nai-foot{text-align:center;padding:10px;font-size:.8rem;color:var(--nai-soft);display:flex;align-items:center;justify-content:center;gap:7px;background:var(--nai-cream)}
.nai-foot i{width:8px;height:8px;border-radius:50%;background:var(--nai-wa)}

@media(max-width:480px){
	.nai-launcher-txt{display:none}
	.nai-launcher{padding:14px;border-radius:50%}
	.nai-oneri-card{grid-template-columns:1fr}
	.nai-oneri-img{min-height:150px}
}

/* ---- Yazılı / Sesli sekmeleri ---- */
.is-hidden{display:none!important}
.nai-tabs{display:flex;gap:8px;padding:12px 16px 0;background:var(--nai-cream)}
.nai-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--nai-line);background:#fff;border-radius:26px;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--nai-gold-d);transition:.18s}
.nai-tab svg{width:18px;height:18px}
.nai-tab.active{background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;border-color:transparent}

/* ---- Sesli görünüm ---- */
.nai-voice-top{text-align:center;padding:10px 0 6px}
.nai-voice-spark{display:inline-flex;width:44px;height:44px;border-radius:50%;border:1px solid var(--nai-gold);color:var(--nai-gold-d);align-items:center;justify-content:center;background:#fff}
.nai-voice-top h4{font-family:var(--serif,serif);font-size:1.7rem;color:var(--nai-ink);margin:10px 0 2px;font-weight:600}
.nai-voice-top p{color:var(--nai-soft);font-size:.92rem;margin:0 0 8px}
.nai-mic-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0}
.nai-mic{width:104px;height:104px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;cursor:pointer;box-shadow:0 12px 34px rgba(156,116,52,.45),0 0 0 8px rgba(193,154,91,.15);display:flex;align-items:center;justify-content:center;transition:.2s}
.nai-mic svg{width:40px;height:40px}
.nai-mic:hover{transform:scale(1.04)}
.nai-mic.rec{animation:naiPulse 1.2s infinite}
@keyframes naiPulse{0%{box-shadow:0 12px 34px rgba(156,116,52,.45),0 0 0 0 rgba(193,154,91,.4)}70%{box-shadow:0 12px 34px rgba(156,116,52,.45),0 0 0 22px rgba(193,154,91,0)}100%{box-shadow:0 12px 34px rgba(156,116,52,.45),0 0 0 0 rgba(193,154,91,0)}}
.nai-wave{display:flex;align-items:center;gap:3px;height:44px}
.nai-wave i{width:3px;height:10px;background:var(--nai-gold);border-radius:2px;opacity:.5}
.nai-wave i:nth-child(2){height:22px}.nai-wave i:nth-child(3){height:32px}.nai-wave i:nth-child(4){height:18px}.nai-wave i:nth-child(5){height:26px}.nai-wave i:nth-child(6){height:12px}
.nai-mic.rec ~ .nai-wave i,.nai-wave.on i{animation:naiWave .9s ease-in-out infinite}
.nai-voice-top .nai-wave.on i{animation:naiWave .9s ease-in-out infinite}
@keyframes naiWave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1.4)}}
.nai-states{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 16px 0}
.nai-state{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--nai-line);border-radius:12px;padding:11px;font-size:.86rem;color:var(--nai-soft);background:#fff}
.nai-state svg{width:16px;height:16px}
.nai-state.active{border-color:var(--nai-gold);color:var(--nai-gold-d);font-weight:600;background:#fdf9f1}

/* ---- Sesli mod kontrolleri ---- */
.nai-vctrls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nai-vctrls button:last-child{grid-column:1/-1}
.nai-vctrls button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--nai-line);background:#fff;border-radius:12px;padding:13px;cursor:pointer;font-family:inherit;font-size:.86rem;color:var(--nai-gold-d);font-weight:600}
.nai-vctrls button:hover{border-color:var(--nai-gold)}
.nai-vctrls button.muted{background:#fdf0f0;border-color:#e6bdbd;color:#b5564f}

/* ==== Mockup birebir uyum ==== */
/* Çipler: ikon üstte, metin ortada */
.nai-chip{flex-direction:column;align-items:center;text-align:center;gap:7px;padding:13px 6px;font-weight:600;font-size:.74rem}
.nai-chip svg{width:24px;height:24px}
.nai-chip span{line-height:1.25}

/* Sohbet: kullanıcı avatarı + saat */
.nai-msg.nai-user .nai-msg-ico{display:flex;background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));border:none;color:#fff}
.nai-msg-time{display:block;font-size:.68rem;color:var(--nai-soft);text-align:right;margin-top:5px}
.nai-msg.nai-user .nai-msg-time{color:rgba(255,255,255,.85)}

/* Durumlar: tek sıra 4 */
.nai-states{grid-template-columns:repeat(4,1fr);gap:7px}
.nai-state{padding:9px 4px;font-size:.72rem;gap:5px}
.nai-state svg{width:14px;height:14px;flex:0 0 14px}

/* Alt dalga şeridi */
.nai-wave-strip{display:flex;align-items:center;justify-content:center;gap:2px;height:34px;margin:14px 6px 2px}
.nai-wave-strip i{width:2px;height:6px;background:var(--nai-gold);border-radius:2px;opacity:.4}
.nai-wave-strip i:nth-child(3n){height:16px}.nai-wave-strip i:nth-child(4n){height:24px;opacity:.6}.nai-wave-strip i:nth-child(5n){height:10px}
.nai-wave-strip.on i{animation:naiWave .8s ease-in-out infinite}
.nai-wave-strip.on i:nth-child(odd){animation-delay:.15s}

/* Kontroller: tek sıra 3 */
.nai-vctrls{grid-template-columns:repeat(3,1fr);gap:8px}
.nai-vctrls button:last-child{grid-column:auto}
.nai-vctrls button{flex-direction:column;gap:6px;padding:12px 6px;font-size:.78rem;text-align:center;line-height:1.2}
.nai-vctrls button svg{width:20px;height:20px}

/* Canlı danışmana aktar formu */
.nai-danisman{padding:14px 16px;background:#fff;border-top:1px solid var(--nai-line)}
.nai-danisman-t{font-size:.86rem;color:var(--nai-ink);margin:0 0 10px;text-align:center}
.nai-danisman-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.nai-danisman-row input{border:1px solid var(--nai-line);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:.86rem;outline:none;background:#fff;color:var(--nai-ink)}
.nai-danisman-row input:focus{border-color:var(--nai-gold)}
.nai-danisman-btns{display:grid;grid-template-columns:1.6fr 1fr;gap:8px}
#nai-d-gonder{background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;border:none;border-radius:12px;padding:12px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.88rem}
#nai-d-iptal{background:#fff;border:1px solid var(--nai-line);color:var(--nai-soft);border-radius:12px;padding:12px;cursor:pointer;font-family:inherit;font-size:.88rem}

/* Canlı danışman rozeti + danışman balonu */
.nai-live-badge{display:inline-block;margin-top:4px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:2px 10px;font-size:.72rem!important;font-weight:600}
.nai-bubble.nai-from-agent{border-color:#9fd8b6;background:#f4fbf7}
.nai-bubble.nai-from-agent:before{content:"Danışman";display:block;font-size:.68rem;color:#0a7;font-weight:700;margin-bottom:3px;letter-spacing:.5px}

/* İnce detay: sakin nefes + periyodik zarif halka (ping) */
.nai-launcher{position:fixed;isolation:isolate;animation:naiBreathe 4.5s ease-in-out infinite}
.nai-launcher:before{content:"";position:absolute;inset:0;border-radius:40px;z-index:-1;border:1px solid rgba(193,154,91,.55);animation:naiPing 4.5s cubic-bezier(.22,.61,.36,1) infinite}
.nai-launcher:after{content:"";position:absolute;inset:0;border-radius:40px;z-index:-1;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:220% 100%;animation:naiShine 6s ease-in-out infinite;pointer-events:none;mix-blend-mode:overlay}
@keyframes naiBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes naiPing{0%{transform:scale(1);opacity:.55}60%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}
@keyframes naiShine{0%,65%{background-position:180% 0}85%,100%{background-position:-60% 0}}
.nai-launcher:hover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.nai-launcher,.nai-launcher:before,.nai-launcher:after{animation:none}}

/* ---- MOBİL DÜZEN ---- */
@media(max-width:900px){
	/* Panel tam ekran + çentik (safe-area) boşluğu */
	.nai-panel{right:0;left:0;bottom:0;top:0;width:100%;max-width:100%;height:100dvh;border-radius:0}
	.nai-head{padding:calc(14px + env(safe-area-inset-top)) 64px 18px 16px;align-items:center}
	.nai-head-ico{width:40px;height:40px;flex:0 0 40px}
	.nai-head-txt strong{font-size:1.12rem;line-height:1.2}
	.nai-head-txt span{font-size:.78rem}

	/* Kapat: belirgin */
	.nai-close{top:calc(10px + env(safe-area-inset-top));right:12px;width:40px;height:40px;border-radius:50%;
		background:rgba(255,255,255,.25);border:1.5px solid rgba(255,255,255,.75);color:#fff;
		display:flex;align-items:center;justify-content:center;font-size:1.7rem;line-height:1;opacity:1;z-index:6}
	.nai-close:active{background:rgba(255,255,255,.45)}

	/* Alt lead butonları ve yazılı kontrol satırı gizli */
	.nai-lead{display:none!important}
	#nai-text-ctrls{display:none!important}

	/* Çipler ile WhatsApp butonu arasında bir satır boşluk */
	.nai-live{margin-top:10px}

	/* WhatsApp butonu: WhatsApp renk kombinasyonu */
	#nai-live-wa{background:#25a35a;border-color:#25a35a;color:#fff}
	#nai-live-wa svg{color:#fff}
	#nai-live-wa span{color:rgba(255,255,255,.9)}
	#nai-live-wa:active{background:#1e8c4c}
}

/* Sesli: devam/sonlandır seçeneği */
.nai-idle-box{background:#fff;border:1px solid var(--nai-line);border-radius:16px;padding:16px;text-align:center;box-shadow:0 4px 14px rgba(40,32,22,.06)}
.nai-idle-box p{margin:0 0 12px;font-size:.9rem;color:var(--nai-ink)}
.nai-idle-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nai-idle-dm{background:linear-gradient(135deg,var(--nai-gold),var(--nai-gold-d));color:#fff;border:none;border-radius:12px;padding:12px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.88rem}
.nai-idle-son{background:#fff;border:1px solid var(--nai-line);color:var(--nai-soft);border-radius:12px;padding:12px;cursor:pointer;font-family:inherit;font-size:.88rem}
.nai-idle-son:hover{border-color:#e6bdbd;color:#b5564f}