/* SSO Subdomain Navigation Hub & Node Asset Cards - 垂直化美学样式 (ADR-0493 / Skill 128) */

.sso-nav-hub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--card-bg, #ffffff);
  border: 1px solid var(--border-color, #e2e8f0);
  border-radius: 12px;
  padding: 10px 18px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  gap: 12px;
  flex-wrap: wrap;
}

.sso-nav-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--text-main, #0f172a);
}

.sso-pill-badge {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  color: #2563eb;
  border: 1px solid #bfdbfe;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
}

.sso-links-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.sso-node-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid var(--border-color, #e2e8f0);
  background: var(--chip-bg, #f8fafc);
  color: var(--text-main, #1e293b);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.sso-node-chip:hover {
  transform: translateY(-1px);
  border-color: #3b82f6;
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}

.sso-node-chip.active {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  border-color: #1d4ed8;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

.sso-chip-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22c55e;
}

.theme-dark .sso-nav-hub {
  background: #1e293b;
  border-color: #334155;
}

.theme-dark .sso-node-chip {
  background: #0f172a;
  border-color: #334155;
  color: #f1f5f9;
}

.theme-dark .sso-node-chip:hover {
  background: #1e3a8a;
  border-color: #60a5fa;
  color: #93c5fd;
}