/* Sigun Asistan - site sohbet widget'ı */
.sg-chat-btn{
  position:fixed; right:max(20px,env(safe-area-inset-right,0px)); bottom:max(20px,env(safe-area-inset-bottom,0px));
  z-index:60; width:60px; height:60px; border-radius:50%;
  background:var(--panel,#111c27); border:1px solid var(--line,#22364a);
  box-shadow:0 10px 30px rgba(0,0,0,.45), 0 0 0 4px rgba(78,163,255,.12);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  padding:0; transition:transform .15s, box-shadow .2s;
}
.sg-chat-btn:hover{transform:translateY(-2px); box-shadow:0 14px 34px rgba(0,0,0,.5), 0 0 0 5px rgba(78,163,255,.2)}
.sg-chat-btn img{width:34px; height:auto; border-radius:7px}
.sg-chat-btn .sg-badge{
  position:absolute; top:-3px; right:-3px; width:16px; height:16px; border-radius:50%;
  background:var(--green,#4fd18b); border:2px solid var(--bg,#0b1219);
}
.sg-chat-btn[aria-expanded="true"]{opacity:0; pointer-events:none}

.sg-panel{
  position:fixed; right:max(20px,env(safe-area-inset-right,0px)); bottom:max(20px,env(safe-area-inset-bottom,0px));
  z-index:61; width:370px; max-width:calc(100vw - 32px);
  height:540px; max-height:calc(100vh - 100px);
  background:var(--bg2,#0e1720); border:1px solid var(--line,#22364a); border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.55);
  display:flex; flex-direction:column; overflow:hidden;
  opacity:0; transform:translateY(12px) scale(.98); pointer-events:none;
  transition:opacity .18s, transform .18s;
}
.sg-panel.open{opacity:1; transform:none; pointer-events:auto}

.sg-head{display:flex; align-items:center; gap:10px; padding:12px 14px; background:var(--panel,#111c27); border-bottom:1px solid var(--line,#22364a)}
.sg-head img{width:30px; height:auto; border-radius:7px}
.sg-head .sg-title{display:grid; line-height:1.2; gap:2px}
.sg-head .sg-title b{font-family:var(--display,"Sora",sans-serif); font-weight:600; font-size:.95rem; color:var(--fg,#e8eef5)}
.sg-head .sg-title small{font-family:var(--mono,monospace); font-size:.68rem; color:var(--green,#4fd18b); letter-spacing:.04em}
.sg-close{margin-left:auto; background:none; border:none; color:var(--muted,#93a4b7); cursor:pointer; font-size:1.4rem; line-height:1; padding:4px 8px; border-radius:8px}
.sg-close:hover{color:var(--fg,#e8eef5); background:rgba(255,255,255,.05)}

.sg-body{flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:10px; scroll-behavior:smooth}
.sg-msg{max-width:84%; padding:9px 12px; border-radius:13px; font-size:.9rem; line-height:1.5; white-space:pre-wrap; word-wrap:break-word}
.sg-msg.bot{align-self:flex-start; background:var(--panel,#111c27); color:var(--fg,#e8eef5); border:1px solid var(--line,#22364a); border-bottom-left-radius:4px}
.sg-msg.user{align-self:flex-end; background:var(--accent,#4ea3ff); color:var(--btnfg,#06121f); border-bottom-right-radius:4px; font-weight:500}
.sg-msg a{color:inherit; font-weight:600; text-decoration:underline}
.sg-msg.bot a{color:var(--accent,#4ea3ff)}
.sg-typing{align-self:flex-start; display:flex; gap:4px; padding:11px 13px}
.sg-typing span{width:7px; height:7px; border-radius:50%; background:var(--dim,#6b7d90); animation:sg-bounce 1.2s infinite}
.sg-typing span:nth-child(2){animation-delay:.2s}
.sg-typing span:nth-child(3){animation-delay:.4s}
@keyframes sg-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}

.sg-chips{display:flex; flex-wrap:wrap; gap:7px; padding:0 14px 10px}
.sg-chip{
  font-family:var(--mono,monospace); font-size:.78rem; color:var(--accent,#4ea3ff);
  background:rgba(78,163,255,.08); border:1px solid var(--line,#22364a); border-radius:999px;
  padding:6px 12px; cursor:pointer; transition:background .15s, border-color .15s;
}
.sg-chip:hover{background:rgba(78,163,255,.16); border-color:var(--accent,#4ea3ff)}

.sg-foot{padding:10px 12px; border-top:1px solid var(--line,#22364a); background:var(--panel,#111c27)}
.sg-inrow{display:flex; gap:8px; align-items:flex-end}
.sg-input{
  flex:1; resize:none; background:var(--bg,#0b1219); color:var(--fg,#e8eef5);
  border:1px solid var(--line,#22364a); border-radius:10px; padding:10px 12px;
  font-family:var(--body,sans-serif); font-size:.9rem; line-height:1.4; max-height:90px; min-height:40px;
}
.sg-input:focus{outline:none; border-color:var(--accent,#4ea3ff)}
.sg-send{
  background:var(--accent,#4ea3ff); color:var(--btnfg,#06121f); border:none; border-radius:10px;
  width:40px; height:40px; flex:none; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .15s, transform .1s;
}
.sg-send:hover{background:#6db4ff}
.sg-send:active{transform:scale(.94)}
.sg-send:disabled{opacity:.5; cursor:default}
.sg-note{font-size:.66rem; color:var(--dim,#6b7d90); text-align:center; margin-top:7px; font-family:var(--mono,monospace)}

/* talep formu */
.sg-leadform{align-self:stretch; display:flex; flex-direction:column; gap:8px; background:var(--panel,#111c27); border:1px solid var(--line,#22364a); border-radius:13px; padding:12px; margin:2px 0}
.sg-f{background:var(--bg,#0b1219); color:var(--fg,#e8eef5); border:1px solid var(--line,#22364a); border-radius:9px; padding:9px 11px; font-family:var(--body,sans-serif); font-size:.88rem; line-height:1.4; width:100%}
.sg-f:focus{outline:none; border-color:var(--accent,#4ea3ff)}
textarea.sg-f{resize:vertical; min-height:52px; max-height:120px}
.sg-lead-privacy{margin:0; font-size:.74rem; line-height:1.45; color:var(--muted,#93a4b7)}
.sg-lead-privacy a{color:var(--accent,#4ea3ff)}
.sg-lead-send{background:var(--accent,#4ea3ff); color:var(--btnfg,#06121f); border:none; border-radius:9px; padding:10px 14px; font-family:var(--body,sans-serif); font-weight:600; font-size:.9rem; cursor:pointer; transition:background .15s}
.sg-lead-send:hover{background:#6db4ff}
.sg-lead-send:disabled{opacity:.6; cursor:default}
.sg-offer{background:transparent; border:none; padding:2px 0}

@media (max-width:480px){
  .sg-panel{width:calc(100vw - 20px); height:calc(100vh - 90px); right:10px; bottom:10px}
  .sg-chat-btn{right:14px; bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  .sg-panel,.sg-chat-btn{transition:none}
  .sg-typing span{animation:none}
}