/* Report notification visual fix — preserve the requested transparent glass card surface. */

main:has(> div > div > h1) article:has(.report-decline) {
  background:rgba(15, 23, 42, 0.22) !important;
  background-image:none !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  border:1px solid rgba(56, 189, 248, 0.2) !important;
  box-shadow:0 4px 30px rgba(0, 0, 0, 0.1) !important;
}

main:has(> div > div > h1) article:has(.report-decline) > div:nth-child(2) > div:has(+ div .report-decline) {
  color:#ffb6d0 !important;
  background:linear-gradient(135deg,rgba(255,45,115,.14),rgba(120,20,75,.12)) !important;
  background-color:rgba(255,55,120,.12) !important;
  background-image:none !important;
  border:1px solid rgba(255,90,145,.34) !important;
  border-radius:10px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 16px rgba(255,55,120,.09) !important;
  font-family:"JetBrains Mono",ui-monospace,monospace !important;
  font-size:9px !important;
  line-height:1.5 !important;
  text-shadow:0 0 9px rgba(255,80,145,.24) !important;
}

main:has(> div > div > h1) article:has(.report-decline) > div:nth-child(2) > div:has(+ div .report-decline) * { color:#ffb6d0 !important; text-shadow:0 0 9px rgba(255,80,145,.24) !important; }

main:has(> div > div > h1) article:has(.report-decline) small,
main:has(> div > div > h1) article:has(.report-decline) small * { color:#c8ff66 !important; opacity:1 !important; font-family:"JetBrains Mono",ui-monospace,monospace !important; font-size:9px !important; text-shadow:0 0 9px rgba(170,255,70,.28) !important; }

main:has(> div > div > h1) article:has(.report-decline) .report-view { color:#dffeff !important; background:linear-gradient(135deg,rgba(0,240,255,.30),rgba(0,126,255,.30)) !important; border:1px solid rgba(0,240,255,.52) !important; box-shadow:0 0 16px rgba(0,240,255,.10),inset 0 1px 0 rgba(255,255,255,.08) !important; }
main:has(> div > div > h1) article:has(.report-decline) .report-decline { color:#ffb8c4 !important; background:rgba(190,40,80,.18) !important; border:1px solid rgba(255,90,130,.40) !important; box-shadow:0 0 14px rgba(255,90,130,.10),inset 0 1px 0 rgba(255,255,255,.05) !important; }
main:has(> div > div > h1) article:has(.report-decline) .report-view:hover:not(:disabled) { background:rgba(0,240,255,.24) !important; }
main:has(> div > div > h1) article:has(.report-decline) .report-decline:hover:not(:disabled) { background:rgba(190,40,80,.24) !important; }
main:has(> div > div > h1) .report-flash-note { color:#ffb6d0 !important; background:rgba(255,55,120,.12) !important; background-color:rgba(255,55,120,.12) !important; border:1px solid rgba(255,90,145,.30) !important; text-shadow:0 0 9px rgba(255,80,145,.22) !important; }

/* Robust Notifications header action: target the header container by its h1 child, not DOM position. */
main:has(> div > div > h1) > div:has(> div > h1) > button[type="button"] {
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  min-width:154px !important;
  padding:9px 18px !important;
  border:1px solid rgba(0,240,255,.82) !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,rgba(0,205,255,.28),rgba(0,91,180,.22) 48%,rgba(8,24,52,.96)) !important;
  color:#f0ffff !important;
  -webkit-text-fill-color:#f0ffff !important;
  font-family:"Orbitron","Space Grotesk","Segoe UI",sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-shadow:0 0 9px rgba(0,240,255,.46) !important;
  box-shadow:0 0 18px rgba(0,240,255,.25),0 0 34px rgba(0,126,255,.12),inset 0 1px 0 rgba(220,255,255,.20),inset 0 -8px 18px rgba(0,70,140,.12) !important;
  cursor:pointer !important;
  transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease,background 160ms ease,filter 160ms ease !important;
}

main:has(> div > div > h1) > div:has(> div > h1) > button[type="button"]:hover:not(:disabled),
main:has(> div > div > h1) > div:has(> div > h1) > button[type="button"]:focus-visible {
  border-color:#8fffff !important;
  background:linear-gradient(135deg,rgba(0,240,255,.40),rgba(0,128,255,.32) 52%,rgba(8,31,64,.98)) !important;
  box-shadow:0 0 22px rgba(0,240,255,.42),0 0 42px rgba(0,126,255,.18),inset 0 1px 0 rgba(235,255,255,.28) !important;
  filter:saturate(1.12) brightness(1.08) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}

main:has(> div > div > h1) > div:has(> div > h1) > button[type="button"]:active:not(:disabled) { transform:translateY(0) scale(.98) !important; }
main:has(> div > div > h1) > div:has(> div > h1) > button[type="button"]:disabled { cursor:not-allowed !important; opacity:.55 !important; filter:saturate(.55) !important; box-shadow:0 0 8px rgba(0,240,255,.08),inset 0 1px 0 rgba(180,255,255,.08) !important; }

@media (max-width:640px) {
  main:has(> div > div > h1) > div:has(> div > h1) > button[type="button"] { min-width:132px !important; min-height:37px !important; padding:8px 12px !important; font-size:9px !important; letter-spacing:.08em !important; }
}
