/* ICD Test Runner — Surface Styles */

#extension-mount {
  font-family: var(--font, 'DM Sans', sans-serif);
}

#extension-mount h1 {
  font-family: var(--font, 'DM Sans', sans-serif);
  letter-spacing: -0.3px;
}

#extension-mount table {
  font-variant-numeric: tabular-nums;
}

#extension-mount table td,
#extension-mount table th {
  border-color: var(--border);
}

#extension-mount table tbody tr:last-child {
  border-bottom: none;
}

#extension-mount table tbody tr:hover {
  background: var(--bg-hover) !important;
}

/* Buttons — override small padding for our use */
#extension-mount .btn-primary,
#extension-mount .btn-secondary,
#extension-mount .btn-ghost {
  font-size: 13px;
  padding: 7px 16px;
  border-radius: var(--radius, 8px);
  cursor: pointer;
  font-family: var(--font, 'DM Sans', sans-serif);
  font-weight: 600;
  transition: background var(--transition, 180ms ease), opacity var(--transition, 180ms ease);
}

/* Fallback button styles if platform classes not loaded */
#extension-mount button.btn-primary {
  background: var(--accent, #6c9fff);
  color: #fff;
  border: none;
}
#extension-mount button.btn-primary:hover {
  opacity: 0.88;
}

#extension-mount button.btn-secondary {
  background: var(--accent-dim, rgba(108,159,255,0.12));
  color: var(--accent, #6c9fff);
  border: none;
}
#extension-mount button.btn-secondary:hover {
  background: var(--accent-dim, rgba(108,159,255,0.2));
}

#extension-mount button.btn-ghost {
  background: transparent;
  color: var(--text-2, #9898a8);
  border: 1px solid var(--border, #2e2e35);
}
#extension-mount button.btn-ghost:hover {
  background: var(--bg-hover, #2a2a30);
}

/* Status dot animation for running state */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}