/* DONBEX Radio App · lightweight support assistant */
.donbex-support-launcher{
  position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));
  z-index:1180;width:58px;height:58px;border:0;background:transparent;padding:0;cursor:pointer;
  display:grid;place-items:center;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}
.donbex-support-launcher::before{
  content:"";position:absolute;inset:-3px;border-radius:20px;
  background:conic-gradient(from 0deg,#0ce7ff,#1768ff,#713cff,#0ce7ff);
  animation:donbexSupportSpin 4.8s linear infinite;opacity:.88;filter:drop-shadow(0 0 15px rgba(31,151,255,.42));z-index:-2
}
.donbex-support-launcher::after{
  content:"";position:absolute;inset:1px;border-radius:17px;background:#06101d;z-index:-1
}
.donbex-support-launcher img{
  width:50px;height:50px;object-fit:cover;border-radius:14px;display:block;
  box-shadow:0 14px 35px rgba(0,0,0,.42);transition:transform .2s ease,filter .2s ease
}
.donbex-support-launcher:hover img,.donbex-support-launcher:focus-visible img{transform:scale(1.055);filter:brightness(1.08)}
.donbex-support-launcher.is-open{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.84)}
.donbex-support-launcher.is-open::before{animation-duration:2.4s}
.donbex-support-launcher .support-live-dot{
  position:absolute;right:-1px;top:-1px;width:13px;height:13px;border-radius:50%;background:#42f4b2;border:3px solid #07111c;
  box-shadow:0 0 16px rgba(66,244,178,.9)
}
@keyframes donbexSupportSpin{to{transform:rotate(360deg)}}

.donbex-support-panel{
  position:fixed;right:max(14px,env(safe-area-inset-right));bottom:18px;z-index:1179;
  width:min(410px,calc(100vw - 28px));height:min(650px,calc(100dvh - 122px));
  border-radius:26px;border:1px solid rgba(85,211,255,.19);
  background:linear-gradient(165deg,rgba(11,26,43,.985),rgba(4,11,20,.995) 64%,rgba(7,14,27,.995));
  box-shadow:0 28px 85px rgba(0,0,0,.58),0 0 38px rgba(31,133,255,.10);
  overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;
  opacity:0;transform:translateY(18px) scale(.97);pointer-events:none;visibility:hidden;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;color:#f4f9ff
}
.donbex-support-panel.open{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.support-panel-head{
  position:relative;padding:18px 18px 16px;display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(116,194,255,.10);background:linear-gradient(135deg,rgba(20,89,145,.24),rgba(30,43,83,.12));overflow:hidden
}
.support-panel-head::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-95px;top:-110px;background:radial-gradient(circle,rgba(22,196,255,.24),transparent 68%)}
.support-panel-logo{width:44px;height:44px;border-radius:13px;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.32)}
.support-panel-brand{display:grid;gap:2px;min-width:0;flex:1}.support-panel-brand small{font-size:9px;letter-spacing:.22em;color:#5edfff;font-weight:800}.support-panel-brand b{font-size:15px;letter-spacing:.01em;font-weight:850}.support-panel-brand span{font-size:10.5px;color:#a5b8c9;font-weight:650;display:flex;align-items:center;gap:6px}.support-panel-brand span::before{content:"";width:7px;height:7px;border-radius:50%;background:#41e9ad;box-shadow:0 0 12px #41e9ad}
.support-close{position:relative;z-index:2;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#dcecff;font-size:24px;line-height:1;cursor:pointer}
.support-feed{overflow:auto;padding:17px 16px 22px;scrollbar-width:thin;scrollbar-color:rgba(93,173,225,.28) transparent;overscroll-behavior:contain}
.support-feed::-webkit-scrollbar{width:5px}.support-feed::-webkit-scrollbar-thumb{background:rgba(93,173,225,.25);border-radius:9px}
.support-msg{max-width:92%;margin:0 0 11px;padding:12px 13px;border-radius:16px;font-size:12px;line-height:1.55;font-weight:560;white-space:pre-line;animation:supportMsgIn .2s ease}
.support-msg.bot{background:linear-gradient(145deg,rgba(22,49,72,.88),rgba(12,28,43,.92));border:1px solid rgba(92,199,255,.13);color:#dceaf6;border-bottom-left-radius:6px}
.support-msg.user{margin-left:auto;background:linear-gradient(135deg,#1670ff,#08a8e9);color:white;font-weight:650;border-bottom-right-radius:6px;box-shadow:0 8px 25px rgba(16,119,231,.18)}
@keyframes supportMsgIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.support-msg strong{color:#fff}.support-msg.bot a{color:#63dfff;text-decoration:none}
.support-quick-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 15px}
.support-chip{border:1px solid rgba(86,200,255,.18);background:rgba(28,88,126,.16);color:#c9eefd;border-radius:13px;padding:10px 11px;min-height:40px;font:800 10.5px/1.2 inherit;cursor:pointer;transition:.17s ease;max-width:100%;text-align:left;display:flex;align-items:center;justify-content:flex-start}
.support-chip:hover,.support-chip:active{background:rgba(26,153,222,.22);border-color:rgba(88,214,255,.38);transform:translateY(-1px)}
.support-chip.action{grid-column:1/-1;justify-content:center;text-align:center;border-color:rgba(66,232,170,.22);background:rgba(45,157,119,.12);color:#94f1cd}
.support-section-title{margin:5px 0 8px;font-size:9.5px;letter-spacing:.17em;text-transform:uppercase;color:#7896ad;font-weight:900}
.support-contact-card{margin-top:10px;padding:12px;border:1px solid rgba(75,210,255,.14);border-radius:17px;background:rgba(4,14,23,.48);display:grid;gap:9px}
.support-contact-card p{margin:0;color:#a5b8c8;font-size:10.5px;line-height:1.48;font-weight:620}
.support-contact-card input,.support-contact-card textarea{width:100%;box-sizing:border-box;border-radius:11px;border:1px solid rgba(115,173,208,.16);background:#07111b;color:#f1f7fb;padding:10px 11px;font:650 11px/1.3 inherit;outline:none;resize:none}
.support-contact-card input:focus,.support-contact-card textarea:focus{border-color:rgba(63,207,255,.48);box-shadow:0 0 0 3px rgba(63,207,255,.07)}
.support-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-contact-grid .full{grid-column:1/-1}
.support-contact-submit{border:0;border-radius:12px;min-height:42px;background:linear-gradient(135deg,#196bff,#10b8e8);color:#fff;font-weight:850;font-size:11px;cursor:pointer;box-shadow:0 10px 24px rgba(17,118,232,.18)}
.support-contact-status{display:block;text-align:center;color:#7f98aa;font-size:9.5px;font-weight:650;min-height:14px}.support-contact-status.ok{color:#62eeb8}.support-contact-status.err{color:#ff9ca8}
.support-composer{padding:11px 12px calc(11px + env(safe-area-inset-bottom));border-top:1px solid rgba(115,192,238,.10);background:rgba(5,12,21,.96);display:grid;grid-template-columns:1fr 42px;gap:8px}
.support-composer input{min-width:0;height:42px;border-radius:13px;border:1px solid rgba(104,176,219,.14);background:#08131e;color:#eef8ff;padding:0 13px;font:650 11px/1 inherit;outline:none}.support-composer input:focus{border-color:rgba(64,209,255,.38)}
.support-send{width:42px;height:42px;border-radius:13px;border:0;background:linear-gradient(135deg,#1475ff,#10b8e8);color:#fff;font-size:18px;cursor:pointer}
.support-powered{position:absolute;left:18px;bottom:-20px;color:#45647d;font-size:8px;letter-spacing:.13em}
html.route-public .donbex-support-launcher,html.route-public .donbex-support-panel,html.route-edit .donbex-support-launcher,html.route-edit .donbex-support-panel{display:none!important}
@media(max-width:540px){
  .donbex-support-launcher{width:54px;height:54px;right:max(11px,env(safe-area-inset-right));bottom:max(11px,env(safe-area-inset-bottom))}.donbex-support-launcher img{width:46px;height:46px;border-radius:13px}.donbex-support-launcher::before{border-radius:18px}
  .donbex-support-panel{right:7px;left:7px;bottom:7px;width:auto;height:min(670px,calc(100dvh - 100px));border-radius:23px}
  .support-panel-head{padding:15px 14px}.support-feed{padding:14px 13px 18px}.support-contact-grid{grid-template-columns:1fr}
  .support-contact-grid .full{grid-column:auto}.support-msg{font-size:11.5px}.support-chip{font-size:10px;padding:10px 10px}.support-quick-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
}
@media(prefers-reduced-motion:reduce){.donbex-support-launcher::before{animation:none}.support-msg{animation:none}}
#supportWhatsapp[hidden]{display:none!important}

@media(max-width:350px){.support-quick-wrap{grid-template-columns:1fr}.support-chip.action{grid-column:auto}}


/* V26.31 — mobile readability + technological support UI + typing state */
.support-typing{width:max-content;min-width:58px;display:flex;align-items:center;gap:6px;padding:14px 16px!important}
.support-typing i{width:7px;height:7px;border-radius:50%;background:#62dcff;box-shadow:0 0 10px rgba(98,220,255,.55);animation:donbexTyping 1s infinite ease-in-out}
.support-typing i:nth-child(2){animation-delay:.16s}.support-typing i:nth-child(3){animation-delay:.32s}
@keyframes donbexTyping{0%,60%,100%{transform:translateY(0);opacity:.38}30%{transform:translateY(-5px);opacity:1}}
.support-chip{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(22,69,103,.27),rgba(8,30,48,.32));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.support-chip::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(94,220,255,.055) 48%,transparent 76%);transform:translateX(-110%);transition:transform .45s ease;pointer-events:none}
.support-chip:hover::after,.support-chip:active::after{transform:translateX(110%)}
@media(max-width:650px){
  .support-panel-brand small{font-size:10px}.support-panel-brand b{font-size:17px}.support-panel-brand span{font-size:12px;font-weight:750}
  .support-msg{font-size:13.5px;line-height:1.55;font-weight:650;padding:13px 14px}
  .support-chip{font-size:12.5px;line-height:1.25;font-weight:780;min-height:48px;padding:11px 12px}
  .support-section-title{font-size:10.5px;font-weight:900;letter-spacing:.16em}
  .support-contact-card p{font-size:12px;font-weight:650}.support-contact-card input,.support-contact-card textarea{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){.support-typing i{animation:none}}