/* A more considered settings workspace: clear navigation, calm surfaces, and usable controls. */
html body.sg7.is-mail .sg7-settings-new {
  max-width: none;
  padding-top: clamp(22px, 3vw, 38px);
  background: transparent !important;
}

html body.sg7.is-mail .sg7-settings-new .sg7-page-head,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-body {
  width: min(1180px, 100%);
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

html body.sg7.is-mail .sg7-settings-new .sg7-page-head {
  align-items: center;
  margin-bottom: 22px;
}

html body.sg7.is-mail .sg7-settings-new .sg7-page-head > div > p {
  margin-bottom: 8px;
  font-size: 10px;
  letter-spacing: .17em;
}

html body.sg7.is-mail .sg7-settings-new .sg7-page-head h1 {
  margin: 0;
  font-size: clamp(29px, 3vw, 37px);
  line-height: 1.12;
  letter-spacing: -.045em;
}

html body.sg7.is-mail .sg7-settings-new .sg7-page-head > div > span {
  max-width: 650px;
  margin-top: 9px;
  font-size: 13px;
  line-height: 1.65;
}

html body.sg7.is-mail .sg7-settings-new .sg7-page-head .sg7-outline {
  min-height: 42px;
  padding: 0 15px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs {
  position: static !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  overflow: visible;
  margin-bottom: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs a {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 72px;
  flex: initial;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid #e1e8f1;
  border-radius: 15px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 3px 10px rgba(28,57,94,.035);
  color: #29415f;
  text-align: left;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs a:hover {
  transform: translateY(-2px);
  border-color: #c7d9f2;
  background: #fff;
  box-shadow: 0 9px 20px rgba(35,80,137,.08);
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs a.active {
  border-color: #a9c9f5;
  background: linear-gradient(125deg, #f1f7ff, #fff 78%);
  box-shadow: inset 3px 0 #2476e5, 0 6px 16px rgba(36,106,196,.075);
  color: #145fbd;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tab-icon {
  display: grid;
  width: 40px;
  height: 40px;
  flex: none;
  place-items: center;
  border: 1px solid #e1ebf8;
  border-radius: 12px;
  background: #f3f7fd;
  color: #3a76c5;
  transition: background .18s ease, color .18s ease;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs a.active .sg7-settings-tab-icon {
  border-color: #d6e6fb;
  background: #e4efff;
  color: #1768d0;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tab-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tab-copy b {
  overflow: hidden;
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-tab-copy small {
  max-width: none;
  overflow: hidden;
  color: #798aa1;
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-body {
  margin-bottom: 42px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid #e1e8f1 !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 14px 38px rgba(28,57,94,.07) !important;
  backdrop-filter: blur(12px);
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-title {
  margin-bottom: 22px;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-title h2 {
  margin: 0 0 7px;
  color: #142b4a;
  font-size: clamp(21px, 2vw, 25px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.25;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-title p {
  margin: 0;
  color: #72839a;
  font-size: 13px;
  line-height: 1.65;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-kicker {
  display: inline-flex;
  margin-bottom: 9px;
  color: #2874d1;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-card {
  margin: 0 0 16px;
  padding: 20px 22px;
  border: 1px solid #e4eaf2;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(29,60,97,.035);
}

html body.sg7.is-mail .sg7-settings-new .sg7-setting-row {
  grid-template-columns: minmax(200px, 31%) minmax(0, 1fr);
  gap: 30px;
  padding: 21px 2px;
  border-bottom: 1px solid #edf1f6;
}

html body.sg7.is-mail .sg7-settings-new .sg7-setting-row:last-of-type {
  border-bottom: 0;
}

html body.sg7.is-mail .sg7-settings-new .sg7-setting-row h3,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-card > h3 {
  margin: 0 0 6px;
  color: #1c3555;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}

html body.sg7.is-mail .sg7-settings-new .sg7-setting-row p,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-card p {
  margin: 0 0 8px;
  color: #77879b;
  font-size: 12px;
  line-height: 1.65;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-input,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-select,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 14px;
  border: 1px solid #d8e2ee;
  border-radius: 11px;
  background: #fbfcfe;
  color: #243a57;
  font-size: 13px;
  box-shadow: 0 1px 2px rgba(26,49,78,.025);
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-input:hover,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-select:hover,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-textarea:hover {
  border-color: #bdcfe4;
  background: #fff;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-input:focus,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-select:focus,
html body.sg7.is-mail .sg7-settings-new .sg7-settings-textarea:focus {
  border-color: #5a98eb;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(44,119,219,.12);
  outline: 0;
}

html body.sg7.is-mail .sg7-settings-new .sg7-setting-row > div > small {
  display: block;
  margin-top: 7px;
  color: #8493a7;
  font-size: 11px;
  line-height: 1.5;
}

html body.sg7.is-mail .sg7-settings-new .sg7-inline-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

html body.sg7.is-mail .sg7-settings-new .sg7-inline-fields label,
html body.sg7.is-mail .sg7-settings-new .sg7-filter-grid label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 7px;
  color: #51647b;
  font-size: 11px;
  font-weight: 700;
}

html body.sg7.is-mail .sg7-settings-new .sg7-check {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  color: #405772;
  font-size: 12px;
  line-height: 1.55;
}

html body.sg7.is-mail .sg7-settings-new .sg7-check input {
  width: 17px;
  height: 17px;
  flex: none;
  margin: 1px 0 0;
  accent-color: #176bd8;
}

html body.sg7.is-mail .sg7-settings-new .sg7-signature-editor-wrap { gap: 11px; }
html body.sg7.is-mail .sg7-settings-new .sg7-signature-editor-wrap .sg7-rich-toolbar {
  gap: 6px;
  padding: 9px;
  border: 1px solid #e0e8f2;
  border-radius: 12px;
  background: #f7f9fc;
}
html body.sg7.is-mail .sg7-settings-new .sg7-signature-editor {
  min-height: 190px;
  max-height: 380px;
  padding: 16px;
  border: 1px solid #d8e2ee;
  border-radius: 12px;
  background: #fff;
  line-height: 1.7;
}
html body.sg7.is-mail .sg7-settings-new .sg7-source-toggle {
  align-self: flex-end;
  padding: 7px 11px;
  border: 1px solid #dce6f2;
  border-radius: 9px;
  background: #f8faff;
  color: #286bc0;
  font-size: 11px;
  font-weight: 700;
}

html body.sg7.is-mail .sg7-settings-new .sg7-settings-submit {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
  padding: 18px 0 0;
  border-top: 1px solid #edf1f6;
}

html body.sg7.is-mail .sg7-settings-new .sg7-send-btn {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 11px !important;
  font-size: 12px;
  font-weight: 800;
  transition: transform .16s ease, box-shadow .16s ease;
}

html body.sg7.is-mail .sg7-settings-new .sg7-send-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(24,101,220,.23) !important;
}

html body.sg7.is-mail .sg7-settings-new .sg7-advice {
  border-color: #dce9f8;
  background: linear-gradient(130deg, #f6faff, #fff 72%);
}

html body.sg7.is-mail .sg7-settings-new .sg7-advice > h3 {
  display: flex;
  align-items: center;
  gap: 9px;
}
html body.sg7.is-mail .sg7-settings-new .sg7-advice > h3 .sg7-icon { color: #2675d5; }

html body.sg7.is-mail .sg7-settings-new .sg7-receipt-preview {
  overflow: hidden;
  border: 1px solid #dfe8f4;
  border-radius: 18px;
  background: linear-gradient(140deg, #f5f9ff, #fff 65%);
  box-shadow: 0 8px 24px rgba(28,57,94,.055);
}

html body.sg7.is-mail .sg7-settings-new .sg7-label-row {
  border-color: #e4eaf2;
  border-radius: 12px;
  background: #fbfcfe;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
html body.sg7.is-mail .sg7-settings-new .sg7-label-row:hover {
  transform: none;
  border-color: #c8dbf3;
  background: #fff;
  box-shadow: 0 5px 14px rgba(39,93,154,.07);
}

html body.sg7.is-mail .sg7-settings-new .sg7-setting-section-head {
  padding-bottom: 15px;
  border-bottom-color: #e9eef5;
}

html body.sg7.is-mail .sg7-settings-new .sg7-account-hero,
html body.sg7.is-mail .sg7-settings-new .sg7-account-card,
html body.sg7.is-mail .sg7-settings-new .sg7-account-password,
html body.sg7.is-mail .sg7-settings-new .sg7-account-admin-link {
  border-color: #e2e9f2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(29,60,97,.04) !important;
}

html body.sg7.is-mail .sg7-settings-new .sg7-account-avatar {
  width: 56px;
  height: 56px;
  border: 3px solid #fff;
  background: linear-gradient(145deg, #eaf3ff, #d6e8ff);
  box-shadow: 0 0 0 1px #d8e6f7, 0 5px 12px rgba(37,94,162,.1);
  color: #1767c8;
  font-size: 20px;
  font-weight: 800;
}

html body.sg7.is-mail .sg7-settings-new .sg7-account-session {
  padding: 8px 11px;
  border: 1px solid #cfeadd;
  border-radius: 999px;
  background: #f1fbf6;
  color: #24744f;
  font-size: 11px;
  font-weight: 800;
}

html body.sg7.is-mail .sg7-settings-new .sg7-account-section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

html body.sg7.is-mail .sg7-settings-new .sg7-account-section-title > span {
  display: grid;
  width: 40px;
  height: 40px;
  flex: none;
  place-items: center;
  border: 1px solid #e0eaf7;
  border-radius: 12px;
  background: #f3f7fd;
  color: #286fc4;
}

html body.sg7.is-mail .sg7-settings-new .sg7-account-info {
  padding: 13px 0;
  border-top-color: #edf1f6;
}

html body.sg7.is-mail .sg7-settings-new .sg7-account-info b { color: #203957; }
html body.sg7.is-mail .sg7-settings-new .sg7-account-info > span { color: #7889a0; font-size: 11px; line-height: 1.55; }
html body.sg7.is-mail .sg7-settings-new .sg7-account-password-footer { border-top-color: #edf1f6; }

html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-tabs a,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-card,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-hero,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-card,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-password,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-admin-link {
  border-color: #2c4260 !important;
  background: #112440 !important;
  color: #e5eefc;
}

html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-body {
  border-color: #2c4260 !important;
  background: #0f2039 !important;
}

html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-title h2,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-setting-row h3,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-card > h3,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-section-title h3 {
  color: #e6f0ff;
}

html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-title p,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-setting-row p,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-card p,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-tab-copy small {
  color: #a9bbd3;
}

html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-identity h3,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-info b,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-section-title h3,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-password-footer > span {
  color: #e6f0ff;
}

html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-identity p,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-info small,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-info > span,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-section-title small {
  color: #a9bbd3;
}

html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-security-status,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-account-unavailable,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-advice,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-receipt-preview,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-label-row {
  border-color: #2c4260;
  background: #142b49;
  color: #e5eefc;
}

html body.sg7.dark.is-mail .sg7-settings-new .sg7-setting-row,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-submit,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-setting-section-head {
  border-color: #2c4260;
}

html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-input,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-select,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-settings-textarea,
html body.sg7.dark.is-mail .sg7-settings-new .sg7-signature-editor {
  border-color: #385171;
  background: #142b49;
  color: #eff6ff;
}

@media (max-width: 900px) {
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.sg7.is-mail .sg7-settings-new .sg7-setting-row { grid-template-columns: minmax(170px, 34%) minmax(0, 1fr); gap: 20px; }
}

@media (max-width: 650px) {
  html body.sg7.is-mail .sg7-settings-new { padding-top: 20px; }
  html body.sg7.is-mail .sg7-settings-new .sg7-page-head { align-items: flex-start; gap: 12px; margin-bottom: 17px; }
  html body.sg7.is-mail .sg7-settings-new .sg7-page-head .sg7-outline { min-height: 36px; padding: 0 10px; white-space: nowrap; }
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin: 0 -11px 12px;
    padding: 2px 11px 9px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs::-webkit-scrollbar { display: none; }
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-tabs a { min-width: 164px; min-height: 58px; flex: 0 0 164px; padding: 8px 10px; border-radius: 12px; }
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-tab-icon { width: 34px; height: 34px; border-radius: 10px; }
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-body { padding: 20px 16px 25px; border-radius: 16px !important; }
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-card { padding: 15px 16px; border-radius: 13px; }
  html body.sg7.is-mail .sg7-settings-new .sg7-setting-row { grid-template-columns: 1fr; gap: 9px; padding: 17px 0; }
  html body.sg7.is-mail .sg7-settings-new .sg7-inline-fields { gap: 9px; }
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-submit { justify-content: stretch; }
  html body.sg7.is-mail .sg7-settings-new .sg7-settings-submit .sg7-send-btn { width: 100%; justify-content: center; }
  html body.sg7.is-mail .sg7-settings-new .sg7-account-hero { gap: 12px; padding: 16px; }
}

@media (max-width: 380px) {
  html body.sg7.is-mail .sg7-settings-new .sg7-page-head .sg7-outline { font-size: 0; }
  html body.sg7.is-mail .sg7-settings-new .sg7-page-head .sg7-outline svg { margin: 0; }
  html body.sg7.is-mail .sg7-settings-new .sg7-inline-fields { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html body.sg7.is-mail .sg7-settings-new *,
  html body.sg7.is-mail .sg7-settings-new *::before,
  html body.sg7.is-mail .sg7-settings-new *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}