.mt-4 { margin-top: 4px; }
.mt-8 { margin-top: 8px; }
.mt-12 { margin-top: 12px; }
.mb-4 { margin-bottom: 4px; }
.mb-8 { margin-bottom: 8px; }
.mb-12 { margin-bottom: 12px; }

.random-icon {
  margin-left: 4px;
  cursor: pointer;
  color: var(--ant-color-primary, #1890ff);
}

.danger-icon {
  margin-left: 6px;
  cursor: pointer;
  color: #ff4d4f;
}

.vless-auth-state {
  display: block;
  margin-top: 6px;
}

.wg-peer {
  margin-top: 4px;
}

.advanced-shell {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.advanced-panel {
  padding: 14px;
  border: 1px solid rgba(128, 128, 128, 0.18);
  border-radius: 12px;
  background: rgba(128, 128, 128, 0.04);
}

.advanced-panel__header {
  margin-bottom: 12px;
}

.advanced-panel__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.advanced-panel__subtitle {
  margin-top: 4px;
  opacity: 0.7;
  line-height: 1.5;
}

.advanced-inner-tabs .ant-tabs-nav {
  margin-bottom: 12px;
}

.advanced-inner-tabs .ant-tabs-tab {
  padding-inline: 14px;
}

.advanced-editor-meta {
  margin-bottom: 10px;
  opacity: 0.75;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .advanced-panel {
    padding: 12px;
    border-radius: 10px;
  }

  .advanced-inner-tabs .ant-tabs-tab {
    padding-inline: 10px;
  }
}

body.dark .advanced-panel,
html[data-theme='ultra-dark'] .advanced-panel {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
}
