/* ============================================================
 * 桐灼 GEO · settings 模块层
 * 由 product-ui.css 按 route 作用域重建（2026-08-24 v2，@media 块整体保留，规则级 diff 零丢失）
 * ============================================================ */
#view.route-settings .settings-relay-card { overflow: hidden; }

#view.route-settings .settings-relay-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

#view.route-settings .setting-field { display: grid; gap: 6px; min-width: 0; }

#view.route-settings .setting-field > span { color: var(--ink); font-size: 12px; font-weight: 600; }

#view.route-settings .setting-field > span small { color: var(--muted-2); font-size: 11px; font-weight: 400; }

#view.route-settings .setting-field .input { min-height: 38px; }

#view.route-settings .settings-relay-status { flex: 0 0 auto; }

#view.route-settings .settings-relay-summary { min-height: 64px; padding: 0 22px; border-top: 1px solid var(--line); }

#view.route-settings .settings-relay-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 22px; }

#view.route-settings .settings-relay-actions svg { width: 14px; height: 14px; margin-right: 5px; vertical-align: -2px; }

@media (max-width: 720px) {
  #view.route-settings .settings-relay-form { grid-template-columns: 1fr; }
  #view.route-settings .settings-relay-actions { flex-wrap: wrap; justify-content: stretch; }
  #view.route-settings .settings-relay-actions button { flex: 1 1 140px; }
}