.support-attachments{margin-top:8px}.support-attachments>button{color:#76bcd4;cursor:pointer;background:#042737b3;border:1px solid #448fae57;align-items:center;gap:5px;min-height:29px;padding:0 8px;font-size:8px;display:inline-flex}.support-attachments>button svg{width:13px}.support-attachments__body{background:#010f188c;border:1px solid #4084a047;margin-top:7px;padding:9px}.support-attachments__body>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.support-attachments__body>header span{color:#9eb5c2;text-transform:uppercase;align-items:center;gap:5px;font-size:8px;display:flex}.support-attachments__body>header svg{width:13px}.support-attachments__body>header button{color:#64c1e2;cursor:pointer;background:#062235;border:1px solid #448fae47;place-items:center;width:27px;height:27px;display:grid}.support-attachments__body ul{gap:5px;margin:8px 0 0;padding:0;list-style:none;display:grid}.support-attachments__body li{background:#031520;border:1px solid #4084a038;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px;display:grid}.support-attachments__body li>svg{color:#d7a34b;width:15px}.support-attachments__body li strong,.support-attachments__body li small{overflow-wrap:anywhere;display:block}.support-attachments__body li strong{color:#cbd8df;font-size:8px}.support-attachments__body li small{color:#657e8f;margin-top:3px;font-size:7px}.support-attachments__body li a{color:#66c5e6;border:1px solid #448fae4d;place-items:center;width:27px;height:27px;display:grid}.support-attachments__body li a svg{width:13px}.support-attachments__body form{align-items:end;gap:7px;margin-top:9px;display:flex}.support-attachments__body form label{color:#718899;flex:1;gap:4px;font-size:7px;display:grid}.support-attachments__body form input{color:#8fa7b5;width:100%;font-size:8px}.support-attachments__body form button{color:#fff;cursor:pointer;background:#075071;border:1px solid #2e8eb4;align-items:center;gap:5px;min-height:31px;padding:0 9px;font-size:8px;display:flex}.support-attachments__body form button svg{width:13px}.support-attachments__body form button:disabled{opacity:.55}.support-attachments__error,.support-attachments__notice,.support-attachments__empty{margin:7px 0 0;font-size:8px}.support-attachments__error{color:#ec8e95}.support-attachments__notice{color:#65d499}.support-attachments__empty{color:#6f8797}@media (width<=620px){.support-attachments__body form{display:grid}}.support-attachments>button,.support-attachments__body>header span,.support-attachments__body li strong,.support-attachments__body li small,.support-attachments__body form label,.support-attachments__body form input,.support-attachments__body form button,.support-attachments__error,.support-attachments__notice,.support-attachments__empty{font-size:var(--admin-font-caption,12px)}.support-attachments__body li small,.support-attachments__body form label,.support-attachments__empty{color:#8ca2b1}.support-attachments>button,.support-attachments__body form button{min-height:35px}.support-page{color:#e8eef2;min-height:100vh;padding-bottom:64px}.support-page .topbar__brand{text-decoration:none}.support-main{width:min(1520px,100% - 48px);margin:28px auto 0;font-family:Inter,sans-serif}.support-hero{background:radial-gradient(circle at 88% 0,#12779d33,#0000 32%),linear-gradient(135deg,#062232f7,#02111cfa);border:1px solid #408bab5c;justify-content:space-between;align-items:center;gap:30px;min-height:178px;padding:34px 40px;display:flex;box-shadow:0 22px 55px #0003}.support-hero>div:first-child>span{color:#e0aa4f;letter-spacing:.16em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.support-hero>div:first-child>span svg{width:18px}.support-hero h1{color:#f0ece8;margin:10px 0 5px;font:600 clamp(31px,4vw,48px)/1.05 Cinzel,serif}.support-hero p{color:#9db0be;max-width:730px;margin:0;line-height:1.7}.support-session{background:#031520bf;border:1px solid #d39e4761;align-items:center;gap:11px;min-width:270px;padding:15px;display:flex}.support-session>svg{color:#4bcf9a;width:28px}.support-session span{flex:1;min-width:0}.support-session small,.support-session strong{display:block}.support-session small{color:#718899;font-size:10px}.support-session strong{color:#e9f0f4;margin-top:4px}.support-session button{color:#e9a0a5;cursor:pointer;background:#79242b2e;border:1px solid #ca6d6d59;padding:7px 9px}.support-loading,.support-error,.support-notice{color:#afc0cb;background:#041c2adb;border:1px solid #3c8bad57;align-items:center;gap:9px;min-height:48px;margin-top:16px;padding:12px 15px;display:flex}.support-loading svg,.support-error svg,.support-notice svg{width:19px}.support-error{color:#efa1a6;background:#5b192038;border-color:#d64c5666}.support-notice{color:#84dbad;background:#19674033;border-color:#35c37d59}.support-login{background:linear-gradient(145deg,#071e2d,#03131f);border:1px solid #d49c4673;grid-template-columns:auto 1fr;gap:12px 18px;width:min(760px,100%);margin:34px auto 0;padding:30px;display:grid;box-shadow:0 22px 70px #0000004d}.support-login>svg{color:#dfa94c;grid-row:1/3;width:38px;height:38px}.support-login h2{margin:0;font:600 23px Cinzel,serif}.support-login p{color:#879baa;margin:6px 0 0;font-size:13px}.support-login form{grid-column:1/3;grid-template-columns:1fr 1fr auto;gap:9px;margin-top:12px;display:grid}.support-login input{color:#e8eef2;background:#03141f;border:1px solid #4389a86b;outline:none;min-width:0;height:46px;padding:0 13px}.support-login input:focus{border-color:#32b6e5}.support-login button,.support-create form>button,.support-reply button{color:#fff7e9;cursor:pointer;background:linear-gradient(#a86f32,#6f451f);border:1px solid #c58b3f;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 19px;font-weight:800;display:flex}.support-login button svg,.support-create form>button svg,.support-reply button svg{width:18px}.support-login .support-error{grid-column:1/3;margin:0}.support-workspace{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:16px;margin-top:18px;display:grid}.support-column{gap:16px;display:grid}.support-panel{background:linear-gradient(145deg,#072131fa,#03121dfc);border:1px solid #3d84a357;box-shadow:0 16px 35px #0000002e}.support-panel>header{border-bottom:1px solid #3d84a347;align-items:center;gap:11px;min-height:69px;padding:14px 17px;display:flex}.support-panel>header>svg{color:#dda747;width:21px}.support-panel>header>div{flex:1}.support-panel>header span{color:#59b9dd;letter-spacing:.15em;font-size:9px;font-weight:800;display:block}.support-panel>header h2{margin:4px 0 0;font:600 18px Cinzel,serif}.support-panel>header>button{color:#62c5e8;cursor:pointer;background:#082336;border:1px solid #3a87a959;place-items:center;width:35px;height:35px;display:grid}.support-panel>header>button svg{width:16px}.support-create form{gap:13px;padding:17px;display:grid}.support-create label{color:#849bab;text-transform:uppercase;letter-spacing:.06em;gap:6px;font-size:10px;font-weight:700;display:grid}.support-create input,.support-create select,.support-create textarea,.support-reply textarea,.support-ticket-filters input,.support-ticket-filters select{color:#e4edf2;background:#02131f;border:1px solid #3e83a15e;outline:none;width:100%}.support-create input,.support-create select{height:42px;padding:0 10px}.support-create textarea,.support-reply textarea{resize:vertical;padding:11px;line-height:1.5}.support-create input:focus,.support-create select:focus,.support-create textarea:focus,.support-reply textarea:focus{border-color:#31b5e3;box-shadow:0 0 0 2px #27a9d614}.support-form-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.support-ticket-filters{border-bottom:1px solid #3d84a333;grid-template-columns:1fr 145px;gap:7px;padding:12px;display:grid}.support-ticket-filters label{background:#02131f;border:1px solid #3e83a15e;align-items:center;gap:7px;height:39px;padding:0 9px;display:flex}.support-ticket-filters label svg{color:#60b9da;width:15px}.support-ticket-filters input{background:0 0;border:0;min-width:0}.support-ticket-filters select{padding:0 8px}.support-ticket-list{gap:6px;max-height:515px;padding:8px;display:grid;overflow:auto}.support-ticket-list>button{color:#dbe6eb;text-align:left;cursor:pointer;background:#02121ca6;border:1px solid #3a7d9a3d;gap:4px;min-height:91px;padding:12px 92px 12px 12px;display:grid;position:relative}.support-ticket-list>button:hover,.support-ticket-list>button.is-active{background:#774e1821;border-color:#d9a34b}.support-ticket-id{color:#e3ad50;font-size:10px;font-weight:800}.support-ticket-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.support-ticket-list .support-status{position:absolute;top:12px;right:10px}.support-ticket-list>button>b{color:#fff;background:#25a9dc;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid;position:absolute;bottom:10px;right:10px}.support-ticket-summary{background:#041f2e8c;border-bottom:1px solid #3d84a338;justify-content:space-between;align-items:flex-start;gap:20px;padding:17px;display:flex}.support-ticket-summary h3{color:#e6b25a;margin:0;font:600 21px Cinzel,serif}.support-ticket-summary p{color:#718b9b;margin:5px 0 0;font-size:11px}.support-ticket-summary>div:last-child{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.support-assignee{color:#879cac;align-items:center;gap:5px;font-size:10px;display:flex}.support-assignee svg{color:#dca748;width:14px}.support-assignee strong{color:#cbd7de}.support-live{color:#61d69a;background:#1e6f461f;border:1px solid #28b97233;align-items:center;gap:7px;margin:12px 16px 0;padding:8px 10px;font-size:10px;display:flex}.support-live>span{background:#37df8d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #37df8d}.support-live--connecting{color:#d9b16d;border-color:#d39e4740}.support-live--connecting>span{box-shadow:none;background:#d9a44e}.support-live--disconnected{color:#e9939a;border-color:#d34a5347}.support-live--disconnected>span{box-shadow:none;background:#dd616a}.support-messages{flex-direction:column;gap:10px;height:490px;padding:16px;display:flex;overflow:auto}.support-message{background:#041b2a;border:1px solid #3e84a34d;width:min(78%,720px);padding:12px 14px}.support-message--player{background:#084a6347;border-color:#33a6cf59;align-self:flex-end}.support-message--support{background:#66461a2e;border-color:#d59e4661;align-self:flex-start}.support-message>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.support-message>header>span{color:#e5b45e;align-items:center;gap:6px;display:flex}.support-message>header svg{width:15px}.support-message>header strong{color:#dce6eb;font-size:11px}.support-message>header small{color:#e5b45e;border:1px solid #d6a14a59;padding:2px 5px;font-size:8px}.support-message p{color:#bac8d1;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;font-size:12px;line-height:1.65}.support-reply{border-top:1px solid #3d84a340;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:15px;display:grid}.support-reply button{min-width:175px}.support-closed{color:#65d598;background:#1a663e26;border:1px solid #3dc57e40;justify-content:center;align-items:center;gap:8px;margin:15px;padding:13px;display:flex}.support-closed svg{width:18px}.support-conversation-empty{color:#60798a;align-content:center;place-items:center;gap:10px;min-height:580px;display:grid}.support-conversation-empty svg{opacity:.55;width:48px;height:48px}.support-empty{color:#718899;text-align:center;margin:0;padding:30px 15px;font-size:12px}.support-status{color:#75cdea;text-transform:uppercase;background:#216f8e24;border:1px solid #4da8cd57;align-items:center;min-height:23px;padding:4px 7px;font-weight:800;display:inline-flex;letter-spacing:.04em!important;font-size:8px!important}.support-status--pending_support{color:#ef9b71;background:#802f1c2e;border-color:#dd643e61}.support-status--pending_player{color:#eac36f;background:#7750132b;border-color:#dba74361}.support-status--resolved,.support-status--closed{color:#6dd69b;background:#19683e29;border-color:#2fba6d59}.is-spinning{animation:.8s linear infinite support-spin}@keyframes support-spin{to{transform:rotate(360deg)}}.support-pagination{border-top:1px solid #3d84a333;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;min-height:43px;padding:7px 9px;display:grid}.support-pagination button{color:#9fc1d0;cursor:pointer;background:#082336;border:1px solid #3a87a959;min-height:30px;font-size:9px}.support-pagination button:disabled{opacity:.35;cursor:not-allowed}.support-pagination span{color:#718899;text-align:center;font-size:9px}@media (width<=1100px){.support-workspace{grid-template-columns:330px minmax(0,1fr)}.support-ticket-filters{grid-template-columns:1fr}.support-login form{grid-template-columns:1fr 1fr}.support-login button{grid-column:1/3}.support-message{width:88%}}@media (width<=820px){.support-main{width:min(100% - 26px,1520px)}.support-hero{padding:25px;display:grid}.support-session{min-width:0}.support-workspace{grid-template-columns:1fr}.support-column{grid-template-columns:1fr 1fr}.support-conversation{min-height:650px}.support-messages{height:430px}}@media (width<=620px){.support-hero{padding:21px}.support-hero h1{font-size:28px}.support-column{grid-template-columns:1fr}.support-login{padding:22px}.support-login form{grid-template-columns:1fr}.support-login button{grid-column:auto}.support-ticket-summary{display:grid}.support-ticket-summary>div:last-child{align-items:flex-start}.support-reply{grid-template-columns:1fr}.support-message{width:94%}.support-messages{padding:10px}.support-form-row{grid-template-columns:1fr}.support-session{grid-template-columns:auto 1fr;display:grid}.support-session button{grid-column:1/3}.support-ticket-filters{grid-template-columns:1fr}}.support-panel>header span{color:#70c9e8;letter-spacing:.12em;font-size:12px}.support-create label{color:#9aafbc;font-size:12px}.support-ticket-id{font-size:12px}.support-ticket-list strong{font-size:13px}.support-ticket-list small{color:#8198a7;font-size:12px}.support-conversation{min-height:620px}.support-message>header strong{font-size:12px}.support-message>header small{font-size:10px}.support-message time{color:#7f96a5;font-size:12px}.support-status{min-height:25px;font-size:10px!important}.support-pagination button,.support-pagination span{font-size:12px}@media (width<=820px){.support-conversation{min-height:560px}.support-conversation-empty{min-height:360px}}
