/* Controltower — global styles (Carbon overrides) */

:root {
  --ct-accent: #0f62fe;
  --ct-danger: #da1e28;
}

body {
  font-family: 'IBM Plex Sans', sans-serif;
  background-color: #161616;
  color: #f4f4f4;
}

.bx--header {
  background-color: #262626;
}

.bx--header__name {
  color: #f4f4f4;
  text-decoration: none;
}

.bx--header__name:hover {
  color: #ffffff;
}

.bx--header__menu-item {
  color: #c6c6c6;
}

.bx--header__menu-item:hover,
.bx--header__menu-item--current {
  color: #ffffff;
  border-bottom: 2px solid var(--ct-accent);
}

.bx--tile {
  background-color: #262626;
  border: 1px solid #393939;
}

.bx--tile--clickable:hover {
  border-color: var(--ct-accent);
  background-color: #2d2d2d;
}

.bx--tag--large {
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
}

/* Form inputs on dark bg */
.bx--text-input {
  background-color: #393939;
  color: #f4f4f4;
  border-bottom-color: #6f6f6f;
}

.bx--text-input:focus {
  border-bottom-color: var(--ct-accent);
}

.bx--label {
  color: #c6c6c6;
}

details summary {
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}