.custom-help-editor,
.platform-qa-panel,
.platform-placeholder:has(#stopAll) {
  display: none !important;
}
#rechargeModal[aria-hidden='true'] {
  display: none !important;
}
.official-site-v33 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 9px;
  padding: 9px 10px;
  border: 1px solid #ffffff18;
  border-radius: 9px;
  color: #d9e6f4;
  text-decoration: none;
  background: #ffffff08;
}
.official-site-v33:hover {
  background: #ffffff12;
  border-color: #ffffff2b;
}
.official-site-v33 > i {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #294968;
  color: #fff;
  font-style: normal;
}
.official-site-v33 span {
  display: grid;
  gap: 2px;
}
.official-site-v33 b {
  font-size: 10px;
}
.official-site-v33 small {
  font-size: 8px;
  color: #91a6be;
}
.auto-manual-v33 {
  margin-bottom: 15px;
  border: 1px solid #cddbea;
  border-radius: 12px;
  background: linear-gradient(135deg, #fff 55%, #eef5fc);
  box-shadow: 0 4px 16px #1c385511;
  overflow: hidden;
}
.auto-manual-v33 > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid #dbe5ef;
}
.auto-manual-v33 > header > span {
  display: flex;
  align-items: center;
  gap: 11px;
}
.auto-manual-v33 > header i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #315f91;
  color: #fff;
  font-style: normal;
  font-weight: 900;
}
.auto-manual-v33 h3 {
  margin: 0 0 4px;
  font-size: 15px;
}
.auto-manual-v33 header p {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
}
.auto-manual-v33 header a {
  text-decoration: none;
}
.auto-manual-flow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: #dce6f0;
}
.auto-manual-flow p {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 13px;
  background: #fff;
}
.auto-manual-flow p > b {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e8f1fa;
  color: #315f91;
  font-size: 9px;
}
.auto-manual-flow span {
  display: grid;
  gap: 4px;
}
.auto-manual-flow strong {
  font-size: 10px;
}
.auto-manual-flow small {
  color: var(--muted);
  font-size: 8px;
  line-height: 1.45;
}
.auto-manual-toggle {
  margin: 12px 18px;
}
.auto-manual-detail {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 0 18px 17px;
}
.auto-manual-v33 [hidden] {
  display: none !important;
}
.auto-manual-detail:not([hidden]) {
  display: grid;
}
.auto-manual-detail article {
  padding: 12px;
  border: 1px solid #dbe4ee;
  border-radius: 9px;
  background: #fff;
}
.auto-manual-detail h4 {
  margin: 0 0 7px;
  color: #315f91;
  font-size: 10px;
}
.auto-manual-detail p {
  margin: 0;
  color: #617084;
  font-size: 9px;
  line-height: 1.65;
}
body.theme-dark .auto-manual-v33 {
  border-color: #34485f;
  background: #151d27;
}
body.theme-dark .auto-manual-v33 > header,
body.theme-dark .auto-manual-flow {
  border-color: #34485f;
  background: #273545;
}
body.theme-dark .auto-manual-flow p,
body.theme-dark .auto-manual-detail article {
  background: #171f29;
  border-color: #344252;
  color: #edf2f8;
}
@media (max-width: 900px) {
  .auto-manual-flow {
    grid-template-columns: repeat(2, 1fr);
  }
  .auto-manual-detail:not([hidden]) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .auto-manual-v33 > header {
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
  }
  .auto-manual-flow,
  .auto-manual-detail:not([hidden]) {
    grid-template-columns: 1fr;
  }
  .auto-manual-v33 header a {
    width: 100%;
    text-align: center;
  }
}
.role-subaccount #contactRecharge {
  display: none !important;
}
#stopAll[hidden] {
  display: none !important;
}
.auto-manual-v33 header a.primary {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px #173a6555;
}