/* Custom styles */
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.command-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Tooltip button (accessible) */
.info-tooltip-btn {
    background: transparent;
    border: 0;
    padding: 0;
    margin-left: 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
}

/* Focus ring for keyboard users */
.info-tooltip-btn:focus-visible {
    outline: 2px solid var(--primary, #3b82f6);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Show tooltip on hover or focus */
.info-tooltip-btn:hover + .tooltip-content,
.info-tooltip-btn:focus + .tooltip-content {
    opacity: 1;
    visibility: visible;
}

/* Labels + subtle text: mehr Kontrast */
.info-label { font-size: 0.875rem; }  

.text-subtle,
.reset-time,
footer {
  color: var(--slate-400);
}

.info-tooltip-btn{
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.info-tooltip-btn:focus-visible{
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: 6px;
}


/* Footer-Links: in beiden Themes gut lesbar */
footer a,
.bgp-tools {
  color: var(--primary);
  font-weight: 600;
}

/* IP family pills: inaktiv darf nicht "zu blass" sein */
.ip-family-toggle .family-pill {
  color: var(--slate-400);
}

/* Active pill: Textfarbe explizit */
.ip-family-toggle .family-pill.active {
  color: #fff;
}

/* In Light-Mode: active pill Text dunkel (du nutzt hellen BG) */
html.light .ip-family-toggle .family-pill.active {
  color: var(--light-text);
}