/* Shieldy UI-only cleanup r28 — management header removal + clearer management tabs. */

/* The management workspace already has a clear top-level tab. The extra intro card
   duplicates the same information, so hide only its presentation layer. */
#shieldy-security-view-management-bd2996b98 > .shieldy-management-intro-bd2996b98 {
  display: none !important;
}

/* Make the four management sections read as distinct Shieldy controls instead of
   blending into the surrounding pale surface. No DOM or behavior changes. */
#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 7px !important;
  margin: 0 0 14px !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, #2da44e 34%, var(--border-color, #d0d7de)) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, #2da44e 5%, var(--surface-subtle, #f6f8fa)) !important;
}

#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid color-mix(in srgb, #2da44e 16%, var(--border-color, #d0d7de)) !important;
  border-radius: 11px !important;
  background: var(--surface, #fff) !important;
  color: var(--text-color, #24292f) !important;
  box-shadow: 0 1px 2px rgba(31, 35, 40, .04) !important;
  text-align: left !important;
  white-space: normal !important;
  transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease !important;
}

#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button > span:first-child {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(45, 164, 78, .24) !important;
  border-radius: 9px !important;
  background: rgba(45, 164, 78, .08) !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button > span:last-child {
  min-width: 0 !important;
  display: block !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button small {
  display: inline !important;
  margin-left: 4px !important;
  color: var(--muted-color, #656d76) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  white-space: normal !important;
}

@media (hover: hover) and (pointer: fine) {
  #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button:hover {
    border-color: rgba(45, 164, 78, .48) !important;
    background: color-mix(in srgb, #2da44e 4%, var(--surface, #fff)) !important;
  }
}

#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button.is-active,
#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button[aria-selected="true"] {
  border-color: #2da44e !important;
  background: color-mix(in srgb, #2da44e 9%, var(--surface, #fff)) !important;
  box-shadow: 0 0 0 2px rgba(45, 164, 78, .10), 0 4px 12px rgba(31, 35, 40, .06) !important;
}

#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button.is-active > span:first-child,
#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button[aria-selected="true"] > span:first-child {
  border-color: rgba(45, 164, 78, .52) !important;
  background: rgba(45, 164, 78, .15) !important;
}

#shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button:focus-visible {
  outline: 3px solid rgba(45, 164, 78, .20) !important;
  outline-offset: 2px !important;
}

html[data-theme="dark"] #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7,
[data-theme="dark"] #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 {
  background: rgba(63, 185, 80, .055) !important;
  border-color: rgba(63, 185, 80, .30) !important;
}

html[data-theme="dark"] #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button,
[data-theme="dark"] #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button {
  background: var(--surface, #0d1117) !important;
  border-color: rgba(63, 185, 80, .18) !important;
}

html[data-theme="dark"] #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button.is-active,
html[data-theme="dark"] #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button[aria-selected="true"],
[data-theme="dark"] #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button.is-active,
[data-theme="dark"] #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button[aria-selected="true"] {
  border-color: #3fb950 !important;
  background: rgba(63, 185, 80, .12) !important;
  box-shadow: 0 0 0 2px rgba(63, 185, 80, .12) !important;
}

@media (max-width: 980px) {
  #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 {
    grid-template-columns: 1fr !important;
  }
  #shieldy-management-hub-ba89092b7 .shieldy-management-nav-ba89092b7 > button {
    min-height: 44px !important;
  }
}