.sesverin-support-page { background: #f5fbff; }
.sesverin-support-page .site-content { background: radial-gradient(circle at 50% 15%, #fff 0, #f4fbff 50%, #eaf9fb 100%); }
.svc-page.sv-container { width: min(1474px, calc(100% - 62px)); padding-bottom: 20px; color: #07155f; font-family: Inter, Arial, sans-serif; }
.svc-page * { box-sizing: border-box; }
.svc-page a { color: inherit; text-decoration: none; }
.svc-page button,
.svc-page input,
.svc-page select,
.svc-page textarea { font: inherit; }
.svc-breadcrumb { height: 42px; display: flex; align-items: center; gap: 8px; color: #0644dd; font-size: 14px; }
.svc-breadcrumb a { display: inline-flex; align-items: center; gap: 7px; }
.svc-breadcrumb .sv-icon { width: 17px; height: 17px; }
.svc-breadcrumb i { font-size: 20px; font-style: normal; }
.svc-breadcrumb strong { color: #071585; }
.svc-layout { display: grid; grid-template-columns: 202px minmax(0, 1fr); align-items: start; gap: 14px; }
.svc-sidebar,
.svc-panel { border: 1px solid #dce8f3; border-radius: 8px; background: rgba(255, 255, 255, .94); box-shadow: 0 5px 18px rgba(26, 73, 126, .035); }
.svc-sidebar { overflow: hidden; }
.svc-sidebar h2 { height: 55px; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0 18px; border-bottom: 1px solid #e5edf5; font-size: 17px; }
.svc-sidebar h2 span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: #0874f7; }
.svc-sidebar h2 .sv-icon { width: 16px; height: 16px; }
.svc-sidebar nav { display: grid; padding: 5px 4px 9px; }
.svc-sidebar nav a { position: relative; height: 42px; display: flex; align-items: center; gap: 13px; padding: 0 16px; color: #092486; font-size: 13px; white-space: nowrap; }
.svc-sidebar nav a .sv-icon { width: 17px; height: 17px; flex: 0 0 auto; color: #064be9; }
.svc-sidebar nav a.active { border-radius: 5px; color: #062eb9; background: #e7f0ff; font-weight: 700; }
.svc-sidebar nav a.active::before { position: absolute; inset: 0 auto 0 -5px; width: 3px; border-radius: 3px; background: #075cf3; content: ''; }
.svc-main { min-width: 0; }
.svc-hero { position: relative; height: 166px; overflow: hidden; border: 1px solid #d8e8f5; border-radius: 8px; background: linear-gradient(110deg, #eefaff 0, #edf6ff 46%, #eaf6ff 100%); }
.svc-hero > img { position: absolute; inset: 0 0 0 auto; width: 744px; height: 166px; display: block; object-fit: cover; }
.svc-hero-copy { position: relative; z-index: 2; padding: 24px 18px; }
.svc-hero-copy > span { display: flex; align-items: center; gap: 7px; margin-bottom: 6px; color: #0654e9; font-size: 13px; font-weight: 700; }
.svc-hero-copy > span .sv-icon { width: 17px; height: 17px; }
.svc-hero h1 { margin: 0 0 4px; color: #071379; font-size: 38px; line-height: 1; letter-spacing: -1.5px; }
.svc-hero p { margin: 0; color: #173586; font-size: 14px; line-height: 1.45; }
.svc-content-grid { display: grid; grid-template-columns: minmax(420px, 1.55fr) minmax(270px, .94fr) minmax(290px, 1fr); gap: 8px; margin-top: 8px; align-items: start; }
.svc-panel { overflow: hidden; }
.svc-form-panel,
.svc-options { min-height: 568px; }
.svc-form-panel > header { min-height: 67px; display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px 18px; }
.svc-form-panel > header > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(145deg, #177bf9, #064cdb); box-shadow: 0 5px 13px rgba(4, 82, 221, .22); }
.svc-form-panel > header > span .sv-icon { width: 23px; height: 23px; }
.svc-form-panel h2,
.svc-options h2,
.svc-side-stack h2 { margin: 0; color: #071782; font-size: 18px; line-height: 1.15; }
.svc-form-panel header p,
.svc-options header p { margin: 3px 0 0; color: #40599b; font-size: 12px; }
.svc-form-panel form { display: grid; gap: 10px; padding: 4px 18px 12px; }
.svc-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.svc-form-panel label { min-width: 0; display: grid; gap: 6px; color: #08145f; font-size: 12px; }
.svc-form-panel label > b { font-weight: 700; }
.svc-form-panel label > span:not(.svc-message-field):not([data-svc-drop]) { height: 36px; display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; overflow: hidden; border: 1px solid #cadbf0; border-radius: 6px; background: #fff; }
.svc-form-panel label > span > .sv-icon { width: 16px; height: 16px; justify-self: center; color: #3462d7; }
.svc-form-panel input,
.svc-form-panel select,
.svc-form-panel textarea { min-width: 0; border: 1px solid #cadbf0; outline: 0; color: #152b72; background: #fff; font-size: 12px; }
.svc-form-panel span input { width: 100%; height: 100%; padding: 0 10px 0 0; border: 0; }
.svc-form-panel select { width: 100%; height: 36px; padding: 0 13px; border-radius: 6px; }
.svc-form-panel input:focus,
.svc-form-panel select:focus,
.svc-form-panel textarea:focus { border-color: #0b67ee; box-shadow: 0 0 0 2px rgba(11, 103, 238, .08); }
.svc-message-field { position: relative; height: 106px; display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: start; overflow: hidden; border: 1px solid #cadbf0; border-radius: 6px; background: #fff; }
.svc-message-field > .sv-icon { margin-top: 12px; }
.svc-message-field textarea { width: 100%; height: 82px; padding: 10px 10px 4px 0; border: 0; resize: none; }
.svc-message-field small { position: absolute; right: 7px; bottom: 5px; color: #4964a7; font-size: 10px; }
.svc-message-field small em { font-style: normal; }
.svc-upload > b small { color: #314d99; font-weight: 400; }
.svc-upload > span[data-svc-drop] { position: relative; height: 65px; display: grid; grid-template-columns: 35px max-content minmax(0, 1fr); grid-template-rows: 30px 18px; align-content: center; justify-content: center; border: 1px dashed #abc5ec; border-radius: 6px; color: #113dc3; background: #fbfdff; cursor: pointer; }
.svc-upload [data-svc-drop] > .sv-icon { grid-row: 1 / 3; align-self: center; width: 22px; height: 22px; }
.svc-upload [data-svc-drop] input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.svc-upload [data-svc-drop] strong { align-self: end; font-size: 11px; }
.svc-upload [data-svc-drop] strong em { color: #405899; font-style: normal; font-weight: 400; }
.svc-upload [data-svc-drop] small { grid-column: 2 / 4; color: #536aa4; font-size: 9px; }
.svc-upload [data-svc-drop].is-dragging { border-color: #075cf3; background: #eff6ff; }
.svc-honeypot { position: absolute; left: -9999px; }
.svc-form-message { margin: 0; padding: 8px 10px; border-radius: 5px; color: #06733e; background: #e5f9ee; font-size: 11px; }
.svc-form-message.is-error { color: #b51e34; background: #ffebef; }
.svc-form-panel form > button { height: 36px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 5px; color: #fff; background: linear-gradient(100deg, #3186f7, #0759f4); cursor: pointer; box-shadow: 0 5px 12px rgba(7, 89, 244, .14); font-size: 12px; }
.svc-form-panel form > button .sv-icon { width: 16px; height: 16px; }
.svc-form-panel form > button:disabled { cursor: wait; opacity: .65; }
.svc-options > header { min-height: 67px; padding: 14px 13px 8px; }
.svc-options > div { display: grid; gap: 13px; padding: 8px 13px 14px; }
.svc-options a { min-height: 81px; display: grid; grid-template-columns: 43px minmax(0, 1fr) 14px; align-items: center; gap: 11px; padding: 9px 13px; border: 1px solid #b9d9fb; border-radius: 7px; background: linear-gradient(110deg, #eef7ff, #f8fcff); }
.svc-options a > span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(145deg, #38a1ff, #1773ee); }
.svc-options a > span .sv-icon { width: 24px; height: 24px; }
.svc-options a > p { min-width: 0; margin: 0; }
.svc-options a strong,
.svc-options a b,
.svc-options a small { display: block; }
.svc-options a strong { font-size: 13px; }
.svc-options a b { margin-top: 1px; color: #075cf3; font-size: 12px; }
.svc-options a small { margin-top: 4px; overflow: hidden; color: #49619c; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.svc-options a > .sv-icon { width: 15px; height: 15px; color: #075cf3; }
.svc-options a.tone-green { border-color: #c9eddb; background: linear-gradient(110deg, #eafaf1, #f7fdf9); }
.svc-options a.tone-green > span { background: linear-gradient(145deg, #18d37f, #00a45a); }
.svc-options a.tone-green b,
.svc-options a.tone-green > .sv-icon { color: #009f59; }
.svc-options a.tone-purple { border-color: #e3d4f8; background: linear-gradient(110deg, #f7efff, #fcf9ff); }
.svc-options a.tone-purple > span { background: linear-gradient(145deg, #a64cf1, #7923e4); }
.svc-options a.tone-purple b,
.svc-options a.tone-purple > .sv-icon { color: #7b23e5; }
.svc-options a.tone-orange { border-color: #f4dfbf; background: linear-gradient(110deg, #fff6e9, #fffcf7); }
.svc-options a.tone-orange > span { background: linear-gradient(145deg, #ffae34, #f28100); }
.svc-options a.tone-orange b,
.svc-options a.tone-orange > .sv-icon { color: #ea8200; }
.svc-options a.tone-red { border-color: #f4d6dc; background: linear-gradient(110deg, #fff0f3, #fff9fa); }
.svc-options a.tone-red > span { background: linear-gradient(145deg, #ff5164, #ef1f38); }
.svc-options a.tone-red b,
.svc-options a.tone-red > .sv-icon { color: #ef253d; }
.svc-side-stack { display: grid; gap: 8px; }
.svc-side-stack section > header { min-height: 51px; display: flex; align-items: center; padding: 0 13px; }
.svc-side-stack section > header h2 { display: flex; align-items: center; gap: 9px; font-size: 15px; }
.svc-side-stack section > header h2 .sv-icon { width: 21px; height: 21px; color: #075cf3; }
.svc-faq header a { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #0754e4; font-size: 10px; }
.svc-faq header a .sv-icon { width: 12px; height: 12px; }
.svc-faq > div { padding: 0 13px 10px; }
.svc-faq article { border-bottom: 1px solid #edf2f7; }
.svc-faq article:last-child { border: 0; }
.svc-faq article button { width: 100%; min-height: 33px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0; border: 0; color: #0a267e; background: none; cursor: pointer; text-align: left; font-size: 10px; }
.svc-faq article button span { display: flex; align-items: center; gap: 8px; }
.svc-faq article button span .sv-icon { width: 11px; height: 11px; color: #075cf3; }
.svc-faq article button > .sv-icon { width: 13px; height: 13px; color: #075cf3; }
.svc-faq article button[aria-expanded="true"] > .sv-icon { transform: rotate(90deg); }
.svc-faq article p { margin: -1px 0 9px 19px; color: #4b6198; font-size: 10px; line-height: 1.45; }
.svc-hours dl { margin: 0; padding: 0 13px 8px; }
.svc-hours dl > div { min-height: 34px; display: flex; align-items: center; border-bottom: 1px solid #edf2f7; }
.svc-hours dt { display: flex; align-items: center; gap: 12px; color: #112873; font-size: 11px; }
.svc-hours dt .sv-icon { width: 16px; height: 16px; color: #075cf3; }
.svc-hours dd { margin-left: auto; color: #0b2180; font-size: 11px; }
.svc-hours mark { padding: 4px 8px; border-radius: 11px; color: #008b50; background: #cff5e1; }
.svc-hours > p { display: flex; align-items: center; gap: 10px; margin: 0 13px 12px; padding: 10px 12px; border-radius: 6px; color: #1350ce; background: #eaf4ff; font-size: 9px; line-height: 1.45; }
.svc-hours > p .sv-icon { width: 20px; height: 20px; flex: 0 0 auto; fill: #075cf3; }
.svc-address > div { min-height: 108px; display: grid; grid-template-columns: 27px minmax(0, 1fr) 84px; align-items: center; gap: 10px; padding: 3px 14px 12px; }
.svc-address > div > span { color: #dce7f5; }
.svc-address > div > span .sv-icon { width: 26px; height: 26px; }
.svc-address p { margin: 0; }
.svc-address p strong,
.svc-address p b,
.svc-address p small { display: block; }
.svc-address p strong { font-size: 12px; }
.svc-address p b { margin-top: 5px; color: #48609c; font-size: 10px; font-weight: 500; }
.svc-address p small { margin-top: 4px; color: #546aa3; font-size: 9px; }
.svc-address > div > i { height: 66px; display: grid; place-items: center; border-radius: 8px; color: #ff3046; background: linear-gradient(145deg, #f5faff, #e6f1fb); }
.svc-address > div > i .sv-icon { width: 45px; height: 45px; fill: #ff3046; }
.sesverin-support-page .community-stats,
.sesverin-support-page .site-footer,
.sesverin-support-page .footer-bottom { font-size: 12px; }

@media (max-width: 1180px) {
  .svc-page.sv-container { width: calc(100% - 32px); }
  .svc-layout { grid-template-columns: 190px minmax(0, 1fr); }
  .svc-content-grid { grid-template-columns: minmax(390px, 1.45fr) minmax(260px, 1fr); }
  .svc-side-stack { grid-column: 1 / -1; grid-template-columns: 1.2fr 1fr 1fr; }
  .svc-hero > img { right: -100px; }
}

@media (max-width: 820px) {
  .svc-page.sv-container { width: calc(100% - 20px); }
  .svc-layout { display: block; }
  .svc-sidebar { margin-bottom: 10px; }
  .svc-sidebar nav { grid-template-columns: 1fr 1fr; }
  .svc-sidebar nav a.active::before { left: -4px; }
  .svc-hero-copy { padding: 22px 18px; }
  .svc-hero > img { right: -240px; opacity: .48; }
  .svc-content-grid { grid-template-columns: 1fr; }
  .svc-form-panel,
  .svc-options { min-height: 0; }
  .svc-side-stack { grid-column: auto; grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .svc-breadcrumb { height: 38px; overflow: hidden; font-size: 11px; white-space: nowrap; }
  .svc-sidebar h2 { height: 48px; font-size: 15px; }
  .svc-sidebar nav { grid-template-columns: 1fr; }
  .svc-sidebar nav a { height: 38px; font-size: 12px; }
  .svc-hero { height: 175px; }
  .svc-hero > img { right: -390px; height: 175px; opacity: .24; }
  .svc-hero h1 { font-size: 33px; }
  .svc-hero p { max-width: 330px; font-size: 12px; }
  .svc-field-row { grid-template-columns: 1fr; }
  .svc-form-panel form { padding-inline: 12px; }
  .svc-form-panel > header { padding-inline: 12px; }
  .svc-options > div { gap: 8px; }
  .svc-upload > span[data-svc-drop] { grid-template-columns: 31px minmax(0, 1fr); padding-inline: 10px; }
  .svc-upload [data-svc-drop] strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

[data-theme="dark"] .sesverin-support-page .site-content,
[data-theme="dark"].sesverin-support-page .site-content { background: #0e1728; }
[data-theme="dark"] .svc-page,
[data-theme="dark"].sesverin-support-page .svc-page { color: #eef4ff; }
[data-theme="dark"] .svc-sidebar,
[data-theme="dark"] .svc-panel { border-color: #2b3d58; background: #17243a; }