#phpwz-manual-sync-panel {
  margin: 16px 0 84px;
  padding: 22px 26px;
  border: 1px solid #dce5f2;
  border-radius: 4px;
  background: #fff;
  color: #303133;
  font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  box-shadow: 0 1px 2px rgba(31, 45, 61, .04);
}

#phpwz-manual-sync-panel * { box-sizing: border-box; }
#phpwz-manual-sync-panel .phpwz-sync-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
#phpwz-manual-sync-panel h3 { margin:0; font-size:16px; font-weight:600; color:#303133; }
#phpwz-manual-sync-panel .phpwz-sync-subtitle { margin-top:5px; color:#687386; }
#phpwz-manual-sync-panel .phpwz-sync-badge { flex:0 0 auto; padding:3px 10px; border:1px solid #a8dbc0; border-radius:13px; background:#f2fbf6; color:#168653; }
#phpwz-manual-sync-panel .phpwz-sync-flow { margin:18px 0 14px; padding:11px 14px; border-radius:4px; background:#f5f8fd; color:#4c5d73; }
#phpwz-manual-sync-panel .phpwz-sync-flow strong { color:#1769e0; }
#phpwz-manual-sync-panel .phpwz-sync-groups { display:grid; grid-template-columns:repeat(2,minmax(240px,1fr)); gap:10px 18px; margin:14px 0; }
#phpwz-manual-sync-panel .phpwz-sync-group { display:flex; align-items:flex-start; gap:9px; padding:10px 12px; border:1px solid #e5eaf1; border-radius:4px; background:#fbfcfe; cursor:pointer; }
#phpwz-manual-sync-panel .phpwz-sync-group:hover { border-color:#9fc2f6; }
#phpwz-manual-sync-panel .phpwz-sync-group input { margin-top:4px; accent-color:#1769e0; }
#phpwz-manual-sync-panel .phpwz-sync-group b { display:block; font-weight:500; }
#phpwz-manual-sync-panel .phpwz-sync-group small { display:block; margin-top:2px; color:#8b95a5; line-height:1.45; }
#phpwz-manual-sync-panel .phpwz-sync-protected { margin:12px 0; color:#7a8494; }
#phpwz-manual-sync-panel .phpwz-sync-protected span { color:#d06b18; }
#phpwz-manual-sync-panel .phpwz-sync-actions { display:flex; align-items:center; gap:10px; margin-top:16px; }
#phpwz-manual-sync-panel button { min-width:112px; height:34px; padding:0 16px; border:1px solid #1769e0; border-radius:3px; background:#fff; color:#1769e0; cursor:pointer; }
#phpwz-manual-sync-panel button.phpwz-sync-primary { background:#1769e0; color:#fff; }
#phpwz-manual-sync-panel button:disabled { opacity:.55; cursor:not-allowed; }
#phpwz-manual-sync-panel .phpwz-sync-last { margin-left:auto; color:#8b95a5; }
#phpwz-manual-sync-panel .phpwz-sync-result { display:none; margin-top:16px; padding:12px 14px; border-radius:4px; background:#f7f9fc; white-space:pre-wrap; }
#phpwz-manual-sync-panel .phpwz-sync-result.is-error { display:block; background:#fff3f3; color:#bd3b3b; }
#phpwz-manual-sync-panel .phpwz-sync-result.is-success { display:block; background:#f1faf5; color:#24774e; }
#phpwz-manual-sync-panel .phpwz-sync-result.is-info { display:block; color:#4c5d73; }

@media (max-width: 900px) {
  #phpwz-manual-sync-panel .phpwz-sync-groups { grid-template-columns:1fr; }
  #phpwz-manual-sync-panel .phpwz-sync-actions { flex-wrap:wrap; }
  #phpwz-manual-sync-panel .phpwz-sync-last { width:100%; margin-left:0; }
}