/* Han Canlı Destek Kartı – frontend styles */
.han-sc-root{
  position:fixed;
  inset:auto auto 20px 20px; /* JS ile override */
  z-index:99999;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  color:var(--han-sc-text,#0f172a);
}
.han-sc-toggle{
  all:unset;
  position:relative;
  display:grid; place-items:center;
  width:52px; height:52px; border-radius:999px;
  background:var(--han-sc-primary,#0ea5e9);
  color:#fff; cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  transition:transform .18s ease;
}
.han-sc-toggle:hover{ transform:translateY(-2px); }
.han-sc-toggle:focus-visible{ outline:2px solid #000; outline-offset:2px; }

.han-sc-card{
  position:absolute;
  inset:auto auto 60px 0;
  width:min(92vw,320px);
  border-radius:18px;
  background:var(--han-sc-bg,#fff);
  color:var(--han-sc-text,#0f172a);
  box-shadow:var(--han-sc-shadow,0 12px 28px rgba(0,0,0,.12));
  padding:14px;
  display:block;
}
.han-sc-card[hidden]{ display:none !important; }

.han-sc-close{
  all:unset; cursor:pointer;
  position:absolute; top:8px; right:8px;
  display:grid; place-items:center;
  width:28px; height:28px; border-radius:999px;
  color:#64748b;
}
.han-sc-head{ padding:6px 6px 10px 6px; }
.han-sc-title{ font-size:16px; font-weight:700; }
.han-sc-subtitle{ font-size:13px; color:#64748b; margin-top:2px; }

.han-sc-actions{ display:grid; gap:10px; margin-top:8px; }
.han-sc-btn{
  display:flex; align-items:center; gap:10px;
  text-decoration:none; font-weight:600;
  padding:12px 14px; border-radius:12px;
  background:#f1f5f9; color:inherit;
}
.han-sc-btn svg{ flex:0 0 auto; }
.han-sc-call{ background:var(--han-sc-primary,#0ea5e9); color:#fff; }
.han-sc-wa{ background:#22c55e; color:#fff; }

/* a11y */
.han-sc-visually-hidden{
  position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px);
  white-space:nowrap; border:0; padding:0; margin:-1px;
}