.support-fab{position:fixed;right:18px;bottom:18px;z-index:10000;width:58px;height:58px;border-radius:50%;border:0;background:#f97316;color:#0b0d10;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.35);cursor:pointer}
.support-panel{position:fixed;right:18px;bottom:88px;z-index:10001;width:min(380px,calc(100vw - 24px));background:#11151b;color:#e8edf5;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.45);overflow:hidden;display:none}
.support-panel.open{display:flex;flex-direction:column}.support-head{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.support-head button{background:none;border:0;color:#9ca3af;font-size:20px;cursor:pointer}.support-body{padding:14px;display:flex;flex-direction:column;gap:10px;max-height:55vh}.support-body input,.support-body textarea{width:100%;background:#0b0d10;color:#e8edf5;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 12px;font:inherit}.support-body textarea{min-height:100px;resize:vertical}.support-actions{display:flex;gap:8px;flex-wrap:wrap}.support-btn{padding:10px 14px;border-radius:12px;border:0;background:#f97316;color:#0b0d10;font-weight:700;cursor:pointer}.support-btn.secondary{background:#20252d;color:#e8edf5}.support-msgs{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:180px;padding-right:3px}.support-msg{padding:9px 11px;border-radius:12px;background:#1a1f27}.support-msg.admin{background:#2a2119;border:1px solid rgba(249,115,22,.25)}.support-msg small{display:block;color:#8b96a5;margin-bottom:4px}.support-note{font-size:12px;color:#8b96a5;line-height:1.4}
@media(max-width:600px){.support-fab{right:12px;bottom:12px;width:54px;height:54px}.support-panel{right:12px;bottom:78px}}

.support-panel{max-width:calc(100vw - 24px)}
.support-msg{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:600px){.support-fab{right:12px;bottom:max(78px,calc(12px + env(safe-area-inset-bottom)));width:52px;height:52px}.support-panel{right:8px;left:8px;bottom:max(138px,calc(70px + env(safe-area-inset-bottom)));width:auto;border-radius:16px}.support-body{max-height:min(68dvh,560px);padding:12px}.support-actions{display:grid;grid-template-columns:1fr 1fr}.support-btn{min-height:42px}.support-body input,.support-body textarea{font-size:16px}.support-msgs{max-height:220px}.support-head{padding:12px 14px}}


/* V12: support widget is desktop-only; mobile uses bottom navigation -> Поддержка */
@media(max-width:800px){
  .support-fab,.support-panel{display:none !important}
}

/* V14 standalone support page */
.support-page{padding-bottom:110px}.support-page .support-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px}.support-page .support-create{align-self:start}.support-page .ticket-view{display:none!important}.support-page .support-page-table{overflow:auto}.support-page .btn-primary{min-height:44px}.support-page .field{margin-bottom:14px}.support-page .input,.support-page .textarea{width:100%;background:#0b0d10;color:#e8edf5;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;font:inherit}.support-page .textarea{min-height:150px;resize:vertical}
@media(max-width:800px){.support-page .support-layout{grid-template-columns:1fr}.support-page{padding-top:25px;padding-bottom:110px}.support-page .card{padding:18px}.support-page .page-hero{padding-top:20px}.support-page .support-create{order:0}.support-page .support-create .btn-primary{width:100%}.support-page .support-layout>.card:nth-child(2){display:none}.support-page .support-page .nav{display:none!important}}

/* V15: desktop floating widget + mobile bottom-nav modal */
.support-mobile-overlay{display:none;position:fixed;inset:0;z-index:11000;background:rgba(3,6,10,.72);backdrop-filter:blur(8px);padding:16px;align-items:flex-end;justify-content:center}
.support-mobile-overlay.open{display:flex}
.support-mobile-dialog{width:min(560px,100%);max-height:min(88dvh,720px);background:#11151b;color:#e8edf5;border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.55);overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}
.support-mobile-dialog .support-body{max-height:calc(min(88dvh,720px) - 62px);overflow:auto}
.support-mobile-dialog .support-msgs{max-height:30dvh}
.support-mobile-dialog input,.support-mobile-dialog textarea{font-size:16px}
html.support-mobile-open,html.support-mobile-open body{overflow:hidden}
@media(min-width:801px){.support-mobile-overlay{display:none!important}}
@media(max-width:800px){
  .ddproxy-support-root .support-fab,.ddproxy-support-root .support-panel{display:none!important}
  .support-mobile-overlay{padding:0;align-items:flex-start;justify-content:center}
  .support-mobile-dialog{
    width:100%;
    max-width:none;
    max-height:calc(100dvh - env(safe-area-inset-top));
    min-height:58dvh;
    border-radius:0 0 24px 24px;
    margin-top:env(safe-area-inset-top);
    box-shadow:0 18px 60px rgba(0,0,0,.45);
  }
  .support-mobile-dialog .support-head{padding:14px 16px 13px;position:sticky;top:0;background:rgba(17,21,27,.96);backdrop-filter:blur(18px);z-index:2}
  .support-mobile-dialog .support-body{padding:16px;max-height:calc(100dvh - 60px);overflow:auto}
  .support-mobile-dialog .support-actions{grid-template-columns:1fr}
  .support-mobile-dialog .support-btn{min-height:48px;border-radius:14px}
  .support-mobile-dialog input,.support-mobile-dialog textarea{border-radius:14px;font-size:16px}
  .support-mobile-dialog textarea{min-height:140px}
  .support-mobile-dialog .support-msgs{max-height:38dvh;padding-bottom:4px}
}