:root{
  --support-bg:#f4f6f8;
  --support-surface:#ffffff;
  --support-soft:#eef2f5;
  --support-soft-2:#f7f9fb;
  --support-line:#dfe5eb;
  --support-line-strong:#cfd7df;
  --support-text:#1f2a35;
  --support-muted:#6d7b88;
  --support-green:#2ea867;
  --support-green-soft:#e9f6ef;
  --support-yellow:#fff6d7;
  --support-yellow-line:#ecd985;
  --support-red:#ef4444;
  --support-shadow:0 14px 34px rgba(15,23,42,.07);
  --support-shadow-soft:0 8px 18px rgba(15,23,42,.05);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.support-page-body{
  background:var(--support-bg);
  color:var(--support-text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:13px;
}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{border:0;background:none}

.support-app-root{
  width:min(1000px,calc(100vw - 40px));
  margin:0 auto;
  padding:10px 0 320px;
}

.support-page-footer{
  width:min(1000px,calc(100vw - 40px));
  margin:0 auto;
  padding:8px 0 26px;
  text-align:center;
  font-size:11px;
  line-height:1.5;
  color:#7a8794;
}
.support-page-flagbar{padding:8px 0 4px}
.support-page-flagbar__inner{display:flex;justify-content:center}
.support-lang-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.support-flag-btn{
  width:34px;height:24px;padding:0;border:1px solid var(--support-line);
  border-radius:7px;background:#fff;overflow:hidden;cursor:pointer;box-shadow:var(--support-shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.support-flag-btn img{display:block;width:100%;height:100%;object-fit:cover}
.support-flag-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.07)}
.support-flag-btn.is-active{outline:2px solid rgba(46,168,103,.18);border-color:#bcd9c7;box-shadow:0 10px 20px rgba(46,168,103,.12)}

.support-page-top{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:8px 0 14px;border-bottom:1px solid var(--support-line);
}
.support-page-top__brand{display:flex;align-items:center;gap:14px;min-width:0}
.support-brand-link{
  display:flex;align-items:center;justify-content:center;
  width:114px;height:62px;border-radius:16px;background:#fff;border:1px solid var(--support-line);
  box-shadow:var(--support-shadow-soft);padding:8px
}
.support-brand-logo{max-width:100%;max-height:100%;object-fit:contain}
.support-page-top__copy{min-width:0}
.support-page-top__title{font-size:18px;font-weight:900;letter-spacing:-.03em}
.support-page-top__copy p{margin:4px 0 0;font-size:12px;color:var(--support-muted);line-height:1.5}
.support-top-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;
  border-radius:10px;border:1px solid var(--support-line);background:#fff;
  font-size:12px;font-weight:700;box-shadow:var(--support-shadow-soft);text-decoration:none
}

.support-inline-alert{
  margin:12px 0;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid
}
.support-inline-alert--ok{background:#edf8f2;border-color:#cfe5d8;color:#1f7045}
.support-inline-alert--error{background:#fff1f1;border-color:#f0caca;color:#a43f3f}

.support-content-shell{display:grid;gap:18px;margin-top:16px}
.support-office-strip,.support-faq-section,.support-admin-card{background:transparent;border:0}
.support-surface-panel{
  border:1px solid #e1e6eb;border-radius:22px;background:#edf1f4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65), inset 0 -1px 0 rgba(173,184,195,.14), 0 12px 28px rgba(15,23,42,.045);
  overflow:hidden;transition:box-shadow .22s ease, transform .22s ease
}
.support-surface-panel:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(173,184,195,.18), 0 16px 34px rgba(15,23,42,.06)}
.support-panel-bar{
  width:100%;display:grid;grid-template-columns:36px 1fr auto 24px;align-items:center;gap:10px;padding:18px 20px;cursor:pointer;text-align:left;
  background:transparent;border:0;color:#6b7783;transition:background-color .2s ease,color .2s ease
}
.support-panel-bar:hover{background:rgba(255,255,255,.14);color:#5c6976}
.support-panel-bar__title{
  grid-column:2;justify-self:center;font-size:20px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.85), 0 -1px 0 rgba(154,166,177,.2); color:#6e7a86
}
.support-panel-bar__meta{grid-column:3;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.68);font-size:11px;font-weight:800;color:#51606f}
.support-panel-bar__chevron{grid-column:4;font-size:18px;line-height:1;color:#6c7a86;justify-self:end}
.support-panel-body{display:block;max-height:0;opacity:0;overflow:hidden;padding:0 18px 0;transition:max-height .32s cubic-bezier(.22,.61,.36,1), opacity .2s ease, padding .2s ease}
.support-surface-panel.is-open .support-panel-body{max-height:16000px;opacity:1;padding:0 18px 18px}
.support-strip-title{color:#7a8794;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.support-office-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.support-ticket-tabs{display:flex;gap:8px;flex-wrap:wrap}
.support-ticket-tab{
  display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:11px;
  border:1px solid var(--support-line);background:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:var(--support-shadow-soft)
}
.support-ticket-tab span{
  display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;
  border-radius:999px;background:var(--support-soft);font-size:10px
}
.support-ticket-tab.is-active{background:var(--support-soft-2);border-color:#c8d0d8}
.support-link-btn,.support-primary-btn,.support-status-btn,.support-chat-header__icon,.support-attach-icon,.support-send-btn,.support-more-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 12px;
  border-radius:10px;border:1px solid var(--support-line);background:#fff;font-size:12px;font-weight:700;
  color:var(--support-text);cursor:pointer;box-shadow:var(--support-shadow-soft);text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease
}
.support-link-btn:hover,.support-primary-btn:hover,.support-status-btn:hover,.support-chat-header__icon:hover,.support-attach-icon:hover,.support-send-btn:hover,.support-more-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(15,23,42,.07)}
.support-panel-tools{display:flex;justify-content:flex-end;gap:8px;padding:4px 0 14px}
.support-link-btn[disabled]{opacity:.45;cursor:not-allowed}
.support-link-btn--light{background:var(--support-soft-2)}
.support-primary-btn,.support-send-btn{background:var(--support-green);border-color:var(--support-green);color:#fff}
.support-status-btn.is-active{background:var(--support-green-soft);border-color:#c9e0d1;color:#237346}
.support-status-btn.is-danger{background:#fff2f2;border-color:#efcaca;color:#a33f3f}
.support-text-btn{padding:0;color:var(--support-muted);font-size:11px;font-weight:700;cursor:pointer}
.support-text-btn.danger{color:#b44a4a}

.support-ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.support-ticket-card{
  position:relative;text-align:left;padding:16px;border-radius:16px;border:1px solid #d9e0e6;
  background:rgba(255,255,255,.92);box-shadow:none;cursor:pointer;transition:transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease
}
.support-ticket-card:hover{transform:translateY(-1px)}
.support-ticket-card.is-active{border-color:#b8d4c4;background:#f9fcfa}
.support-ticket-card.is-unread{background:var(--support-yellow);border-color:var(--support-yellow-line)}
.support-ticket-card.is-closed{background:#edf7ef;border-color:#cfe2d4}
.support-ticket-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.support-ticket-card strong{font-size:12px}
.support-ticket-card__meta,.support-ticket-card__foot{font-size:11px;color:var(--support-muted);line-height:1.45}
.support-unread-badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;
  border-radius:999px;background:var(--support-red);color:#fff;font-size:11px;font-weight:800
}

.support-search-wrap{
  display:flex;align-items:center;gap:10px;padding:12px 16px 12px 18px;border:1px solid #dbe2e8;
  border-radius:16px;background:rgba(255,255,255,.88);box-shadow:none;margin-bottom:16px
}
.support-search-field{flex:1;display:flex;align-items:center;min-height:24px}
.support-search-wrap input{flex:1;border:0;outline:none;background:transparent;font-size:13px;color:var(--support-text);padding:0 0 0 12px;direction:ltr;text-align:left;unicode-bidi:plaintext;writing-mode:horizontal-tb}
.support-search-icon{width:16px;height:16px;color:#7c8894}
.support-search-icon svg,.support-chat-header__iconwrap svg,.support-attach-icon svg,.support-faq-thumb__placeholder svg{width:16px;height:16px}
.support-chat-bubble__icon svg{width:18px;height:18px}
.support-search-count{
  min-width:28px;height:28px;border-radius:999px;background:var(--support-soft);display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#5f6f7f
}

.support-faq-grid{display:grid;grid-template-columns:1fr;gap:14px}
.support-faq-card{
  display:grid;grid-template-columns:160px 1fr;gap:16px;padding:18px;border-radius:20px;background:rgba(255,255,255,.88);
  border:1px solid #dbe2e8;box-shadow:none;transition:transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease
}
.support-faq-card:hover{transform:translateY(-1px);border-color:#d0d8e0;box-shadow:0 14px 24px rgba(15,23,42,.04)}
.support-faq-thumb{display:flex}
.support-faq-thumb__img,.support-faq-thumb__placeholder{
  width:100%;height:130px;border-radius:16px;background:#e8edf1;border:1px solid #dbe2e8;object-fit:cover
}
.support-faq-thumb__placeholder{display:flex;align-items:center;justify-content:center;color:#6b7783}
.support-faq-thumb__img.is-large,.support-faq-thumb__placeholder.is-large{height:220px}
.support-faq-card__body h3{margin:0 0 8px;font-size:17px;line-height:1.35}
.support-faq-card__cat{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8693a0;margin-bottom:6px}
.support-faq-card__label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#97a2ad;margin-top:6px}
.support-faq-card__body p{margin:4px 0 0;font-size:12px;line-height:1.6;color:#30404f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.support-faq-card.is-open .support-faq-card__body p{-webkit-line-clamp:unset}
.support-more-btn{margin-top:12px;background:#f4f7f9}
.support-faq-expand{max-height:0;opacity:0;overflow:hidden;margin-top:0;padding-top:0;border-top:1px solid transparent;transition:max-height .3s cubic-bezier(.22,.61,.36,1), opacity .2s ease, margin .2s ease, padding .2s ease, border-color .2s ease}
.support-faq-card.is-open .support-faq-expand{max-height:1600px;opacity:1;margin-top:12px;padding-top:12px;border-top-color:var(--support-line)}
.support-faq-expand__media{margin-bottom:10px}
.support-faq-expand__actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.support-faq-note{font-size:11px;color:var(--support-muted);line-height:1.5}
.support-faq-admin-actions{display:flex;gap:12px;margin-top:10px}

.support-admin-card p{margin:0;font-size:12px;color:var(--support-muted);line-height:1.6}

.support-empty{
  padding:14px;border:1px dashed var(--support-line-strong);border-radius:14px;background:#fff;
  color:var(--support-muted);font-size:12px
}

.support-chat-bubble{
  position:fixed;right:18px;bottom:18px;z-index:85;display:none;align-items:center;gap:8px;
  min-height:50px;padding:0 16px;border-radius:999px;background:var(--support-green);border:1px solid var(--support-green);
  color:#fff;box-shadow:0 20px 36px rgba(46,168,103,.22);cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, filter .18s ease
}
.support-chat-bubble:hover{transform:translateY(-1px);box-shadow:0 26px 44px rgba(46,168,103,.28)}
.support-chat-bubble.is-visible{display:inline-flex}
.support-chat-bubble__label{font-size:12px;font-weight:900;letter-spacing:.11em}
.support-chat-bubble strong{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#ef4444;
  color:#fff;font-size:11px;font-weight:800
}

.support-chat-window{
  position:fixed;right:18px;bottom:18px;z-index:86;width:min(340px,calc(100vw - 20px));height:min(72vh,520px);
  border-radius:20px;border:1px solid rgba(209,218,227,.95);background:linear-gradient(180deg,#ffffff 0%, #fbfcfd 100%);box-shadow:0 28px 60px rgba(15,23,42,.15);
  display:flex;flex-direction:column;overflow:hidden;transition:opacity .22s ease, transform .22s ease, box-shadow .22s ease
}
.support-chat-window.is-collapsed{opacity:0;pointer-events:none;transform:translateY(18px) scale(.96)}
.support-chat-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--support-line);
  background:linear-gradient(180deg,#fcfdfe 0%, #f7fafc 100%)
}
.support-chat-header__title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;letter-spacing:.08em}
.support-chat-header__subtitle{margin-top:4px;font-size:10px;color:var(--support-muted);line-height:1.45;max-width:230px}
.support-chat-header__icon--collapse{min-height:24px;height:24px;padding:0 8px;font-size:14px;border-radius:8px}
.support-chat-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px}
.support-chat-body.is-onboarding{padding:14px}
.support-chat-card-copy{padding-bottom:8px;font-size:11px;color:var(--support-muted);line-height:1.5}
.support-chat-form-shell{border:1px solid #dde5eb;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%, #f8fbfc 100%);box-shadow:0 18px 34px rgba(15,23,42,.06);padding:14px}
.support-chat-form{display:grid;gap:11px}
.support-chat-form-intro{padding-bottom:4px}
.support-chat-form-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#6c7a86;margin-bottom:6px}
.support-chat-form-intro p{margin:0;font-size:11px;line-height:1.55;color:#74818d}
.support-chat-form label,.support-modal__grid label{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a97a4}
.support-chat-form input,.support-modal__grid input,.support-modal__grid textarea,.support-modal__grid select,.support-chat-compose textarea{
  width:100%;margin-top:6px;border:1px solid var(--support-line);border-radius:13px;background:#fff;padding:11px 12px;
  font-size:12px;color:var(--support-text);outline:none;transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease
}
.support-primary-btn--wide{width:100%;min-height:42px;border-radius:13px;font-weight:800;letter-spacing:.01em}
.support-chat-form input:focus,.support-modal__grid input:focus,.support-modal__grid textarea:focus,.support-modal__grid select:focus,.support-chat-compose textarea:focus{border-color:#c0ccd8;box-shadow:0 0 0 4px rgba(31,42,53,.04)}
.support-chat-placeholder{margin:auto;text-align:center;color:var(--support-muted);font-size:12px}
.support-chat-placeholder h3{margin:0 0 6px;font-size:14px;color:var(--support-text)}
.support-status-tools{display:flex;flex-wrap:nowrap;gap:6px;padding-bottom:10px}
.support-status-tools .support-status-btn{min-height:30px;padding:0 10px;font-size:11px;white-space:nowrap}
.support-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px;scroll-behavior:smooth}
.support-msg{display:flex}
.support-msg.is-mine{justify-content:flex-end}
.support-msg-bubble{
  max-width:92%;padding:9px 10px;border-radius:14px;border:1px solid var(--support-line);
  background:#f9fbfc;box-shadow:0 4px 10px rgba(15,23,42,.03)
}
.support-msg.is-mine .support-msg-bubble{background:var(--support-green-soft);border-color:#d6eadf}
.support-msg-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:9px;color:var(--support-muted)}
.support-msg-meta strong{font-size:10px;color:var(--support-text)}
.support-msg-status{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.02em;color:#758594}
.support-msg-status.is-read{color:#237346}
.support-msg-status.is-delivered{color:#7b8794}
.support-msg-text{font-size:12px;line-height:1.56;color:#263645;word-break:break-word}
.support-msg-original{margin-top:6px;padding-top:6px;border-top:1px dashed #d9e2ea;font-size:10px;line-height:1.45;color:#8895a1}
.support-msg-original__lang{
  display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:16px;margin-right:6px;padding:0 5px;border-radius:999px;background:#eef3f7;
  color:#617487;font-size:8px;font-weight:800;vertical-align:middle
}
.support-msg-image-link{display:block;margin-top:8px;text-decoration:none}
.support-msg-image{display:block;max-width:100%;max-height:190px;border-radius:12px;border:1px solid var(--support-line);object-fit:cover;background:#fff}
.support-msg-article{margin-top:8px;padding:10px;border:1px solid var(--support-line);border-radius:12px;background:#fff}
.support-msg-article__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.support-pill{
  display:inline-flex;align-items:center;justify-content:center;padding:0 8px;height:22px;border-radius:999px;background:var(--support-green-soft);
  color:#237346;font-size:10px;font-weight:800
}
.support-msg-article__img{display:block;width:100%;max-height:150px;object-fit:cover;border-radius:10px;border:1px solid var(--support-line);margin-bottom:8px}
.support-link-btn--video{min-width:100%;justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.support-msg-article p{margin:0 0 8px;font-size:11px;line-height:1.55;color:#324250}
.support-file-input{display:none}
.support-attach-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px}
.support-attach-icon{width:34px;min-width:34px;height:34px;padding:0}
.support-attach-hint{font-size:10px;color:var(--support-muted)}
.support-attach-pill{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;border:1px solid var(--support-line);border-radius:999px;background:var(--support-soft-2);font-size:10px;color:var(--support-text)
}
.support-attach-pill span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-attach-pill button{width:18px;height:18px;border-radius:999px;background:#e7edf3;color:#4b5d6f;cursor:pointer}
.support-chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding-top:8px}
.support-chat-compose textarea{min-height:42px;max-height:96px;resize:vertical}

.support-modal-backdrop{
  position:fixed;inset:0;z-index:120;background:rgba(14,23,31,.38);display:flex;align-items:center;justify-content:center;padding:20px
}
.support-modal{
  width:min(760px,100%);max-height:min(88vh,860px);overflow:auto;border-radius:22px;border:1px solid var(--support-line);
  background:#fff;box-shadow:0 32px 80px rgba(16,31,46,.25)
}
.support-modal__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--support-line)}
.support-modal__head h3{margin:0;font-size:19px}
.support-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}
.support-modal__grid .is-full{grid-column:1/-1}
.support-modal__actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}
.support-image-preview{
  margin-top:8px;border:1px dashed var(--support-line);border-radius:12px;background:var(--support-soft-2);min-height:110px;
  display:flex;align-items:center;justify-content:center;padding:10px
}
.support-image-preview__img{display:block;max-width:100%;max-height:180px;border-radius:10px;object-fit:cover}
.support-image-preview__empty,.support-image-preview__name{font-size:11px;color:var(--support-muted)}

@media (max-width:1020px){
  .support-app-root{width:min(100vw - 24px,920px)}
  .support-ticket-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .support-faq-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .support-app-root{width:calc(100vw - 16px);padding-bottom:330px}
  .support-page-top{flex-direction:column;align-items:flex-start}
  .support-page-top__right{width:100%}
  .support-ticket-list{grid-template-columns:1fr}
  .support-faq-card{grid-template-columns:1fr}
  .support-faq-thumb__img,.support-faq-thumb__placeholder{height:160px}
  .support-modal__grid{grid-template-columns:1fr}
  .support-chat-window{right:8px;bottom:8px;width:calc(100vw - 16px);height:min(72vh,540px)}
  .support-chat-bubble{right:10px;bottom:10px;min-height:46px;padding:0 14px}
}
@media (max-width:540px){
  .support-chat-compose{grid-template-columns:1fr}
  .support-office-top{flex-direction:column;align-items:stretch}
  .support-ticket-tabs{width:100%}
  .support-status-tools{flex-wrap:wrap}
  .support-panel-bar{grid-template-columns:18px 1fr auto 18px;padding:16px}
  .support-panel-bar__title{font-size:17px}
}

.support-search-wrap input::placeholder{color:#94a0ab;opacity:1}
.support-panel-bar:focus-visible,.support-search-wrap input:focus-visible,.support-ticket-card:focus-visible{outline:2px solid rgba(46,168,103,.22);outline-offset:2px}
.support-faq-card.is-open{background:#ffffff}
.support-surface-panel--faq .support-panel-body,.support-surface-panel--queue .support-panel-body{padding-top:4px}


#supportSearchInput{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 0 0 12px !important;
  margin:0 !important;
  min-height:auto !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  text-align:left !important;
  direction:ltr !important;
  unicode-bidi:plaintext !important;
  writing-mode:horizontal-tb !important;
}
#supportSearchInput::placeholder{color:#94a0ab;opacity:1;text-align:left}
.support-search-wrap{padding-left:18px}
.support-chat-bubble strong,.support-unread-badge{box-shadow:0 6px 14px rgba(239,68,68,.22)}
.support-faq-expand__media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}
.support-media-thumb{position:relative;display:block;padding:0;border:0;background:none;cursor:pointer;text-align:left}
.support-media-thumb .support-faq-thumb__img.is-large{height:220px;width:100%;display:block}
.support-media-thumb__zoom{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:rgba(17,24,39,.7);color:#fff;font-size:18px;font-weight:700}
.support-media-card{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;min-height:220px;border-radius:16px;border:1px solid #dbe2e8;background:linear-gradient(180deg,#dfe5eb 0%,#bcc6cf 100%);padding:14px;cursor:pointer;overflow:hidden}
.support-media-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(15,23,42,.18))}
.support-media-card__play{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;background:rgba(255,255,255,.92);color:#1f2a35;font-size:22px;box-shadow:0 10px 24px rgba(15,23,42,.12)}
.support-media-card__label{position:relative;display:block;margin-left:12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.support-media-card--video{gap:0}
.support-msg-image-link{padding:0;border:0;background:none;cursor:pointer}
.support-modal-backdrop--media{padding:18px;background:rgba(13,20,28,.72)}
.support-media-modal{position:relative;width:min(920px,100%);max-height:90vh;border-radius:22px;background:#0f1720;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.36);padding:18px;display:flex;align-items:center;justify-content:center}
.support-media-modal--video{background:#0b1118}
.support-media-modal__close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:22px;cursor:pointer}
.support-media-modal__img,.support-media-modal__video,.support-media-modal__frame{display:block;width:100%;max-height:82vh;border:0;border-radius:14px;background:#000}
.support-media-modal__frame{aspect-ratio:16/9;height:min(80vh,60vw)}
.support-media-modal__fallback{padding:36px}
@media (max-width:760px){
  .support-faq-expand__media-grid{grid-template-columns:1fr}
  .support-media-card,.support-media-thumb .support-faq-thumb__img.is-large{min-height:180px;height:180px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

@media (max-width:640px){
  .support-page-footer{width:min(1000px,calc(100vw - 24px));padding:6px 0 18px;font-size:10px}
}