/* BYNEXVPN support page — uses the same theme tokens and header as the main site. */
.support-page{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);position:relative;isolation:isolate}
.support-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(820px 480px at 50% -6%, rgba(255,255,255,.055), transparent 62%),
    radial-gradient(680px 460px at 88% 108%, rgba(255,255,255,.025), transparent 60%),
    radial-gradient(520px 380px at 8% 60%, rgba(255,255,255,.02), transparent 65%),
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NjAiIGhlaWdodD0iNzYwIiB2aWV3Qm94PSIwIDAgNzYwIDc2MCI+CjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDU1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KPHBhdGggZD0iTS00MCA5MCBDIDE1MCAyMCAyNzAgMTkwIDQ0MCAxMTAgUyA2NzAgNDAgODIwIDE3MCIvPgo8cGF0aCBkPSJNLTQwIDI1MCBDIDE5MCAzNDAgMzMwIDE2MCA0ODAgMjgwIFMgNjUwIDM2MCA4MjAgMjQwIi8+CjxwYXRoIGQ9Ik0tNDAgNDMwIEMgMTEwIDUyMCAzMTAgMzUwIDQ3MCA0NjAgUyA2OTAgNTQwIDgyMCA0MTAiLz4KPHBhdGggZD0iTS00MCA2MTAgQyAyMTAgNzAwIDM3MCA1MzAgNTMwIDY0MCBTIDcxMCA2OTAgODIwIDYwMCIvPgo8cGF0aCBkPSJNMTAwIC00MCBDIDQwIDE3MCAyMjAgMzEwIDExMCA0OTAgUyA1MCA2NTAgMTkwIDgyMCIvPgo8cGF0aCBkPSJNMzUwIC00MCBDIDQzMCAyMDAgMjQwIDMzMCAzNzAgNTIwIFMgNDQwIDY4MCAzMDAgODIwIi8+CjxwYXRoIGQ9Ik02MTAgLTQwIEMgNTQwIDE4MCA3MTAgMzEwIDU3MCA1MDAgUyA2NzAgNjkwIDcyMCA4MjAiLz4KPHBhdGggZD0iTS00MCAxNzAgQyAyNDAgMTMwIDQwMCAzMjAgNTgwIDIyMCBTIDc3MCAxNjAgODIwIDM2MCIvPgo8cGF0aCBkPSJNLTQwIDUyMCBDIDI2MCA0NzAgNDMwIDY1MCA2MTAgNTQwIFMgNzkwIDUwMCA4MjAgNzAwIi8+CjwvZz4KPC9zdmc+");
}
[data-theme="light"] .support-page::before {
  background:
    radial-gradient(820px 480px at 50% -6%, rgba(255,255,255,.055), transparent 62%),
    radial-gradient(680px 460px at 88% 108%, rgba(255,255,255,.025), transparent 60%),
    radial-gradient(520px 380px at 8% 60%, rgba(255,255,255,.02), transparent 65%),
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NjAiIGhlaWdodD0iNzYwIiB2aWV3Qm94PSIwIDAgNzYwIDc2MCI+CjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzBhMGEwYyIgc3Ryb2tlLW9wYWNpdHk9IjAuMDciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiPgo8cGF0aCBkPSJNLTQwIDkwIEMgMTUwIDIwIDI3MCAxOTAgNDQwIDExMCBTIDY3MCA0MCA4MjAgMTcwIi8+CjxwYXRoIGQ9Ik0tNDAgMjUwIEMgMTkwIDM0MCAzMzAgMTYwIDQ4MCAyODAgUyA2NTAgMzYwIDgyMCAyNDAiLz4KPHBhdGggZD0iTS00MCA0MzAgQyAxMTAgNTIwIDMxMCAzNTAgNDcwIDQ2MCBTIDY5MCA1NDAgODIwIDQxMCIvPgo8cGF0aCBkPSJNLTQwIDYxMCBDIDIxMCA3MDAgMzcwIDUzMCA1MzAgNjQwIFMgNzEwIDY5MCA4MjAgNjAwIi8+CjxwYXRoIGQ9Ik0xMDAgLTQwIEMgNDAgMTcwIDIyMCAzMTAgMTEwIDQ5MCBTIDUwIDY1MCAxOTAgODIwIi8+CjxwYXRoIGQ9Ik0zNTAgLTQwIEMgNDMwIDIwMCAyNDAgMzMwIDM3MCA1MjAgUyA0NDAgNjgwIDMwMCA4MjAiLz4KPHBhdGggZD0iTTYxMCAtNDAgQyA1NDAgMTgwIDcxMCAzMTAgNTcwIDUwMCBTIDY3MCA2OTAgNzIwIDgyMCIvPgo8cGF0aCBkPSJNLTQwIDE3MCBDIDI0MCAxMzAgNDAwIDMyMCA1ODAgMjIwIFMgNzcwIDE2MCA4MjAgMzYwIi8+CjxwYXRoIGQ9Ik0tNDAgNTIwIEMgMjYwIDQ3MCA0MzAgNjUwIDYxMCA1NDAgUyA3OTAgNTAwIDgyMCA3MDAiLz4KPC9nPgo8L3N2Zz4=");
}
.support-page .cab-header{width:min(var(--container,1200px),calc(100% - 40px));margin:20px auto 0;position:relative;z-index:10}
.support-page .cab-header__bar{min-height:62px}
.support-main{width:min(var(--container,1200px),calc(100% - 40px));margin:24px auto 0;flex:1}
.panel{border:1px solid var(--line-strong);border-radius:21px;background:linear-gradient(120deg,rgba(13,15,20,.84),rgba(6,7,10,.8));box-shadow:0 20px 60px -50px rgba(0,0,0,.65)}
[data-theme="light"] .panel{background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(247,248,250,.95));box-shadow:0 20px 60px -50px rgba(0,0,0,.16)}
.support-hero{min-height:312px;padding:32px 36px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:center;gap:20px;overflow:hidden;position:relative}
.support-hero__copy{position:relative;z-index:1;min-width:0}
.support-back{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:500;padding:7px 12px;border-radius:999px;background:var(--card-2);border:1px solid var(--line);text-decoration:none;margin-bottom:15px}
.support-back:hover{color:var(--text)}
.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted);margin-bottom:8px}
.support-hero h1{font-size:clamp(32px,3.4vw,44px);line-height:1.13;letter-spacing:-.045em;font-weight:800;margin:0;color:var(--text)}
.support-lead{color:var(--muted);font-size:15px;line-height:1.65;margin-top:12px;max-width:590px}
.support-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.support-create{height:58px;min-width:245px;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 10px 30px -20px rgba(255,255,255,.25)}
.support-plus{font-size:25px;line-height:1;font-weight:400}.support-arrow{font-size:21px;font-weight:400;margin-left:auto}
.priority-pill{height:46px;display:inline-flex;align-items:center;gap:11px;padding:0 13px;border:1px solid var(--line-strong);border-radius:16px;background:rgba(255,255,255,.025);color:var(--text);font:600 12px/1 Inter,sans-serif;cursor:pointer;transition:border-color .2s,background .2s}
.priority-pill:hover{border-color:rgba(110,157,231,.55);background:rgba(95,132,197,.08)}
.priority-bolt{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line-strong);border-radius:7px;font-size:18px}
.available{font-size:10px;color:#55dca0;background:rgba(47,195,126,.12);padding:6px 9px;border-radius:999px;margin-left:5px;white-space:nowrap}
.support-note{margin-top:10px;font-size:11px;color:var(--muted);line-height:1.6;max-width:680px}.support-note strong{color:var(--text);font-weight:700}
.support-hero__art{display:flex;justify-content:center;align-items:center;min-width:0;pointer-events:none}.support-hero__art svg{width:min(100%,365px);height:auto;overflow:visible;filter:drop-shadow(0 18px 26px rgba(56,91,150,.12))}
.tickets-panel{margin-top:20px;padding:16px 28px 24px;min-height:300px}
.tickets-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:51px;gap:16px}
.ticket-tabs{display:flex;align-items:stretch;gap:8px;height:51px}
.ticket-tab{display:inline-flex;align-items:center;gap:10px;padding:0 17px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:500 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.ticket-tab.is-active{color:var(--text);border-bottom-color:var(--text);background:linear-gradient(180deg,transparent,rgba(128,150,190,.09));border-radius:13px 13px 0 0}
.tab-icon{font-size:18px}.tab-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:50px;background:var(--card-2);border:1px solid var(--line);color:var(--text);font-size:11px}
.tickets-refresh{font-size:11px;color:var(--muted);text-align:right}
.ticket-list{display:grid;gap:12px;padding-top:17px}
.ticket-row{width:100%;display:grid;grid-template-columns:68px minmax(0,1fr) minmax(145px,.45fr) 18px;align-items:center;gap:18px;text-align:left;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.012);color:var(--text);cursor:pointer;transition:border-color .18s,transform .18s,background .18s;min-width:0}
.ticket-row:hover{border-color:var(--line-strong);background:rgba(120,145,190,.045);transform:translateY(-1px)}
.ticket-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:var(--card-2);border:1px solid var(--line);font-size:23px;color:var(--text)}
.ticket-icon svg{width:25px;height:25px;stroke:currentColor}
.ticket-info{min-width:0}.ticket-title{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta{font-size:11px;color:var(--muted);margin-top:5px}.ticket-preview{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ticket-state{align-self:center;justify-self:start;min-width:0}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(130,140,165,.12);color:var(--muted);font-size:11px;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill--open{background:rgba(130,140,165,.13);color:#a8b4ca}.status-pill--priority{background:rgba(47,195,126,.12);color:#55dca0}.status-pill--closed{background:rgba(100,170,130,.12);color:#55c990}.ticket-time{font-size:11px;color:var(--muted);margin-top:8px}.ticket-chevron{font-size:22px;color:var(--muted);justify-self:end}
.tickets-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:10px;font-size:13px}.tickets-empty p{margin:0}.empty-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:var(--card-2);font-size:22px;color:var(--text)}.empty-spinner{width:22px;height:22px;border:2px solid var(--line-strong);border-top-color:var(--text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.support-footer{width:min(var(--container,1200px),calc(100% - 40px));margin:24px auto 0;padding-top:0}.support-footer .site-footer__inner{border-top:1px solid var(--line);padding-top:20px}
/* Chat is deliberately a centered dialog, not a full-screen overlay. */
.chat-ov{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
[data-theme="light"] .chat-ov{background:rgba(26,30,40,.34)}
.chat-ov.is-open{visibility:visible;opacity:1;pointer-events:auto}
.chat{display:flex;flex-direction:column;width:min(660px,100%);height:min(690px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);border:1px solid var(--line-strong);border-radius:24px;background:var(--bg);color:var(--text);overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.55);transform:translateY(12px) scale(.985);opacity:0;transition:transform .24s ease,opacity .24s ease}
.chat-ov.is-open .chat{transform:translateY(0) scale(1);opacity:1}
.chat__head{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line);background:var(--card);flex:0 0 auto}
.chat__logo{width:38px;height:38px;object-fit:contain;border-radius:10px}.chat__who{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.chat__who strong{font-size:14px;font-weight:700}.chat__status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.chat__status i{width:6px;height:6px;background:#35d07f;border-radius:50%}.chat__close{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--card-2);color:var(--text);cursor:pointer}.chat__close svg{width:18px;height:18px}.chat__msgs{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}.msg{max-width:82%;padding:11px 13px;border:1px solid var(--line);border-radius:15px;font-size:13px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.msg__text{white-space:pre-wrap}.msg__time{display:block;margin-top:5px;font-size:10px;color:var(--muted);text-align:right}.msg--in{align-self:flex-start;background:var(--card-2);border-top-left-radius:5px}.msg--out{align-self:flex-end;background:rgba(120,145,190,.13);border-color:rgba(120,145,190,.23);border-top-right-radius:5px}.msg--sys{align-self:center;max-width:100%;border:0;background:transparent;color:var(--muted);font-size:11px;text-align:center;padding:5px 8px}.msg--pending{opacity:.65}.msg--failed{border-color:#d95757}.chat__ticketbar{padding:9px 18px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.chat__ticketbar strong{color:var(--text)}.chat__form{display:flex;align-items:flex-end;gap:10px;padding:13px 15px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card);flex:0 0 auto}.chat__input{resize:none;min-height:43px;max-height:130px;flex:1;padding:12px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--bg);color:var(--text);font:13px/1.45 Inter,sans-serif;outline:none}.chat__input:focus{border-color:rgba(110,150,220,.7)}.chat__input::placeholder{color:var(--muted)}.chat__send{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border:0;border-radius:14px;background:var(--text);color:var(--bg);cursor:pointer}.chat__send svg{width:19px;height:19px}.chat__send:disabled,.chat__input:disabled{opacity:.45;cursor:not-allowed}.chat__closed{padding:16px 18px;border-top:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.chat__tip{border:1px solid var(--line-strong);background:var(--card-2);color:var(--text);padding:10px 13px;border-radius:12px;font:600 12px Inter,sans-serif;white-space:nowrap}.chat__tip:disabled{opacity:.5}.chat__close-label{color:var(--muted);font-size:11px}
.support-page .cab-header__burger{display:none}
@media(max-width:900px){.support-hero{grid-template-columns:minmax(0,1fr) 250px;padding:28px}.support-hero__art svg{width:270px}.support-hero h1{font-size:34px}.support-actions{gap:10px}.support-create{min-width:220px}.priority-pill{gap:7px}.ticket-row{grid-template-columns:56px minmax(0,1fr) 135px 14px;gap:13px;padding:15px}.ticket-icon{width:52px;height:52px;border-radius:16px}}
@media(max-width:700px){.support-page .cab-header,.support-main,.support-footer{width:calc(100% - 28px)}.support-page .cab-header{margin-top:12px}.support-main{margin-top:14px}.support-hero{grid-template-columns:1fr;min-height:0;padding:23px 20px 18px;gap:0}.support-hero__art{position:absolute;right:-20px;top:8px;opacity:.27;width:190px}.support-hero__art svg{width:190px}.support-hero__copy{z-index:1}.support-back{margin-bottom:12px}.eyebrow{font-size:9px}.support-hero h1{font-size:30px;max-width:420px}.support-lead{font-size:13px;max-width:480px}.desktop-only{display:none}.support-actions{align-items:stretch;flex-direction:column;max-width:380px}.support-create{width:100%;min-width:0;height:53px;border-radius:16px}.priority-pill{width:100%;justify-content:flex-start;height:45px}.available{margin-left:auto}.support-note{max-width:440px}.tickets-panel{margin-top:14px;padding:10px 12px 15px;border-radius:17px}.tickets-toolbar{min-height:48px;align-items:center}.ticket-tabs{height:48px;gap:0}.ticket-tab{font-size:12px;padding:0 10px;gap:7px}.tickets-refresh{display:none}.ticket-list{gap:9px;padding-top:12px}.ticket-row{grid-template-columns:43px minmax(0,1fr) 14px;gap:11px;padding:13px 11px;border-radius:14px}.ticket-icon{width:42px;height:42px;border-radius:13px;font-size:19px}.ticket-icon svg{width:21px;height:21px}.ticket-title{font-size:12px}.ticket-meta{font-size:10px}.ticket-preview{font-size:11px;-webkit-line-clamp:2}.ticket-state{grid-column:2;grid-row:2;align-self:start;margin-top:-3px}.status-pill{font-size:10px;padding:5px 8px}.ticket-time{display:none}.ticket-chevron{grid-column:3;grid-row:1/3}.support-footer{margin-top:20px}.support-footer .site-footer__inner{padding-top:16px}}
@media(max-width:420px){.support-hero h1{font-size:27px}.support-hero{padding:19px 16px 16px}.support-lead{font-size:12px}.ticket-tab{padding:0 8px;font-size:11px}.tab-count{min-width:20px;height:20px}.chat-ov{padding:12px}.chat{height:min(650px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:19px}.chat__head{padding:13px 14px}.chat__msgs{padding:14px}.chat__form{padding:10px}.chat__closed{align-items:flex-start;flex-direction:column}.msg{max-width:90%}}
@media(prefers-reduced-motion:reduce){.support-page *, .chat-ov,.chat{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){
  .support-page .cab-header{height:auto;min-height:0;padding:0;border:1px solid var(--line-strong);border-radius:17px;background:var(--card);pointer-events:auto}
  .support-page .cab-header__bar{display:flex;contents:normal;min-height:58px;padding:0 14px;gap:12px}
  .support-page .cab-header .logo{display:flex;align-items:center;gap:8px}
  .support-page .cab-header .logo__img{width:30px;height:30px;object-fit:contain}
  .support-page .cab-header .logo__text{font-size:14px}
  .support-page .cab-header .support-login{display:none}
  .support-page .cab-header__nav{display:none;position:absolute;left:auto;right:0;top:calc(100% + 9px);bottom:auto;transform:none;width:min(260px,calc(100vw - 32px));min-height:0;align-items:stretch;flex-direction:column;gap:4px;padding:9px;border-radius:16px;background:var(--card);border:1px solid var(--line-strong);box-shadow:0 20px 55px rgba(0,0,0,.3)}
  .support-page .cab-header.is-mobile-open .cab-header__nav{display:flex}
  .support-page .cab-header__nav a{display:block;flex:none;padding:12px 13px;text-align:left;font-size:13px;border-radius:10px;color:var(--text)}
  .support-page .cab-header__burger{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--card-2);padding:10px;cursor:pointer}
  .support-page .cab-header__burger span{display:block;width:100%;height:2px;border-radius:2px;background:var(--text)}
}


/* Reference-style ticket form and inline conversation */
.support-page .support-main{margin-top:14px}
.support-page .support-hero{margin-bottom:18px}
.support-page [hidden]{display:none!important}
.support-create-panel,.support-chat-page{padding:28px 24px;border-radius:22px;margin:0 0 18px;min-width:0}
[data-theme="light"] .support-create-panel,[data-theme="light"] .support-chat-page{background:rgba(255,255,255,.94);border-color:#e3e7ed;box-shadow:0 12px 36px rgba(45,72,110,.06)}
[data-theme="dark"] .support-create-panel,[data-theme="dark"] .support-chat-page{background:rgba(12,15,21,.92)}
.form-label{display:block;margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--muted);text-transform:uppercase}
.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:22px}
.topic-option{min-height:62px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card);color:var(--text);padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.topic-option span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:var(--card-2);color:var(--muted);font-size:17px}
.topic-option.is-selected{background:#2583ff;border-color:#2583ff;color:#fff}
.topic-option.is-selected span{background:rgba(255,255,255,.17);color:#fff}
.support-select{display:block;width:100%;height:54px;margin:0 0 20px;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card);color:var(--text);font-family:inherit;font-size:14px;font-weight:500}
.priority-toggle-row{display:flex;align-items:center;gap:12px;min-height:66px;border:1px solid var(--line);border-radius:15px;padding:12px 14px;margin:0 0 22px;cursor:pointer}
.priority-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(245,158,11,.09);color:#e9a23b;font-size:20px}
.priority-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.priority-copy strong{font-size:14px;font-weight:650;color:var(--text)}.priority-copy small{font-size:12px;color:var(--muted)}
.priority-toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:42px;height:24px;flex:0 0 42px;border-radius:99px;background:#dfe3e8;position:relative;transition:.18s}.toggle-track:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.18s}.priority-toggle-row input:checked+.toggle-track{background:#2583ff}.priority-toggle-row input:checked+.toggle-track:after{transform:translateX(18px)}
.support-description{display:block;width:100%;min-height:132px;resize:vertical;padding:14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card);color:var(--text);font-family:inherit;font-size:14px;font-weight:400;line-height:1.55;margin-bottom:18px}.support-description::placeholder{color:var(--muted)}
.support-form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.support-form-actions .btn{min-height:44px}.attach-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.support-form-error{color:#dc5454;font-size:12px;flex-basis:100%;margin-top:4px}
.support-chat-page{padding:0;overflow:hidden}
.support-chat-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 16px}
.support-chat-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted);margin-bottom:6px}.support-chat-kicker:first-letter{color:#2583ff}
.support-chat-top h2{font-size:clamp(18px,2vw,24px);line-height:1.25;margin:0;color:var(--text);font-weight:750;letter-spacing:-.025em}
.support-chat-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.support-chat-controls .btn{min-height:42px}
.support-chat-messages{height:min(62vh,680px);min-height:360px;overflow:auto;padding:8px 18px 20px;display:flex;flex-direction:column;gap:11px;background:var(--card-2)}
[data-theme="light"] .support-chat-messages{background:#eeece7}
.support-message{max-width:min(74%,720px);padding:11px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--text);overflow-wrap:anywhere}
.support-message.is-user{align-self:flex-end;background:rgba(37,131,255,.12);border-color:rgba(37,131,255,.42);border-top-right-radius:7px}
.support-message.is-agent{align-self:flex-start;background:var(--card);border-color:#e3b36b;border-top-left-radius:7px}
.support-message.is-system{align-self:center;max-width:90%;font-size:12px;color:var(--muted);background:transparent;border:0;text-align:center}
.support-message-meta{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted);margin-bottom:7px}.support-message-meta strong{font-weight:650}.support-message-text{font-size:14px;line-height:1.5;white-space:pre-wrap}
.support-chat-compose{padding:14px 16px 16px;background:var(--card);border-top:1px solid var(--line)}
.support-chat-compose textarea{display:block;width:100%;min-height:88px;resize:vertical;border:1px solid var(--line-strong);border-radius:12px;background:var(--card);color:var(--text);padding:12px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5}
.support-chat-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}.support-chat-compose-bottom span{font-size:12px;color:var(--muted)}.support-chat-compose-bottom .btn{min-height:42px}
.support-chat-closed{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;background:var(--card)}.support-chat-closed span{flex:1;color:var(--muted);font-size:13px}
@media(max-width:900px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-option:last-child{grid-column:span 2}}
@media(max-width:600px){.support-create-panel{padding:18px 14px}.topic-grid{grid-template-columns:1fr 1fr;gap:7px}.topic-option{padding:8px;font-size:12px;min-height:58px;gap:7px}.topic-option span{width:29px;height:29px;flex-basis:29px}.support-chat-top{align-items:flex-start;flex-direction:column;padding:18px 14px 14px}.support-chat-controls{width:100%;justify-content:space-between}.support-chat-messages{height:58vh;min-height:300px;padding:12px 10px}.support-message{max-width:92%;padding:10px 11px}.support-message-meta{gap:8px}.support-chat-compose{padding:12px}.support-chat-compose textarea{min-height:78px}.support-chat-compose-bottom{align-items:flex-end}.support-form-actions .btn{flex:0 0 auto}}


/* BYNEXVPN final visual pass: exact homepage background and monochrome UI */
.support-page { background:var(--bg); }
.support-page .cab-header { width:min(var(--container,1200px),calc(100% - 40px)); margin:20px auto 0; padding:0; height:auto; }
.support-page .cab-header__bar { min-height:66px; }
.support-page .support-main { margin-top:18px; flex:1 0 auto; }
.support-page .support-hero { margin-top:0; }
.support-page .support-hero__art svg { background:transparent!important; filter:grayscale(1) drop-shadow(0 18px 26px rgba(0,0,0,.16)); }
.support-page .support-hero__art svg * { background:transparent!important; }
/* Keep the illustration original SVG fills/strokes; never recolor every shape globally. */
.support-page .available { color:var(--text); background:var(--card-2); border:1px solid var(--line); }
.support-page .priority-pill:hover { border-color:var(--text); background:var(--card-2); }
.support-page .topic-option.is-selected { background:var(--text); border-color:var(--text); color:var(--bg); }
.support-page .topic-option.is-selected span { background:rgba(127,127,127,.15); color:var(--bg); }
.support-page .topic-option span svg { width:19px; height:19px; display:block; }
.support-page .priority-icon { background:var(--card-2); color:var(--text); }
.support-page .priority-toggle-row input:checked+.toggle-track { background:var(--text); }
.support-page .priority-toggle-row input:checked+.toggle-track:after { background:var(--bg); }
.support-page .support-chat-kicker:first-letter { color:var(--text); }
.support-page .support-message.is-user { background:var(--card-2); border-color:var(--line-strong); }
.support-page .support-message.is-agent { background:var(--card); border-color:var(--line-strong); }
.support-page .support-message.is-system { color:var(--muted); }
.support-page .support-chat-messages, [data-theme="light"] .support-page .support-chat-messages { background:var(--bg-soft); }
.support-page .btn--blue { background:var(--text)!important; border-color:var(--text)!important; color:var(--bg)!important; box-shadow:none!important; }
.support-page .btn--blue:hover { opacity:.86; }
.support-page .support-plus svg { width:20px;height:20px; }
.support-page .support-arrow svg { width:19px;height:19px; }
.support-page .priority-bolt svg, .support-page .priority-icon svg { width:19px;height:19px; }
.support-page .attach-button svg { width:16px;height:16px; }
.support-page .tab-icon { display:inline-flex;align-items:center;justify-content:center; }
.support-page .tab-icon svg { width:18px;height:18px;stroke:currentColor; }
.support-page .ticket-icon { color:var(--text); }
.support-page .ticket-icon svg { width:24px;height:24px; }
.support-page .status-pill--open, .support-page .status-pill--priority, .support-page .status-pill--closed { color:var(--text); background:var(--card-2); border:1px solid var(--line); }
.support-page .ticket-row:hover { border-color:var(--line-strong); background:var(--card-2); }
.support-page .support-form-error { color:var(--text); }
[data-theme="light"] .support-page .panel { background:rgba(255,255,255,.92); }
[data-theme="dark"] .support-page .panel { background:rgba(8,8,10,.82); }
@media(max-width:760px) {
 .support-page .cab-header { position:fixed; top:0;left:0;right:0;width:auto;height:auto;margin:0;padding:10px 14px 0; }
 .support-page .cab-header__bar { position:relative;top:auto;left:auto;transform:none;width:100%;height:58px;min-height:58px;padding:0 14px;gap:12px;border-radius:999px; }
 .support-page .cab-header__nav { display:none; }
 .support-page .mobile-menu-toggle { display:flex; }
 .support-page .support-main { margin-top:0; }
}

/* Footer sits at the bottom on short pages and follows content on long pages. */
html:has(body.support-page) { min-height:100%; }
body.support-page { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; }
body.support-page .support-main { flex:1 0 auto; }
body.support-page .support-footer { flex:0 0 auto; margin-top:auto; padding-bottom:22px; }
body.support-page .support-footer .site-footer__inner { max-width:var(--container); padding:26px 24px 0; }
body.support-page .support-footer .site-footer__bottom { max-width:var(--container); margin:20px auto 0; padding:16px 24px 0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:14px; }
/* The homepage stylesheet gives every SVG a background; icons and illustrations must stay transparent. */
body.support-page svg, body.support-page .support-hero__art svg, body.support-page .support-hero__art svg * { background:transparent!important; }
@media(max-width:760px){body.support-page .support-footer .site-footer__inner{padding:22px 18px 0;gap:18px}body.support-page .support-footer .site-footer__bottom{padding:14px 18px 0;flex-wrap:wrap}}


/* Small reference-inspired update: keep the existing BYNEXVPN page design intact. */
.support-charges{display:flex;align-items:center;gap:15px;min-height:70px;margin:0 0 18px;padding:13px 17px;border:1px solid var(--line-strong);border-radius:16px;background:var(--card);color:var(--text)}
.support-charges__battery{position:relative;flex:0 0 43px;width:43px;height:21px;border:2px solid currentColor;border-radius:6px;padding:3px;opacity:.95}
.support-charges__battery:after{content:"";position:absolute;right:-6px;top:5px;width:3px;height:8px;border-radius:0 2px 2px 0;background:currentColor}
.support-charges__battery span{display:block;width:8%;height:100%;border-radius:2px;background:#35cf98}
.support-charges__copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.support-charges__copy strong{font-size:15px;font-weight:750;color:var(--text)}
.support-charges__copy span{font-size:12px;color:var(--muted)}
.support-charges__button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(83,157,255,.28);border-radius:10px;padding:8px 14px;background:rgba(61,139,232,.12);color:#65aaff;text-decoration:none;font:600 12px Inter,sans-serif;white-space:nowrap;transition:background .18s,border-color .18s}
.support-charges__button:hover{background:rgba(61,139,232,.2);border-color:rgba(83,157,255,.48)}
/* Compact ticket cards inspired by the supplied screenshot; hero/header/theme remain unchanged. */
.support-page .ticket-list{gap:10px;padding-top:14px}
.support-page .ticket-row{grid-template-columns:24px minmax(0,1fr) auto;gap:12px;min-height:62px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.support-page .ticket-row:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--card-2)}
.support-page .ticket-icon{width:24px;height:24px;border:0;border-radius:0;background:transparent;color:#65aaff}
.support-page .ticket-icon svg{width:19px;height:19px}
.support-page .ticket-info{min-width:0}
.support-page .ticket-title{font-size:14px;font-weight:700}
.support-page .ticket-meta{display:none}
.support-page .ticket-preview{display:-webkit-box;margin-top:5px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.4;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.support-page .ticket-state{justify-self:end}
.support-page .status-pill--priority{background:rgba(43,199,143,.13);border-color:transparent;color:#43d6a0}
.support-page .status-pill--open{background:rgba(112,132,160,.13);border-color:transparent;color:var(--muted)}
.support-page .status-pill--closed{background:rgba(43,199,143,.13);border-color:transparent;color:#43d6a0}
.support-page .ticket-time,.support-page .ticket-chevron{display:none}
@media(max-width:700px){
 .support-charges{gap:11px;min-height:65px;padding:11px 12px;margin-bottom:14px}
 .support-charges__copy strong{font-size:14px}
 .support-charges__copy span{font-size:11px;line-height:1.35}
 .support-charges__button{padding:8px 10px}
 .support-page .ticket-row{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:12px 10px}
 .support-page .ticket-state{grid-column:2;justify-self:start;margin-top:5px}
 .support-page .ticket-preview{-webkit-line-clamp:2}
}