/* Web UI 自动化 · 天蓝玻璃面板 v3（蓝底主基调，仅 omniflow_hub） */

body.uia-hub-page .uia-hub-shell {
  --uia-hub-accent: #0ea5e9;
  --uia-hub-accent-deep: #0369a1;
  --uia-hub-accent-soft: rgba(224, 242, 254, 0.96);
  --uia-hub-border: rgba(125, 211, 252, 0.72);
  --uia-hub-surface: rgba(224, 242, 254, 0.82);
}

body.uia-hub-page .uia-hub-hero__eyebrow {
  color: #0284c7 !important;
}

body.uia-hub-page .uia-hub-hero__title {
  color: #0c4a6e !important;
}

body.uia-hub-page .uia-hub-hero__sub {
  color: #475569 !important;
}

body.uia-hub-page .uia-hub-nav-link {
  border: 1px solid rgba(56, 189, 248, 0.5) !important;
  background: rgba(224, 242, 254, 0.78) !important;
  color: #0369a1 !important;
  box-shadow: 0 1px 2px rgba(14, 165, 233, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body.uia-hub-page .uia-hub-nav-link:hover {
  background: rgba(186, 230, 253, 0.88) !important;
  border-color: rgba(14, 165, 233, 0.55) !important;
  color: #0c4a6e !important;
}

body.uia-hub-page .uia-panel,
body.uia-hub-page .uia-hub-surface {
  border: 1px solid rgba(96, 165, 250, 0.38) !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.82) 0%, rgba(224, 242, 254, 0.86) 48%, rgba(186, 230, 253, 0.8) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.1) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.62) inset,
    0 1px 2px rgba(14, 165, 233, 0.08),
    0 16px 40px rgba(14, 165, 233, 0.12) !important;
}

body.uia-hub-page .uia-hub-sidebar {
  border: 1px solid rgba(96, 165, 250, 0.42) !important;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.86) 0%, rgba(224, 242, 254, 0.88) 100%) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.65) inset,
    0 1px 2px rgba(14, 165, 233, 0.07),
    0 14px 36px rgba(14, 165, 233, 0.11) !important;
  scrollbar-color: rgba(56, 189, 248, 0.4) transparent;
}

body.uia-hub-page .uia-hub-sidebar:hover::-webkit-scrollbar-thumb {
  background-color: rgba(56, 189, 248, 0.42) !important;
}

body.uia-hub-page .uia-hub-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 165, 233, 0.55) !important;
}

body.uia-hub-page .uia-hub-shell .uia-url-field input:focus,
body.uia-hub-page .uia-hub-shell #uia-mcp-intent:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.22) !important;
}

body.uia-hub-page .uia-hub-shell .uia-btn-login-step {
  border-color: #7dd3fc !important;
  background: rgba(224, 242, 254, 0.98) !important;
  color: #0369a1 !important;
}

body.uia-hub-page .uia-hub-shell .uia-btn-login-step:hover {
  background: #bae6fd !important;
  border-color: #38bdf8 !important;
}

body.uia-hub-page .uia-hub-run-btn {
  background: linear-gradient(145deg, #0284c7 0%, #0ea5e9 52%, #38bdf8 100%) !important;
  box-shadow: 0 8px 22px rgba(14, 165, 233, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.uia-hub-page .uia-hub-run-btn:hover:not(:disabled) {
  box-shadow: 0 10px 26px rgba(14, 165, 233, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

body.uia-hub-page .uia-panel-fab {
  border: 1px solid rgba(186, 230, 253, 0.75) !important;
  background: linear-gradient(145deg, #0284c7, #0ea5e9) !important;
  box-shadow: 0 10px 28px rgba(14, 165, 233, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body.uia-hub-page header h1 {
  color: #0c4a6e !important;
}

body.uia-hub-page header p {
  color: #475569 !important;
}