/* WUWEI V1.6.0 Telegram floating support button + admin settings */
.wuwei-telegram-support {
  position: fixed; right: 25px; bottom: calc(25px + env(safe-area-inset-bottom, 0px));
  z-index: 99990; width: 60px; height: 60px; border-radius: 50%;
  display: grid; place-items: center; text-decoration: none !important;
  background: rgba(255,255,255,.96); border: 1px solid #b9dcfa;
  box-shadow: 0 5px 22px rgba(16,111,190,.16), 0 0 0 5px rgba(113,184,238,.07);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  -webkit-tap-highlight-color: transparent;
}
.wuwei-telegram-support:hover { transform: translateY(-3px); box-shadow: 0 9px 28px rgba(16,111,190,.24), 0 0 0 7px rgba(113,184,238,.1); }
.wuwei-telegram-support:focus-visible { outline: 3px solid #54a8ed; outline-offset: 4px; }
.wuwei-telegram-support__inner { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #229ed9; box-shadow: inset 0 1px 2px rgba(255,255,255,.35), 0 2px 7px rgba(17,120,183,.24); transform-origin: center; animation: wuwei-telegram-breathe 1.85s ease-in-out infinite; }
.wuwei-telegram-support__inner svg { width: 23px; height: 23px; display: block; fill: #fff; }
@keyframes wuwei-telegram-breathe { 0%,100% { transform: scale(.88); } 50% { transform: scale(1.12); } }
.wuwei-telegram-support:hover .wuwei-telegram-support__inner { animation-play-state: paused; transform: scale(1.08); }
.wuwei-telegram-support__tooltip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translate(5px,-50%); white-space: nowrap; padding: 8px 11px; border-radius: 8px; background: #171717; color: #fff; font: 600 12px/1.2 system-ui,sans-serif; box-shadow: 0 4px 16px #0003; opacity: 0; pointer-events: none; transition: opacity .15s ease, transform .15s ease; }
.wuwei-telegram-support:hover .wuwei-telegram-support__tooltip, .wuwei-telegram-support:focus-visible .wuwei-telegram-support__tooltip { opacity: 1; transform: translate(0,-50%); }
.tg-support-admin-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:20px; align-items:start; }
.tg-support-settings-card h3, .tg-support-preview-card h3 { margin:5px 0 12px; }
.tg-support-description { color:var(--muted,#aaa); font-size:13px; line-height:1.7; }
.tg-support-description code { color:#d9b56c; background:#171717; border:1px solid #3b3327; border-radius:5px; padding:2px 5px; }
.tg-support-field { display:grid; gap:8px; margin:20px 0 14px; color:var(--text,#eee); font-size:13px; font-weight:700; }
.tg-support-field input { width:100%; min-height:46px; padding:11px 13px; color:var(--text,#eee); background:#111; border:1px solid #52432b; border-radius:9px; outline:none; }
.tg-support-field input:focus { border-color:#c6a15b; box-shadow:0 0 0 3px rgba(198,161,91,.13); }
.tg-support-field small { color:var(--muted,#aaa); font-size:11px; font-weight:400; }
.tg-support-form-actions { display:flex; gap:10px; flex-wrap:wrap; }
.tg-support-save-status { margin:14px 0 0; color:#c4a56c; font-size:12px; line-height:1.6; }
.tg-support-preview-stage { position:relative; min-height:185px; border:1px solid #342b1e; border-radius:12px; overflow:hidden; background:radial-gradient(ellipse at 85% 80%,#2a251d 0,transparent 48%),linear-gradient(135deg,#111 0%,#090909 100%); }
.tg-support-preview-label { position:absolute; left:14px; top:13px; color:#8c806d; font-size:11px; }
.tg-support-preview-button { position:absolute; right:17px; bottom:17px; width:60px; height:60px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.96); border:1px solid #b9dcfa; box-shadow:0 5px 22px rgba(16,111,190,.18),0 0 0 5px rgba(113,184,238,.07); }
.tg-support-preview-button span { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:#229ed9; }
.tg-support-preview-button svg { width:23px; height:23px; fill:#fff; }
.tg-support-current { display:grid; gap:6px; margin:15px 0 10px; font-size:12px; }
.tg-support-current span { color:var(--muted,#aaa); }
.tg-support-current a { color:#d9b56c; overflow-wrap:anywhere; }
.tg-support-current a.is-empty { color:#8d867a; pointer-events:none; text-decoration:none; }
@media(max-width:760px) { .wuwei-telegram-support { right:16px; bottom:calc(17px + env(safe-area-inset-bottom,0px)); width:56px; height:56px; } .wuwei-telegram-support__inner { width:40px; height:40px; } .tg-support-admin-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .wuwei-telegram-support, .wuwei-telegram-support__tooltip { transition:none; } .wuwei-telegram-support__inner { animation:none; transform:none; } }
