:root{--sv-ink:#122039;--sv-muted:#667085;--sv-line:#e5eaf2;--sv-card:#fff;--sv-bg:#f4f7fc;--sv-blue:#2864ee;--sv-violet:#6d3df5;--sv-green:#12a66a;--sv-red:#d83b4b}
.sv-support-page{width:min(1120px,calc(100% - 32px));margin:28px auto 110px;color:var(--sv-ink)}
.sv-support-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border-radius:28px;background:linear-gradient(125deg,#123a60,#385ce9 58%,#7545ef);color:white;box-shadow:0 22px 55px #294ba82c}.sv-support-hero.compact{justify-content:flex-start}.sv-support-hero h1{margin:3px 0 5px;font-size:clamp(28px,4vw,42px)}.sv-support-hero p{margin:0;opacity:.86}.sv-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.sv-primary,.sv-secondary,.sv-ticket-search button,.sv-admin-helpdesk button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:13px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none}.sv-primary{background:linear-gradient(135deg,#245ff0,#6e3df5);color:white;box-shadow:0 9px 22px #4c4fe536}.sv-support-hero .sv-primary{background:white;color:#3154dd}.sv-secondary{background:#e8edff;color:#294fc9}.sv-back{color:inherit;text-decoration:none;font-weight:800}
.sv-alert{margin:14px 0;padding:13px 16px;border-radius:13px}.sv-alert.success{background:#e9faf2;color:#086c43}.sv-alert.error{background:#fff0f1;color:#aa2334}.sv-support-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.sv-support-stats a{display:flex;flex-direction:column;padding:16px;border:1px solid var(--sv-line);border-radius:17px;background:white;color:var(--sv-ink);text-decoration:none}.sv-support-stats a.active{border-color:#4b55e8;box-shadow:0 0 0 3px #4b55e81a}.sv-support-stats strong{font-size:25px}.sv-support-stats span{font-size:12px;color:var(--sv-muted)}
.sv-ticket-search,.sv-admin-search{display:flex;gap:8px;margin:16px 0}.sv-ticket-search input,.sv-admin-search input{flex:1;min-width:0;border:1px solid var(--sv-line);border-radius:14px;padding:13px 16px;background:white}.sv-ticket-search button,.sv-admin-search button{background:#152949;color:white}.sv-ticket-list{background:white;border:1px solid var(--sv-line);border-radius:22px;overflow:hidden}.sv-ticket-row{display:flex;align-items:center;gap:14px;padding:17px 19px;border-bottom:1px solid var(--sv-line);text-decoration:none;color:var(--sv-ink);transition:.18s}.sv-ticket-row:hover{background:#f8faff}.sv-ticket-row:last-child{border:0}.sv-ticket-avatar{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:15px;background:linear-gradient(145deg,#2772e9,#6e3ff2);color:white;font-weight:900}.sv-ticket-copy{display:flex;min-width:0;flex:1;flex-direction:column}.sv-ticket-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-ticket-copy small,.sv-ticket-meta time{color:var(--sv-muted);font-size:12px}.sv-ticket-meta{display:flex;align-items:flex-end;gap:5px;flex-direction:column}.sv-status,.sv-priority{display:inline-flex;border-radius:99px;padding:5px 9px;background:#eef2f7;color:#344054;font-style:normal;font-size:11px;font-weight:800;text-transform:capitalize}.sv-status.is-open,.sv-status.is-assigned,.sv-status.is-in_progress{background:#e8efff;color:#184bbd}.sv-status.is-resolved,.sv-status.is-closed{background:#e6f8ef;color:#087149}.sv-status.is-escalated,.sv-status.is-rejected,.sv-status.is-spam{background:#ffeaec;color:#b32235}.sv-priority.is-critical{background:#ffe3e7;color:#bd1932}.sv-priority.is-high{background:#fff1d7;color:#a45c00}.sv-empty{display:grid;place-items:center;text-align:center;padding:70px 20px;color:var(--sv-muted)}.sv-empty span{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:#edf1ff;color:#405bd8;font-size:30px}.sv-empty h2{margin:15px 0 3px;color:var(--sv-ink)}.sv-empty.small{padding:30px}
.sv-create-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;margin-top:20px}.sv-ticket-form,.sv-kb-suggestions{background:white;border:1px solid var(--sv-line);border-radius:22px;padding:22px}.sv-ticket-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.sv-ticket-form label,.sv-agent-inspector label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800}.sv-ticket-form .wide{grid-column:1/-1}.sv-ticket-form input,.sv-ticket-form select,.sv-ticket-form textarea,.sv-agent-inspector input,.sv-agent-inspector select,.sv-agent-inspector textarea,.sv-agent-composer textarea{width:100%;box-sizing:border-box;border:1px solid #dbe2ed;border-radius:13px;padding:12px 13px;font:inherit;outline:none;background:#fbfcff}.sv-ticket-form input:focus,.sv-ticket-form select:focus,.sv-ticket-form textarea:focus{border-color:#4f5ce6;box-shadow:0 0 0 3px #4f5ce619}.sv-ticket-form label>small{font-weight:500;color:var(--sv-muted)}.sv-field-error{color:var(--sv-red)!important}.sv-upload-zone{border:1.5px dashed #aab7d0;border-radius:17px;padding:14px}.sv-upload-trigger{align-items:center!important;text-align:center;cursor:pointer}.sv-upload-trigger span{font-weight:500;color:var(--sv-muted)}.sv-preview-tray{display:flex;gap:9px;overflow:auto;margin-top:10px}.sv-file-preview{display:flex;align-items:center;gap:9px;min-width:210px;max-width:280px;padding:9px;border-radius:12px;background:#f1f4fa}.sv-file-preview img,.sv-file-preview video,.sv-file-icon{width:48px;height:48px;object-fit:cover;border-radius:9px;display:grid;place-items:center;background:#dfe7f7}.sv-file-preview div{min-width:0}.sv-file-preview b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.sv-file-preview small{color:var(--sv-muted)}.sv-consent{flex-direction:row!important;align-items:flex-start}.sv-consent input{width:auto}.sv-submit-row{display:flex;align-items:center;justify-content:flex-end;gap:16px}.sv-kb-suggestions article{padding:13px 0;border-bottom:1px solid var(--sv-line)}.sv-kb-suggestions p{color:var(--sv-muted);font-size:13px}
.sv-ticket-room{position:relative;display:flex;flex-direction:column;height:calc(100dvh - 92px);max-width:1180px;margin:0 auto;background:#f4f1ec;color:var(--sv-ink);overflow:hidden}.sv-ticket-header{display:flex;align-items:center;gap:13px;padding:13px 18px;background:white;border-bottom:1px solid var(--sv-line);z-index:3}.sv-ticket-header div{min-width:0;flex:1}.sv-ticket-header h1{margin:0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-ticket-header p{margin:2px 0 0;color:var(--sv-muted);font-size:12px}.sv-icon-button{border:0;background:#eef2f8;border-radius:50%;width:38px;height:38px}.sv-ticket-shell{position:relative;display:flex;min-height:0;flex:1}.sv-conversation,.sv-agent-messages{flex:1;overflow-y:auto;padding:24px max(18px,8%);scroll-behavior:smooth;background-image:radial-gradient(#8d8d8d10 1px,transparent 1px);background-size:18px 18px}.sv-conversation-day,.sv-status-event{width:max-content;max-width:90%;margin:8px auto;padding:6px 10px;border-radius:9px;background:#fff9;color:#536175;font-size:11px;box-shadow:0 1px 3px #0001}.sv-support-bubble{position:relative;width:fit-content;max-width:min(74%,680px);margin:9px 0;padding:10px 12px 19px;border-radius:5px 17px 17px 17px;background:white;box-shadow:0 2px 6px #1f2c3b12}.sv-support-bubble.mine{margin-left:auto;border-radius:17px 5px 17px 17px;background:#dff8d3}.sv-support-bubble small{font-size:11px;font-weight:800;color:#3363ce}.sv-support-bubble p{margin:5px 0;white-space:normal;overflow-wrap:anywhere}.sv-support-bubble time{position:absolute;right:9px;bottom:5px;color:#6e7887;font-size:10px}.sv-message-files{display:grid;gap:5px}.sv-message-files a{display:flex;align-items:center;gap:8px;min-width:230px;padding:8px;border-radius:11px;background:#ffffff9c;color:inherit;text-decoration:none}.sv-message-files a b{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis}.sv-message-files a small{color:var(--sv-muted)}.sv-ticket-details{width:330px;overflow-y:auto;padding:19px;background:white;border-left:1px solid var(--sv-line)}.sv-ticket-details>button{float:right;border:0;background:none;font-size:24px}.sv-ticket-details dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}.sv-ticket-details dt{color:var(--sv-muted)}.sv-ticket-details dd{margin:0;text-align:right;font-weight:700}.sv-ticket-details form{display:grid;gap:8px;margin-top:20px}.sv-support-composer{position:relative;display:flex;align-items:flex-end;gap:8px;padding:10px max(14px,3%);background:#f4f1ec;border-top:1px solid #ded8d1}.sv-support-composer textarea{min-height:46px;max-height:112px;flex:1;resize:none;border:0;border-radius:22px;padding:13px 16px;font:inherit;outline:none}.sv-attach-button,.sv-send-button{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:0;border-radius:50%;background:white;cursor:pointer;font-size:23px}.sv-send-button{background:#2f60e9;color:white}.sv-support-composer .sv-preview-tray{position:absolute;left:60px;right:60px;bottom:68px;background:white;border-radius:14px;padding:8px;box-shadow:0 8px 22px #0002}
.sv-admin-helpdesk{display:grid;grid-template-columns:330px minmax(430px,1fr) 330px;height:calc(100dvh - 120px);min-height:650px;margin:-10px;border:1px solid var(--sv-line);border-radius:18px;background:white;overflow:hidden;color:var(--sv-ink)}.sv-helpdesk-queue,.sv-agent-inspector{min-height:0;overflow:auto}.sv-helpdesk-queue{border-right:1px solid var(--sv-line)}.sv-helpdesk-queue>header,.sv-agent-ticket-header{display:flex;align-items:center;justify-content:space-between;padding:15px}.sv-helpdesk-queue h1{margin:0}.sv-helpdesk-queue button{padding:8px}.sv-admin-search{padding:0 12px}.sv-queue-filters{display:grid;grid-template-columns:1fr 1fr;padding:7px 12px;gap:5px}.sv-queue-filters a{display:flex;justify-content:space-between;padding:8px;border-radius:9px;color:var(--sv-muted);font-size:12px;text-decoration:none;text-transform:capitalize}.sv-queue-filters a.active{background:#e9efff;color:#244bc7}.sv-admin-ticket-list a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border-top:1px solid var(--sv-line);color:inherit;text-decoration:none}.sv-admin-ticket-list a.active{background:#eef3ff}.sv-admin-ticket-list a>span:nth-child(2){min-width:0}.sv-admin-ticket-list b,.sv-admin-ticket-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-admin-ticket-list small{color:var(--sv-muted);font-size:11px}.sv-agent-workspace{display:flex;min-width:0;min-height:0;flex-direction:column;background:#f6f8fc}.sv-agent-ticket-header{background:white;border-bottom:1px solid var(--sv-line)}.sv-agent-ticket-header p,.sv-agent-ticket-header h2{margin:0}.sv-agent-messages{min-height:0;padding:20px 6%}.sv-agent-tabs{display:flex;background:white;border-top:1px solid var(--sv-line)}.sv-agent-tabs button{border-radius:0;background:white;color:var(--sv-muted)}.sv-agent-tabs button.active{color:#2e58db;box-shadow:inset 0 -2px #2e58db}.sv-agent-composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:white}.sv-agent-composer textarea{grid-column:1/-1;min-height:70px}.sv-agent-inspector{padding:14px;border-left:1px solid var(--sv-line)}.sv-agent-inspector section{padding:14px 0;border-bottom:1px solid var(--sv-line)}.sv-agent-inspector h3{margin:0 0 10px}.sv-agent-inspector form{display:grid;gap:7px}.sv-agent-inspector button{background:#e9efff;color:#2348bc}.sv-agent-inspector dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.sv-agent-inspector dd{text-align:right;margin:0}.sv-internal-note{padding:9px;border-radius:9px;background:#fff5cd;font-size:12px}.sv-timeline-item{display:flex;justify-content:space-between;font-size:12px;text-transform:capitalize}.sv-timeline-item small{color:var(--sv-muted)}.sv-support-settings{width:min(900px,calc(100% - 28px));max-height:85dvh;border:0;border-radius:22px;padding:22px}.sv-support-settings::backdrop{background:#10182899}.sv-dialog-close{float:right;border:0!important;background:none!important;font-size:26px}.sv-setting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.sv-setting-grid form,.sv-setting-grid section{display:grid;gap:8px;padding:14px;border:1px solid var(--sv-line);border-radius:14px}.sv-setting-grid input,.sv-setting-grid select,.sv-setting-grid textarea{padding:10px;border:1px solid var(--sv-line);border-radius:9px}
@media(max-width:1100px){.sv-admin-helpdesk{grid-template-columns:290px minmax(390px,1fr)}.sv-agent-inspector{display:none}.sv-ticket-details{position:absolute;inset:0 0 0 auto;z-index:5;transform:translateX(102%);box-shadow:-15px 0 35px #0002;transition:.2s}.sv-ticket-details.open{transform:none}}
@media(max-width:768px){.sv-support-page{width:100%;margin:0 0 90px}.sv-support-hero{border-radius:0;padding:22px 18px;align-items:flex-start}.sv-support-hero .sv-primary{white-space:nowrap;padding:10px}.sv-support-stats{display:flex;overflow:auto;padding:0 14px;margin:14px 0}.sv-support-stats a{min-width:105px}.sv-ticket-search{padding:0 14px}.sv-ticket-list{border-radius:0;border-left:0;border-right:0}.sv-ticket-row{padding:14px}.sv-ticket-meta time{display:none}.sv-create-grid{display:block;margin:0}.sv-ticket-form,.sv-kb-suggestions{border-radius:0;border-width:0 0 1px;padding:17px}.sv-ticket-form{grid-template-columns:1fr}.sv-ticket-form .wide{grid-column:auto}.sv-kb-suggestions{margin-top:12px}.sv-ticket-room{height:calc(100dvh - env(safe-area-inset-bottom));margin:0}.sv-ticket-header{padding-top:max(12px,env(safe-area-inset-top))}.sv-ticket-header .sv-status{display:none}.sv-conversation{padding:18px 10px}.sv-support-bubble{max-width:88%}.sv-ticket-details{width:min(90%,360px);box-sizing:border-box}.sv-support-composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.sv-admin-helpdesk{display:block;height:auto;min-height:0;margin:-10px;border-radius:0}.sv-helpdesk-queue{height:calc(100dvh - 95px)}.sv-agent-workspace{display:none}.sv-admin-ticket-list a.active{background:#eef3ff}.sv-setting-grid{grid-template-columns:1fr}.sv-support-settings{box-sizing:border-box}.sv-new-ticket .sv-support-hero p{display:none}}
.sv-kb-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sv-kb-list>a,.sv-kb-article{display:block;padding:22px;border:1px solid var(--sv-line);border-radius:20px;background:white;color:var(--sv-ink);text-decoration:none}.sv-kb-list h2{margin:0 0 8px}.sv-kb-list p,.sv-kb-list small,.sv-kb-summary{color:var(--sv-muted)}.sv-kb-article{max-width:820px;margin:22px auto}.sv-kb-article h1{font-size:36px}.sv-kb-body{line-height:1.75}.sv-kb-article footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--sv-line)}.sv-kb-article footer form{display:flex;gap:6px}.sv-kb-article footer button{padding:9px 12px;border:1px solid var(--sv-line);border-radius:10px;background:white}@media(max-width:768px){.sv-kb-list{grid-template-columns:1fr;padding:14px}.sv-kb-article{margin:0;border-radius:0;border-width:0}.sv-kb-article h1{font-size:28px}}
.sv-file-preview>button{margin-left:auto;border:0;border-radius:50%;width:25px;height:25px;background:#fff;color:#a22;cursor:pointer}.sv-upload-progress{position:relative;display:flex;align-items:center;gap:9px;min-height:36px;padding:7px 10px;border-radius:11px;background:#edf2ff;overflow:hidden}.sv-upload-progress[hidden]{display:none}.sv-upload-progress>span{position:absolute;inset:0 auto 0 0;width:var(--progress,0);background:#4568e522;transition:width .15s}.sv-upload-progress>*:not(span){position:relative}.sv-upload-progress button{margin-left:auto;border:0;background:transparent;color:#244fc7;font-weight:700}.sv-voice-button{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:0;border-radius:50%;background:#fff;color:#d83b4b}.sv-voice-recorder{position:absolute;inset:auto 14px 68px;display:flex;align-items:center;gap:9px;padding:12px;border-radius:15px;background:white;box-shadow:0 8px 25px #0002}.sv-voice-recorder[hidden]{display:none}.sv-voice-recorder span{flex:1;color:#d83b4b}.sv-voice-recorder button{border:0;border-radius:9px;padding:8px;background:#edf2ff;color:#244fc7}.sv-support-composer>.sv-upload-progress{position:absolute;left:14px;right:14px;bottom:68px;z-index:3}