.sesverin-support-page { background: #f2f7fb; }
.sesverin-support-page .site-content { background: radial-gradient(circle at 50% 0,#fff,#edf5fb 75%); }
.svs-page.sv-container { width: min(1138px,calc(100% - 48px)); padding-bottom: 14px; color: #101d40; font-family: Inter,Arial,sans-serif; }
.svs-page * { box-sizing: border-box; }
.svs-page a { color: inherit; text-decoration: none; }
.svs-page button,.svs-page input,.svs-page textarea,.svs-page select { font-family: inherit; }
.svs-breadcrumb { height: 34px; display: flex; align-items: center; gap: 8px; color: #697c9a; font-size: 12px; }
.svs-breadcrumb a { display: flex; align-items: center; gap: 5px; }.svs-breadcrumb .sv-icon { width: 14px; height: 14px; color: #0874f7; }.svs-breadcrumb i { color: #9ca9bc; font-size: 15px; font-style: normal; }.svs-breadcrumb strong { color: #14213e; }
.svs-layout { display: grid; grid-template-columns: minmax(0,804px) 320px; align-items: start; gap: 14px; }
.svs-main { min-width: 0; }
.svs-hero { min-height: 177px; display: grid; grid-template-columns: minmax(0,1fr) 260px; overflow: hidden; border-radius: 7px; color: #fff; background: linear-gradient(115deg,#071758 0,#1058e7 58%,#4f83ff 100%); box-shadow: 0 8px 22px rgba(16,69,176,.14); }
.svs-hero-copy { position: relative; z-index: 2; padding: 18px 0 15px 32px; }.svs-hero h1 { margin: 0 0 4px; font-size: 30px; line-height: 1.15; letter-spacing: -1px; }.svs-hero-copy > p { margin: 0 0 12px; color: #e8efff; font-size: 14px; }.svs-hero form { width: 550px; max-width: calc(100% + 70px); height: 43px; display: grid; grid-template-columns: 40px minmax(0,1fr) 72px; align-items: center; overflow: hidden; border: 2px solid #2c8aff; border-radius: 7px; background: #fff; box-shadow: 0 6px 17px rgba(1,28,93,.24); }.svs-hero form > span { display: grid; place-items: center; color: #2c4c90; }.svs-hero form .sv-icon { width: 18px; height: 18px; }.svs-hero form input { min-width: 0; height: 100%; padding: 0 4px; border: 0; outline: 0; color: #152649; background: #fff; font-size: 12px; }.svs-hero form button { align-self: stretch; border: 0; color: #fff; background: #0874f7; cursor: pointer; font-size: 12px; font-weight: 650; }.svs-hero-copy > div { display: flex; align-items: center; gap: 6px; margin-top: 10px; color: #dce8ff; font-size: 10px; white-space: nowrap; }.svs-hero-copy > div button { height: 24px; padding: 0 10px; border: 1px solid rgba(255,255,255,.25); border-radius: 13px; color: #fff; background: rgba(255,255,255,.09); cursor: pointer; font-size: 9px; }
.svs-hero-art { position: relative; min-width: 0; overflow: hidden; }.svs-hero-art::after { position: absolute; inset: 0; background: linear-gradient(90deg,#1058e7 0,transparent 45%),linear-gradient(0deg,rgba(8,34,112,.45),transparent 60%); content: ''; }.svs-hero-art img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 25%; }.svs-hero-art span { position: absolute; z-index: 2; display: grid; place-items: center; border: 2px solid rgba(255,255,255,.72); color: #fff; box-shadow: 0 8px 15px rgba(13,44,116,.24); font-weight: 800; }.svs-hero-art .chat { top: 25px; left: 12px; width: 60px; height: 42px; border-radius: 12px; background: #557def; font-size: 21px; }.svs-hero-art .question { top: 49px; right: 20px; width: 48px; height: 48px; border-radius: 12px; background: #fff; color: #1767e5; font-size: 28px; transform: rotate(10deg); }.svs-hero-art .lines { right: 23px; bottom: 8px; width: 64px; height: 54px; border-radius: 8px; background: #eaf3ff; color: #1767e5; font-size: 29px; transform: rotate(9deg); }
.svs-categories { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 12px; margin-top: 12px; }
.svs-categories > a { min-width: 0; min-height: 176px; display: grid; grid-template-columns: minmax(0,1fr) 24px; grid-template-rows: 42px minmax(36px,auto) 1fr; gap: 10px 8px; padding: 16px; border: 1px solid #ceddf0; border-radius: 10px; background: #fff; box-shadow: 0 4px 14px rgba(29,62,103,.045); }
.svs-categories > a:hover { border-color: #8aafe0; box-shadow: 0 6px 18px rgba(29,62,103,.09); }
.svs-categories > a:focus-visible { outline: 2px solid #287be5; outline-offset: 3px; }
.svs-categories > a > span { grid-column: 1; grid-row: 1; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; }
.svs-categories > a > span .sv-icon { width: 24px; height: 24px; }
.svs-categories .tone-blue{color:#0874f7;background:#e5f1ff}.svs-categories .tone-green{color:#08a960;background:#e1f8eb}.svs-categories .tone-purple{color:#8b38e9;background:#f0e5ff}.svs-categories .tone-orange{color:#e98b0c;background:#fff1db}.svs-categories .tone-red{color:#ee3655;background:#ffe7ed}
.svs-categories h2 { grid-column: 1 / -1; grid-row: 2; margin: 0; font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; }
.svs-categories b { color: #0874f7; font-size: 10px; font-weight: 500; }
.svs-categories p { grid-column: 1 / -1; grid-row: 3; margin: 0; color: #60738e; font-size: 12px; line-height: 1.5; }
.svs-categories > a > .sv-icon { grid-column: 2; grid-row: 1; align-self: center; justify-self: end; width: 16px; height: 16px; margin: 0; color: #0874f7; }
.svs-panel,.svs-side-card { border: 1px solid #dfe8f2; border-radius: 7px; background: #fff; box-shadow: 0 5px 17px rgba(29,62,103,.035); }
.svs-panel { margin-top: 12px; overflow: hidden; }.svs-panel > header,.svs-side-card > header { min-height: 39px; display: flex; align-items: center; padding: 0 11px; border-bottom: 1px solid #e8eef5; }.svs-panel > header h2,.svs-side-card > header h2 { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 15px; }.svs-panel > header h2 .sv-icon,.svs-side-card > header h2 .sv-icon { width: 19px; height: 19px; color: #0874f7; }.svs-panel > header > a,.svs-side-card > header > a { display: flex; align-items: center; gap: 4px; margin-left: auto; color: #0874f7; font-size: 10px; }.svs-panel > header > a .sv-icon,.svs-side-card > header > a .sv-icon { width: 11px; height: 11px; }
.svs-popular > header h2 .sv-icon { color: #f2a514; fill: #f2a514; }.svs-popular ol { height: 218px; display: grid; grid-template: repeat(5,1fr) / repeat(2,1fr); grid-auto-flow: column; margin: 0; padding: 5px 10px 8px; list-style: none; }.svs-popular li { min-width: 0; display: grid; grid-template-columns: 25px minmax(0,1fr) 48px; align-items: center; gap: 8px; padding: 0 7px; border-bottom: 1px solid #edf1f5; }.svs-popular li:nth-child(-n+5) { border-right: 1px solid #edf1f5; }.svs-popular li:nth-child(5),.svs-popular li:nth-child(10) { border-bottom: 0; }.svs-popular li[hidden] { display: none; }.svs-popular li > b { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: #27477c; background: #eef3fa; font-size: 10px; }.svs-popular li > div { min-width: 0; }.svs-popular li a,.svs-popular li small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.svs-popular li a { font-size: 11px; font-weight: 700; }.svs-popular li small { margin-top: 2px; color: #71839f; font-size: 9px; }.svs-popular li > span { display: flex; align-items: center; gap: 4px; color: #6b7f9e; font-size: 9px; }.svs-popular li > span .sv-icon { width: 13px; height: 13px; }.svs-search-empty { margin: 0; padding: 24px; color: #71839f; text-align: center; font-size: 12px; }
.svs-guides > header h2 .sv-icon { fill: #0874f7; }.svs-guides > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding: 8px; }.svs-guides > div > a { min-width: 0; min-height: 97px; display: grid; grid-template-columns: 43px minmax(0,1fr); gap: 8px; padding: 10px; border-radius: 6px; background: linear-gradient(130deg,#f5f9ff,#eaf4ff); }.svs-guides > div > a.tone-purple{background:linear-gradient(130deg,#faf5ff,#f3e9ff)}.svs-guides > div > a.tone-green{background:linear-gradient(130deg,#f2fcf6,#e8f9ef)}.svs-guides > div > a.tone-orange{background:linear-gradient(130deg,#fffbf2,#fff1da)}.svs-guides > div > a > span { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 9px; color: #0874f7; background: #dcecff; }.svs-guides > div > a.tone-purple > span{color:#8b38e9;background:#ecdfff}.svs-guides > div > a.tone-green > span{color:#09a75f;background:#d9f5e5}.svs-guides > div > a.tone-orange > span{color:#e78d0c;background:#ffebc5}.svs-guides > div > a > span .sv-icon { width: 24px; height: 24px; }.svs-guides strong { display: block; font-size: 11px; line-height: 1.25; }.svs-guides p { margin: 4px 0 6px; color: #667999; font-size: 9px; line-height: 1.35; }.svs-guides small { display: flex; align-items: center; gap: 3px; color: #0874f7; font-size: 9px; }.svs-guides small .sv-icon { width: 11px; height: 11px; }
.svs-faq > div { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 12px; padding: 8px 10px 10px; }.svs-faq article { min-width: 0; border: 1px solid #dfe7f1; border-radius: 5px; background: #fff; }.svs-faq article > button { width: 100%; min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 0 11px; border: 0; color: #253961; background: transparent; cursor: pointer; font-size: 10px; text-align: left; }.svs-faq article > button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.svs-faq article > button[aria-expanded="true"] { color: #0874f7; font-weight: 650; }.svs-faq article p { margin: 0; padding: 0 11px 10px; color: #647895; font-size: 10px; line-height: 1.45; }
.svs-sidebar { display: grid; gap: 12px; }.svs-side-card { overflow: hidden; }.svs-status { padding-bottom: 10px; }.svs-status > header { border: 0; }.svs-status > header h2 .sv-icon { color: #0bb367; }.svs-status > header > small { margin-left: auto; color: #73849f; font-size: 8px; }.svs-all-good { display: grid; grid-template-columns: 23px minmax(0,1fr); gap: 7px; padding: 0 11px 8px; }.svs-all-good > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0bb367; }.svs-all-good > span .sv-icon { width: 13px; height: 13px; }.svs-all-good p { margin: 0; }.svs-all-good strong,.svs-all-good small { display: block; }.svs-all-good strong { color: #079453; font-size: 13px; }.svs-all-good small { margin-top: 2px; color: #71839e; font-size: 9px; }.svs-status ul { margin: 0; padding: 0 11px; list-style: none; }.svs-status li { min-height: 25px; display: grid; grid-template-columns: 16px minmax(0,1fr) auto; align-items: center; gap: 7px; border-bottom: 1px solid #edf1f5; font-size: 10px; }.svs-status li:last-child { border: 0; }.svs-status li > .sv-icon { width: 14px; height: 14px; color: #0bb367; fill: #0bb367; }.svs-status li b { padding: 3px 6px; border-radius: 4px; color: #079453; background: #e4f8ec; font-size: 8px; font-weight: 600; }
.svs-ticket > header { display: block; padding-top: 10px; border: 0; }.svs-ticket > header h2 .sv-icon { color: #0874f7; }.svs-ticket > header p { margin: 3px 0 0 26px; color: #6d7f9b; font-size: 9px; }.svs-ticket form { display: grid; gap: 8px; padding: 9px 11px 10px; }.svs-ticket label { display: grid; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 7px; color: #233863; font-size: 10px; }.svs-ticket label > span:first-child { display: flex; flex-direction: column; }.svs-ticket label > span small { color: #71839f; font-size: 8px; }.svs-ticket input,.svs-ticket select,.svs-ticket textarea { width: 100%; border: 1px solid #dce5f0; border-radius: 5px; outline: 0; color: #25395d; background: #fff; font-size: 10px; }.svs-ticket input,.svs-ticket select { height: 34px; padding: 0 10px; }.svs-ticket textarea { height: 73px; padding: 9px 10px; resize: vertical; }.svs-ticket input:focus,.svs-ticket select:focus,.svs-ticket textarea:focus { border-color: #0874f7; box-shadow: 0 0 0 2px rgba(8,116,247,.08); }.svs-file > span:last-child { height: 34px; display: flex; align-items: center; overflow: hidden; border: 1px solid #dce5f0; border-radius: 5px; }.svs-file input { position: absolute; width: 1px; height: 1px; opacity: 0; }.svs-file b { height: 100%; display: flex; align-items: center; padding: 0 10px; border-right: 1px solid #dce5f0; color: #294168; background: #f5f8fc; cursor: pointer; font-size: 9px; }.svs-file em { overflow: hidden; padding-left: 8px; color: #70819d; font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }.svs-ticket form > small { margin: -5px 0 0 79px; color: #7586a0; font-size: 8px; }.svs-ticket form > button { height: 35px; border: 0; border-radius: 5px; color: #fff; background: #0874f7; cursor: pointer; font-size: 11px; font-weight: 650; }
.svs-announcements ul { margin: 0; padding: 5px 11px 8px; list-style: none; }.svs-announcements li { min-height: 33px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 7px; border-bottom: 1px solid #edf1f5; }.svs-announcements li:last-child { border: 0; }.svs-announcements li i { width: 16px; height: 16px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 8px; font-style: normal; }.svs-announcements li i.red{background:#f13750}.svs-announcements li i.orange{color:#ef9411;background:transparent;font-size:15px}.svs-announcements li i.gold{background:#f2a514}.svs-announcements li span { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.svs-announcements time { color: #71839f; font-size: 8px; white-space: nowrap; }
.svs-team > div { padding: 3px 11px 8px; }.svs-team article { min-height: 51px; display: grid; grid-template-columns: 41px minmax(0,1fr) auto; align-items: center; gap: 8px; }.svs-team article img { width: 39px; height: 39px; border-radius: 50%; object-fit: cover; }.svs-team article p { min-width: 0; margin: 0; }.svs-team article strong,.svs-team article small { display: block; }.svs-team article strong { font-size: 10px; }.svs-team article strong i { width: 7px; height: 7px; display: inline-block; margin-left: 4px; border-radius: 50%; background: #0bb367; }.svs-team article small { margin-top: 2px; color: #72839e; font-size: 9px; }.svs-team article > a { height: 28px; display: flex; align-items: center; padding: 0 10px; border: 1px solid #dce5f0; border-radius: 5px; color: #0874f7; font-size: 9px; }
.svs-toast { position: fixed; z-index: 1000; right: 24px; bottom: 24px; max-width: 330px; padding: 12px 16px; border-radius: 7px; color: #fff; background: #11223f; box-shadow: 0 10px 30px rgba(13,30,58,.25); font-size: 12px; }
.sesverin-support-page .community-stats,.sesverin-support-page .site-footer,.sesverin-support-page .footer-bottom { font-size: 12px; }
@media (max-width: 920px) {
  .svs-layout { grid-template-columns: minmax(0,1fr) 280px; }.svs-categories { grid-template-columns: repeat(2,minmax(0,1fr)); }.svs-hero { grid-template-columns: minmax(0,1fr) 210px; }.svs-hero-copy { padding-left: 20px; }.svs-hero-copy > div { overflow-x: auto; }.svs-popular ol { height: auto; grid-template: none; grid-auto-flow: row; grid-template-columns: 1fr; }.svs-popular li { min-height: 43px; }.svs-popular li:nth-child(-n+5) { border-right: 0; }.svs-guides > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .svs-page.sv-container { width: calc(100% - 20px); }.svs-layout { display: block; }.svs-hero { min-height: 285px; display: block; }.svs-hero-copy { padding: 20px 16px 13px; }.svs-hero h1 { font-size: 27px; }.svs-hero-copy > p { font-size: 13px; }.svs-hero form { width: 100%; max-width: none; }.svs-hero-copy > div { padding-bottom: 3px; }.svs-hero-art { height: 100px; }.svs-hero-art img { object-position: center 30%; }.svs-categories { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.svs-categories > a { padding: 14px; }.svs-sidebar { margin-top: 13px; }.svs-faq > div { grid-template-columns: 1fr; }
}
@media (max-width: 440px) {
  .svs-hero-copy > div { display: none; }.svs-hero { min-height: 255px; }.svs-guides > div { grid-template-columns: 1fr; }.svs-popular li { grid-template-columns: 25px minmax(0,1fr); }.svs-popular li > span { display: none; }.svs-ticket label { grid-template-columns: 67px minmax(0,1fr); }
}
[data-theme="dark"] .sesverin-support-page .site-content,[data-theme="dark"].sesverin-support-page .site-content { background: #0e1728; }[data-theme="dark"] .svs-page,[data-theme="dark"].sesverin-support-page .svs-page { color: #e8effa; }[data-theme="dark"] .svs-categories > a,[data-theme="dark"] .svs-panel,[data-theme="dark"] .svs-side-card,[data-theme="dark"] .svs-faq article { border-color: #293a52; background: #172238; color: #e8effa; }

/* Keep help content comfortably readable at normal browser zoom. */
.svs-hero-copy > div { font-size: 11px; }
.svs-hero-copy > div button { font-size: 10px; }
.svs-categories h2 { font-size: 14px; }
.svs-categories b { font-size: 11px; }
.svs-categories p { font-size: 12px; }
.svs-panel > header > a,.svs-side-card > header > a { font-size: 11px; }
.svs-popular li a { font-size: 12px; }
.svs-popular li small,.svs-popular li > span { font-size: 10px; }
.svs-guides strong { font-size: 12px; }
.svs-guides p { font-size: 11px; }
.svs-guides small { font-size: 10px; }
.svs-faq article > button,.svs-faq article p { font-size: 11px; }
.svs-status > header > small { font-size: 10px; }
.svs-all-good small { font-size: 10px; }
.svs-status li { min-height: 27px; font-size: 11px; }
.svs-status li b { font-size: 10px; }
.svs-ticket > header p { font-size: 10px; }
.svs-ticket label { font-size: 11px; }
.svs-ticket label > span small,.svs-ticket form > small { font-size: 9px; }
.svs-ticket input,.svs-ticket select,.svs-ticket textarea { font-size: 11px; }
.svs-file b,.svs-file em { font-size: 10px; }
.svs-ticket form > button { font-size: 12px; }
.svs-announcements li span,.svs-announcements time { font-size: 10px; }
.svs-team article strong { font-size: 11px; }
.svs-team article small,.svs-team article > a { font-size: 10px; }
[data-theme='dark'] .svs-categories p { color: #adbed6; }
[data-theme='dark'] .svs-categories > a:hover { border-color: #547baa; background: #1d2e48; }