/* Load the ThreatDown typeface (pure CSS @import - remove if the portal already
   loads Roboto). */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

body {
  /* enter the font-family for body text */
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  /* enter font family for headings */
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
/* Buttons - ThreatDown cyan, fully rounded pill, dark navy uppercase text */
button,
.button,
.btn {
  background: #C3F628;
  color: #011F43;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: none;
  border-radius: 999px;
  padding: 12px 28px;
  min-height: 32px;
  line-height: 1.2;
 /* display: inline-flex; */
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 0 2px 0 rgba(1, 31, 67, 0.16);
 /* transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.25s ease;
  -webkit-appearance: none;
  appearance: none; */
}
/* Button hover and focus states */
button:hover,
.button:hover,
.btn:hover,
button:focus,
.button:focus,
.btn:focus {
  background: #62E3F0;
  color: #011F43;
  outline: none;
  filter: brightness(1.02);
  box-shadow: 0 3px 0 rgba(1, 31, 67, 0.18);
  text-decoration: none;
}
/* Optional active press effect */
button:active,
.button:active,
.btn:active {
  transform: translateY(1px);
  box-shadow: 0 1px 0 rgba(1, 31, 67, 0.16);
}
/* Disabled button state */
button:disabled,
.button.disabled,
.btn.disabled,
button[disabled],
.button[disabled],
.btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
/* Dropdown/split button adjustment */
.btn.dropdown-toggle,
.button.dropdown-toggle,
.dropdown-toggle {
  min-width: 44px;
  padding-left: 12px;
  padding-right: 12px;
}
/* Icon-only buttons, such as settings/gear buttons */
button .fa,
.btn .fa,
.button .fa,
button i,
.btn i,
.button i {
  font-size: 14px;
}
/* Tile icon circles - ThreatDown cyan */
.mag-tile-card .tile-icon,
.mag-tile-card .round-icon,
.mag-tile-card .bg-primary {
  background: #83EFF8 !important;
  color: #011F43 !important;
}
/* Tile title text - deep navy */
.mag-tile-card .title-header,
.mag-tile-card a .title-header,
.mag-tile-card .title-header a {
  color: #011F43 !important;
}
/* Tile description and link text - deep navy */
.mag-tile-card .tile-description,
.mag-tile-card .tile-linklabel,
.mag-tile-card a {
  color: #011F43 !important;
}
/* Prevent tile links from showing default underline unless already styled elsewhere */
.mag-tile-card a {
  text-decoration: none;
}
/* Optional tile hover state - keeps text deep navy */
.mag-tile-card:hover .title-header,
.mag-tile-card:hover .tile-description,
.mag-tile-card:hover .tile-linklabel,
.mag-tile-card:hover a {
  color: #011F43 !important;
}