/* 20260706-49: final cascade polish for the virtual macOS shell. */
body.mac-desktop {
  animation: none !important;
  background: #62c2cf !important;
}

body.mac-desktop::before {
  background:
    radial-gradient(circle at 50% -12%, rgba(255,255,255,0.20), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(0, 34, 47, 0.10)),
    linear-gradient(90deg, rgba(0, 28, 42, 0.055), transparent 34%, transparent 66%, rgba(0, 28, 42, 0.055)) !important;
}

body.mac-desktop::after {
  top: -433.3333333333vw !important;
  bottom: -433.3333333333vw !important;
  background-image: url("/static/generated/mac-white-surf-wallpaper-loop.png") !important;
  background-size: 100vw auto !important;
  background-position: center 0 !important;
  background-repeat: repeat-y !important;
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) !important;
  animation: macWallpaperFlow49 260s linear infinite !important;
  contain: paint;
  will-change: transform;
}

@keyframes macWallpaperFlow49 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 433.3333333333vw, 0); }
}

.mac-dock::before,
.global-mac-dock::before,
.compact-dock::before,
.mac-system-window::before,
.mac-window::before,
.mac-dock .glass-distort,
.global-mac-dock .glass-distort,
.compact-dock .glass-distort,
.mac-system-window .glass-distort,
.mac-window .glass-distort {
  filter: none !important;
  opacity: 0 !important;
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  gap: 13px !important;
  padding: 9px 16px 8px !important;
  border-radius: 28px !important;
  border: 0.5px solid rgba(255,255,255,0.42) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.36), rgba(247,253,255,0.15) 47%, rgba(211,237,244,0.10)),
    rgba(226, 244, 250, 0.11) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.20) brightness(1.04) !important;
  backdrop-filter: blur(16px) saturate(1.20) brightness(1.04) !important;
  box-shadow:
    0 18px 42px rgba(0, 30, 46, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.82),
    inset 0 -1px 0 rgba(0, 42, 60, 0.05),
    inset 1px 0 0 rgba(255,255,255,0.18),
    inset -1px 0 0 rgba(255,255,255,0.10) !important;
}

.mac-dock::after,
.global-mac-dock::after,
.compact-dock::after {
  inset: 0.5px !important;
  border-radius: inherit !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.56), rgba(255,255,255,0.08) 26%, rgba(255,255,255,0.018) 68%, rgba(255,255,255,0.25)),
    radial-gradient(circle at 50% -18%, rgba(255,255,255,0.22), transparent 48%) !important;
  opacity: 0.78 !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  width: 61px !important;
  min-width: 61px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translate3d(0, var(--dock-lift, 0), 0) scale(var(--dock-scale, 1)) !important;
  transition:
    transform 260ms cubic-bezier(.18,1.18,.24,1),
    opacity 170ms ease,
    filter 170ms ease !important;
}

.dock-app:hover,
.dock-app:focus-visible {
  --dock-scale: 1.12;
  --dock-lift: -7px;
}

.dock-app:active {
  --dock-scale: 0.965;
  --dock-lift: -1px;
}

.dock-icon,
.global-mac-dock .dock-icon,
.compact-dock .dock-icon,
.dock-img {
  width: 57px !important;
  height: 57px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: var(--icon-url) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: none !important;
  image-rendering: auto !important;
  filter:
    drop-shadow(0 9px 10px rgba(0, 18, 30, 0.23))
    drop-shadow(0 1px 0 rgba(255,255,255,0.18)) !important;
}

.dock-model-app-icon {
  width: 59px !important;
  height: 59px !important;
  filter:
    drop-shadow(0 10px 11px rgba(0, 18, 30, 0.25))
    drop-shadow(0 1px 0 rgba(255,255,255,0.16)) !important;
}

.dock-app.active::after {
  width: 4px !important;
  height: 4px !important;
  margin-top: 1px !important;
  border: 0 !important;
  background: rgba(255,255,255,0.96) !important;
  box-shadow: 0 1px 3px rgba(0, 18, 30, 0.24) !important;
}

.mac-system-window,
.mac-window {
  border-radius: 29px !important;
  border: 0.5px solid rgba(255,255,255,0.54) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.50), rgba(235,248,252,0.18)),
    linear-gradient(132deg, rgba(255,255,255,0.25), rgba(255,255,255,0.045) 44%, rgba(255,255,255,0.14)),
    rgba(218, 242, 248, 0.13) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) brightness(1.03) !important;
  backdrop-filter: blur(18px) saturate(1.18) brightness(1.03) !important;
  box-shadow:
    0 30px 78px rgba(0, 24, 42, 0.25),
    0 8px 22px rgba(255,255,255,0.08),
    inset 0 1px 0 rgba(255,255,255,0.86),
    inset 1px 0 0 rgba(255,255,255,0.30),
    inset -1px -1px 0 rgba(255,255,255,0.17) !important;
}

.mac-system-window::after,
.mac-window::after {
  opacity: 0.56 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.58), rgba(255,255,255,0.07) 20%, rgba(255,255,255,0.02) 58%, rgba(255,255,255,0.22)),
    radial-gradient(circle at 50% -14%, rgba(255,255,255,0.24), transparent 48%) !important;
}

.mac-live-titlebar,
.mac-window-bar {
  min-height: 38px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.36), rgba(239,250,252,0.13)),
    rgba(255,255,255,0.055) !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.48),
    0 1px 0 rgba(0, 32, 46, 0.022) !important;
}

body.mac-fullscreen .global-mac-dock,
body.mac-fullscreen .compact-dock {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate3d(-50%, 18px, 0) scale(.96) !important;
}

body.mac-fullscreen .mac-system-window,
body.mac-fullscreen .mac-window {
  width: calc(100vw - 20px) !important;
  max-width: none !important;
  height: calc(100dvh - 20px) !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 18px !important;
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  pointer-events: auto !important;
  background: rgba(255,255,255,0.018) !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(0px) !important;
  backdrop-filter: blur(0px) !important;
  transition:
    background 190ms ease,
    border-color 190ms ease,
    box-shadow 190ms ease,
    backdrop-filter 190ms ease !important;
}

body.mac-fullscreen .mac-live-titlebar:hover,
body.mac-fullscreen .mac-window-bar:hover,
body.mac-fullscreen .mac-live-titlebar:focus-within,
body.mac-fullscreen .mac-window-bar:focus-within {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.48), rgba(239,250,252,0.16)),
    rgba(255,255,255,0.10) !important;
  border-bottom-color: rgba(255,255,255,0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.58),
    0 10px 28px rgba(0, 24, 42, 0.07) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.14) !important;
  backdrop-filter: blur(12px) saturate(1.14) !important;
}

body.mac-fullscreen .traffic-lights {
  opacity: 1 !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.18)) !important;
}

body.mac-fullscreen .mac-titlebar-label {
  opacity: 0 !important;
  transform: translateY(-2px) !important;
  transition: opacity 170ms ease, transform 170ms ease !important;
}

body.mac-fullscreen .mac-live-titlebar:hover .mac-titlebar-label,
body.mac-fullscreen .mac-window-bar:hover .mac-titlebar-label,
body.mac-fullscreen .mac-live-titlebar:focus-within .mac-titlebar-label,
body.mac-fullscreen .mac-window-bar:focus-within .mac-titlebar-label {
  opacity: 0.72 !important;
  transform: translateY(0) !important;
}

.uptime-bars,
.mac-ranking .uptime-bars {
  height: 21px !important;
  gap: 2px !important;
  align-items: end !important;
  padding: 4px 5px !important;
  border-radius: 6px !important;
  border: 0.5px solid rgba(9, 30, 42, 0.055) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(230,244,248,0.10)),
    rgba(255,255,255,0.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 -1px 0 rgba(0, 26, 38, 0.026) !important;
}

.uptime-bars i,
.mac-ranking .uptime-bars i {
  width: 2.4px !important;
  border-radius: 2px !important;
  opacity: 0.94 !important;
  box-shadow: none !important;
}

.uptime-bars i.ok,
.mac-ranking .uptime-bars i.ok {
  height: 13px !important;
  background: #2fb85b !important;
}

.uptime-bars i.warn,
.mac-ranking .uptime-bars i.warn {
  height: 10px !important;
  background: #d5a93a !important;
}

.uptime-bars i.bad,
.mac-ranking .uptime-bars i.bad {
  height: 7px !important;
  background: #d84d45 !important;
}

.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  animation: appAppear49 500ms cubic-bezier(.18,.9,.22,1.02) both !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 80ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  animation: appSwitchOut49 430ms cubic-bezier(.32,.68,.22,1) both !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  transform-origin: center calc(100% + 96px) !important;
  animation: appMinimize49 430ms cubic-bezier(.30,.72,.20,1) both !important;
}

@keyframes appAppear49 {
  from {
    opacity: 0;
    transform: translate3d(0, 68px, 0) scale(.80);
  }
  58% {
    opacity: 1;
    transform: translate3d(0, -2px, 0) scale(1.004);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* 20260706-84: square model icons, lighter motion, persistent fullscreen
   controls, and native utility-window density for the remaining pages. */
body.mac-desktop::after {
  top: -120vh !important;
  bottom: -120vh !important;
  animation: macWallpaperFlow84 210s linear infinite !important;
  will-change: transform !important;
}

@keyframes macWallpaperFlow84 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 120vh, 0); }
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  -webkit-backdrop-filter: blur(14px) saturate(1.12) brightness(1.03) !important;
  backdrop-filter: blur(14px) saturate(1.12) brightness(1.03) !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  transition: transform 150ms cubic-bezier(.2,.82,.2,1), opacity 120ms ease !important;
  will-change: transform !important;
}

.dock-app:hover,
.dock-app:focus-visible,
.dock-app.dock-hovered {
  --dock-scale: 1.08;
  --dock-lift: -5px;
}

img.dock-icon,
img.dock-img,
img.dock-model-app-icon,
.global-mac-dock img.dock-icon,
.compact-dock img.dock-icon {
  filter: none !important;
  transform: translateZ(0) !important;
}

img.dock-model-app-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-model-app-icon {
  border-radius: 18px !important;
  object-fit: contain !important;
}

.dock-app:hover img.dock-img,
.dock-app:focus-visible img.dock-img,
.dock-app.dock-hovered img.dock-img,
.dock-app:hover img.dock-model-app-icon,
.dock-app:focus-visible img.dock-model-app-icon,
.dock-app.dock-hovered img.dock-model-app-icon {
  filter: none !important;
}

.mac-system-window,
.mac-window {
  -webkit-backdrop-filter: blur(20px) saturate(1.12) brightness(1.03) !important;
  backdrop-filter: blur(20px) saturate(1.12) brightness(1.03) !important;
  box-shadow:
    0 26px 58px rgba(18, 56, 72, 0.16),
    0 6px 16px rgba(16, 48, 62, 0.055),
    inset 0 1px 0 rgba(255,255,255,0.70),
    inset 0 -1px 0 rgba(46, 84, 96, 0.052) !important;
}

.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  animation: appAppearFromDock84 230ms cubic-bezier(.18,.84,.24,1) both !important;
  will-change: transform, opacity !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 18ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  animation: appFoldToDock84 210ms cubic-bezier(.28,.70,.20,1) both !important;
  will-change: transform, opacity !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  animation: appMinimizeToDock84 230ms cubic-bezier(.25,.72,.20,1) both !important;
  will-change: transform, opacity !important;
}

@keyframes appAppearFromDock84 {
  from {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 42px, 0) scale(.88);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appFoldToDock84 {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 42px, 0) scale(.86);
  }
}

@keyframes appMinimizeToDock84 {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 64px, 0) scale(.68);
  }
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-system-window > .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  position: fixed !important;
  top: 10px !important;
  left: 12px !important;
  z-index: 10020 !important;
  display: flex !important;
  width: auto !important;
  min-width: 54px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0,0,0) !important;
}

body.mac-fullscreen .traffic-lights,
body.mac-fullscreen .traffic-lights.live-controls {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.70), rgba(246,251,253,0.36)),
    rgba(255,255,255,0.28) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.10) !important;
  backdrop-filter: blur(8px) saturate(1.10) !important;
}

.admin-layout,
.utility-hero,
.feedback-panel,
.comparison-panel,
.report-panel {
  position: relative;
  z-index: 1;
}

.admin-layout {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  gap: 14px !important;
  height: min(72vh, 700px) !important;
  min-height: 520px !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.admin-sidebar,
.admin-main > .form-panel,
.admin-main > .table-panel,
.feedback-panel,
.comparison-panel,
.report-panel,
.mac-system-window > .glass-panel:not(.admin-sidebar) {
  border: 0.5px solid rgba(255,255,255,0.56) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.48), rgba(247,252,254,0.22)),
    rgba(255,255,255,0.13) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow:
    0 9px 22px rgba(20, 58, 72, 0.075),
    inset 0 1px 0 rgba(255,255,255,0.62),
    inset 0 -1px 0 rgba(28, 70, 84, 0.030) !important;
}

.admin-sidebar {
  align-self: stretch !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.admin-sidebar h1 {
  margin: 0 0 12px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: rgba(18, 34, 43, 0.88) !important;
}

.admin-nav {
  display: grid !important;
  gap: 6px !important;
}

.admin-nav a {
  min-height: 32px !important;
  padding: 7px 10px !important;
  border-radius: 9px !important;
  color: rgba(22, 42, 52, 0.76) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.admin-nav a.active,
.admin-nav a:hover,
.admin-nav a:focus-visible {
  color: rgba(10, 24, 34, 0.92) !important;
  background: rgba(255,255,255,0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.64),
    0 1px 2px rgba(20, 52, 64, 0.045) !important;
}

.admin-main {
  min-height: 0 !important;
  overflow: auto !important;
  padding: 0 4px 2px 0 !important;
  scrollbar-width: thin;
}

.admin-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-hero,
.utility-hero,
.page-hero.compact {
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 10px 14px !important;
  border: 0.5px solid rgba(255,255,255,0.50) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.42), rgba(247,252,254,0.18)),
    rgba(255,255,255,0.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.58) !important;
}

.admin-hero .eyebrow,
.utility-hero .eyebrow,
.page-hero.compact .eyebrow {
  margin-bottom: 3px !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  color: rgba(32, 76, 88, 0.62) !important;
}

.admin-hero h1,
.utility-hero h1,
.page-hero.compact h1 {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: rgba(14, 30, 40, 0.92) !important;
}

.admin-hero p,
.utility-hero p,
.page-hero.compact p {
  margin: 4px 0 0 !important;
  max-width: 760px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: rgba(22, 42, 54, 0.64) !important;
}

.admin-main > .form-panel,
.admin-main > .table-panel,
.feedback-panel,
.comparison-panel {
  margin: 0 0 12px !important;
  padding: 14px !important;
}

.feedback-panel {
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.comparison-panel,
.report-panel {
  margin: 0 14px 14px !important;
}

.form-panel h2,
.table-panel h2,
.report-panel h2,
.comparison-panel h2 {
  margin: 0 0 10px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  color: rgba(14, 31, 42, 0.88) !important;
}

.glass-form {
  gap: 10px !important;
}

.glass-form label {
  gap: 5px !important;
  font-size: 12px !important;
  color: rgba(22, 42, 52, 0.70) !important;
}

.glass-form input,
.glass-form select,
.glass-form textarea {
  min-height: 34px !important;
  border-radius: 9px !important;
  border: 0.5px solid rgba(28, 70, 84, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.66), rgba(250,253,254,0.40)),
    rgba(255,255,255,0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.62),
    0 1px 1px rgba(20, 52, 64, 0.030) !important;
}

.glass-form textarea {
  min-height: 92px !important;
}

.glass-submit,
.mini-action,
.run-task-link {
  border-radius: 9px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.50),
    0 2px 5px rgba(16, 48, 62, 0.070) !important;
}

.glass-table-wrap {
  max-height: 330px !important;
  overflow: auto !important;
  border-radius: 12px !important;
}

.glass-table {
  font-size: 12px !important;
}

.glass-table th,
.glass-table td {
  padding: 8px 9px !important;
}

.provider-detail-head {
  gap: 12px !important;
}

.provider-detail-head h2 {
  font-size: 18px !important;
}

.score-dial {
  width: 82px !important;
  height: 82px !important;
  border-radius: 20px !important;
}

.risk-item {
  border-radius: 13px !important;
  border: 0.5px solid rgba(28, 70, 84, 0.09) !important;
  background: rgba(255,255,255,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.46) !important;
}

@media (max-width: 860px) {
  .admin-layout {
    grid-template-columns: 1fr !important;
    height: calc(100dvh - 112px) !important;
    min-height: 0 !important;
    overflow: auto !important;
  }

  .admin-sidebar {
    align-self: auto !important;
  }

  .admin-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-grid {
    grid-template-columns: 1fr !important;
  }

  .comparison-panel,
  .report-panel {
    margin: 0 10px 12px !important;
  }
}

/* 20260706-84 settings-app correction: undo the earlier centered settings
   strip and restore a native two-pane settings window. */
.mac-system-window .admin-section-settings.admin-layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 188px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 14px !important;
  height: min(72vh, 700px) !important;
  min-height: 520px !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.mac-system-window .admin-section-settings .admin-sidebar {
  width: auto !important;
  height: auto !important;
  align-self: stretch !important;
  padding: 14px !important;
  border-radius: 18px !important;
}

.mac-system-window .admin-section-settings .admin-sidebar .glass-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  height: 100% !important;
  padding: 0 !important;
}

.mac-system-window .admin-section-settings .admin-sidebar h1 {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}

.mac-system-window .admin-section-settings .admin-sidebar .glass-disclaimer,
.mac-system-window .admin-section-settings .admin-hero {
  display: none !important;
}

.mac-system-window .admin-section-settings .admin-nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-content: stretch !important;
  align-content: start !important;
  width: 100% !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.mac-system-window .admin-section-settings .admin-nav a {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 7px 10px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  text-align: left !important;
}

.mac-system-window .admin-section-settings .admin-main {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 0 4px 2px 0 !important;
}

.mac-system-window .admin-section-settings .form-panel {
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 auto !important;
  border-radius: 18px !important;
  box-shadow:
    0 9px 22px rgba(20, 58, 72, 0.075),
    inset 0 1px 0 rgba(255,255,255,0.62) !important;
}

@media (max-width: 860px) {
  .mac-system-window .admin-section-settings.admin-layout {
    grid-template-columns: 1fr !important;
    height: calc(100dvh - 112px) !important;
    min-height: 0 !important;
    overflow: auto !important;
  }

  .mac-system-window .admin-section-settings .admin-sidebar {
    align-self: auto !important;
  }

  .mac-system-window .admin-section-settings .admin-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@keyframes appSwitchOut49 {
  to {
    opacity: 0;
    transform: translate3d(0, 62px, 0) scale(.82);
  }
}

@keyframes appMinimize49 {
  to {
    opacity: 0;
    transform: translate3d(0, 118px, 0) scale(.50);
  }
}

@media (max-width: 720px) {
  .mac-dock,
  .global-mac-dock,
  .compact-dock {
    gap: 9px !important;
    padding: 8px 10px 7px !important;
  }

  .dock-app,
  .global-mac-dock .dock-app,
  .compact-dock .dock-app {
    width: 50px !important;
    min-width: 50px !important;
  }

  .dock-icon,
  .global-mac-dock .dock-icon,
  .compact-dock .dock-icon,
  .dock-img {
    width: 48px !important;
    height: 48px !important;
  }

  .dock-model-app-icon {
    width: 50px !important;
    height: 50px !important;
  }
}

/* 20260706-83: final provider app override.
   This must stay at the end so the provider apps keep a compact native-window
   layout instead of reverting to oversized web hero typography. */
.mac-system-window:has(.provider-library.provider-grid) {
  width: min(850px, calc(100vw - 56px)) !important;
  height: min(542px, calc(100dvh - 112px)) !important;
  display: grid !important;
  grid-template-rows: 38px 66px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

.mac-system-window:has(.provider-library.provider-grid) .provider-library-hero {
  height: 66px !important;
  min-height: 66px !important;
  padding: 11px 28px 9px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 26px 18px !important;
  align-items: center !important;
  column-gap: 14px !important;
  border-bottom: 0.5px solid rgba(30, 72, 86, 0.055) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.045)),
    rgba(255,255,255,0.030) !important;
}

.mac-system-window:has(.provider-library.provider-grid) .provider-library-hero h1 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  color: rgba(9, 20, 31, 0.90) !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  font-weight: 780 !important;
}

.mac-system-window:has(.provider-library.provider-grid) .provider-library-hero p {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  max-width: none !important;
  color: rgba(9, 24, 36, 0.52) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mac-system-window:has(.provider-library.provider-grid) .provider-library-hero .eyebrow {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  margin: 0 !important;
  height: 27px !important;
  padding: 0 12px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: rgba(30, 44, 58, 0.62) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: 0.09em !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.58), rgba(245,250,252,0.24)),
    rgba(255,255,255,0.16) !important;
  border: 0.5px solid rgba(255,255,255,0.46) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.58) !important;
}

.mac-system-window:has(.provider-library.provider-grid) .provider-library.provider-grid {
  padding: 9px 14px 12px !important;
  grid-auto-rows: 55px !important;
}

.mac-system-window:has(.provider-library.provider-grid) .provider-library.provider-grid .provider-card {
  height: 55px !important;
  min-height: 55px !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.45), rgba(246,251,252,0.20)),
    rgba(255,255,255,0.12) !important;
  border: 0.5px solid rgba(255,255,255,0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.58),
    0 1px 2px rgba(17, 51, 64, 0.035) !important;
}

.mac-system-window:has(.provider-detail-panel) {
  width: min(878px, calc(100vw - 56px)) !important;
  height: min(548px, calc(100dvh - 108px)) !important;
  overflow: auto !important;
}

.mac-system-window:has(.provider-detail-panel) .provider-detail-hero {
  padding: 18px 24px 12px !important;
}

.mac-system-window:has(.provider-detail-panel) .provider-detail-panel {
  border-radius: 22px !important;
  border: 0.5px solid rgba(255,255,255,0.50) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.44), rgba(245,251,253,0.20)),
    rgba(255,255,255,0.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.62),
    0 1px 3px rgba(19, 54, 68, 0.045) !important;
}

.mac-system-window:has(.provider-detail-panel) .provider-detail-panel > .glass-content {
  padding: 19px 20px 17px !important;
  gap: 14px !important;
}

.mac-system-window:has(.provider-detail-panel) .provider-detail-head {
  grid-template-columns: 48px minmax(0, 1fr) 76px !important;
  gap: 13px !important;
  align-items: center !important;
}

.mac-system-window:has(.provider-detail-panel) .provider-detail-head .provider-logo {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
}

.mac-system-window:has(.provider-detail-panel) .provider-detail-head h1 {
  margin: 2px 0 1px !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}

.mac-system-window:has(.provider-detail-panel) .provider-detail-head p {
  max-width: 520px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mac-system-window:has(.provider-detail-panel) .score-dial {
  width: 76px !important;
  height: 64px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.mac-system-window:has(.provider-detail-panel) .score-dial strong {
  font-size: 30px !important;
}

.mac-system-window:has(.provider-detail-panel) .hero-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.mac-system-window:has(.provider-detail-panel) .glass-metric,
.mac-system-window:has(.provider-detail-panel) .detail-grid > .glass-panel,
.mac-system-window:has(.provider-detail-panel) .detail-grid > .glass-effect,
.mac-system-window:has(.provider-detail-panel) > .table-panel {
  border-radius: 16px !important;
  border: 0.5px solid rgba(255,255,255,0.44) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.44), rgba(246,251,252,0.17)),
    rgba(255,255,255,0.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.54),
    0 1px 3px rgba(18, 52, 66, 0.035) !important;
}

.mac-system-window:has(.provider-detail-panel) .detail-grid {
  padding: 0 24px !important;
  gap: 12px !important;
}

.mac-system-window:has(.provider-detail-panel) .detail-grid > .glass-panel > .glass-content,
.mac-system-window:has(.provider-detail-panel) .detail-grid > .glass-effect > .glass-content,
.mac-system-window:has(.provider-detail-panel) > .table-panel > .glass-content {
  padding: 16px 18px !important;
}

.mac-system-window:has(.provider-detail-panel) .detail-grid h2,
.mac-system-window:has(.provider-detail-panel) .table-panel h2 {
  margin: 0 0 12px !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 760 !important;
}

/* 20260706-82: remove remaining web-page hero feel from provider apps. */
.mac-system-window:has(.provider-library.provider-grid) {
  width: min(850px, calc(100vw - 56px)) !important;
  height: min(542px, calc(100dvh - 112px)) !important;
  display: grid !important;
  grid-template-rows: 38px 66px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

.mac-system-window .provider-library-hero {
  height: 66px !important;
  min-height: 66px !important;
  padding: 11px 28px 9px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 1fr 1fr !important;
  align-items: center !important;
  column-gap: 14px !important;
  border-bottom: 0.5px solid rgba(30, 72, 86, 0.055) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.045)),
    rgba(255,255,255,0.030) !important;
}

.mac-system-window .provider-library-hero h1 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  color: rgba(9, 20, 31, 0.90) !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  font-weight: 780 !important;
}

.mac-system-window .provider-library-hero p {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  max-width: none !important;
  color: rgba(9, 24, 36, 0.52) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mac-system-window .provider-library-hero .eyebrow {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  margin: 0 !important;
  height: 27px !important;
  padding: 0 12px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: rgba(30, 44, 58, 0.62) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: 0.09em !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.58), rgba(245,250,252,0.24)),
    rgba(255,255,255,0.16) !important;
  border: 0.5px solid rgba(255,255,255,0.46) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.58) !important;
}

.mac-system-window .provider-library.provider-grid {
  padding: 9px 14px 12px !important;
  grid-auto-rows: 55px !important;
}

.mac-system-window .provider-library.provider-grid .provider-card {
  height: 55px !important;
  min-height: 55px !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.45), rgba(246,251,252,0.20)),
    rgba(255,255,255,0.12) !important;
  border: 0.5px solid rgba(255,255,255,0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.58),
    0 1px 2px rgba(17, 51, 64, 0.035) !important;
}

.mac-system-window .provider-library.provider-grid .provider-logo {
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(101, 166, 238, 0.96), rgba(71, 126, 215, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.38),
    0 2px 5px rgba(32, 74, 112, 0.12) !important;
}

.mac-system-window:has(.provider-detail-panel) {
  width: min(878px, calc(100vw - 56px)) !important;
  height: min(548px, calc(100dvh - 108px)) !important;
  overflow: auto !important;
}

.mac-system-window .provider-detail-hero {
  padding: 18px 24px 12px !important;
}

.mac-system-window .provider-detail-panel {
  border-radius: 22px !important;
  border: 0.5px solid rgba(255,255,255,0.50) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.44), rgba(245,251,253,0.20)),
    rgba(255,255,255,0.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.62),
    0 1px 3px rgba(19, 54, 68, 0.045) !important;
}

.mac-system-window .provider-detail-panel > .glass-content {
  padding: 19px 20px 17px !important;
  gap: 14px !important;
}

.mac-system-window .provider-detail-head {
  grid-template-columns: 48px minmax(0, 1fr) 76px !important;
  gap: 13px !important;
  align-items: center !important;
}

.mac-system-window .provider-detail-head .provider-logo {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
}

.mac-system-window .provider-detail-head .eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.10em !important;
  color: rgba(25, 42, 56, 0.48) !important;
}

.mac-system-window .provider-detail-head h1 {
  margin: 2px 0 1px !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}

.mac-system-window .provider-detail-head p {
  max-width: 520px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mac-system-window .score-dial {
  width: 76px !important;
  height: 64px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.mac-system-window .score-dial strong {
  font-size: 30px !important;
}

.mac-system-window .hero-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.mac-system-window .glass-metric {
  border-radius: 13px !important;
  border: 0.5px solid rgba(255,255,255,0.40) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.36), rgba(246,251,252,0.14)),
    rgba(255,255,255,0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    0 1px 2px rgba(18, 52, 66, 0.030) !important;
}

.mac-system-window .detail-grid {
  padding: 0 24px !important;
  gap: 12px !important;
}

.mac-system-window .detail-grid > .glass-panel,
.mac-system-window .detail-grid > .glass-effect,
.mac-system-window > .table-panel {
  border-radius: 18px !important;
  border: 0.5px solid rgba(255,255,255,0.44) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.46), rgba(246,251,252,0.18)),
    rgba(255,255,255,0.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.56),
    0 1px 3px rgba(18, 52, 66, 0.040) !important;
}

.mac-system-window .detail-grid > .glass-panel > .glass-content,
.mac-system-window .detail-grid > .glass-effect > .glass-content,
.mac-system-window > .table-panel > .glass-content {
  padding: 16px 18px !important;
}

.mac-system-window .detail-grid h2,
.mac-system-window .table-panel h2 {
  margin: 0 0 12px !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 760 !important;
}

@media (prefers-reduced-motion: reduce) {
  body.mac-desktop::after,
  .mac-app-entering .mac-system-window,
  .mac-app-entering .mac-window,
  .mac-app-switching-out .mac-system-window,
  .mac-app-switching-out .mac-window,
  .mac-app-switching .mac-system-window,
  .mac-app-switching .mac-window,
  .mac-app-minimizing .mac-system-window,
  .mac-app-minimizing .mac-window {
    animation: none !important;
  }
}

/* 20260706-50: closer to the supplied Liquid Glass demo.
   Restore a very light distortion layer plus precise inner highlights without
   adding borders around app icons or bringing back heavy blur animations. */
.mac-dock,
.global-mac-dock,
.compact-dock,
.mac-system-window,
.mac-window {
  overflow: hidden !important;
  isolation: isolate;
}

.dock-app,
.dock-icon,
.dock-label,
.mac-live-titlebar,
.mac-window-bar,
.mac-system-window > *:not(.glass-layer),
.mac-window > *:not(.glass-layer) {
  position: relative;
  z-index: 3;
}

.mac-dock::before,
.global-mac-dock::before,
.compact-dock::before,
.mac-system-window::before,
.mac-window::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  opacity: 0.10 !important;
  filter: url(#glass-distortion) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.04) !important;
  backdrop-filter: blur(3px) saturate(1.04) !important;
}

.mac-dock::after,
.global-mac-dock::after,
.compact-dock::after,
.mac-system-window::after,
.mac-window::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.25), rgba(255,255,255,0.10)),
    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.24), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,0.24), rgba(255,255,255,0.025) 42%, rgba(255,255,255,0.16)) !important;
  box-shadow:
    inset 2px 2px 1px rgba(255,255,255,0.46),
    inset -1px -1px 1px rgba(255,255,255,0.38),
    inset 0 -1px 0 rgba(0, 38, 56, 0.035) !important;
  opacity: 0.92 !important;
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  border: 0 !important;
  background: rgba(255,255,255,0.18) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.10) brightness(1.04) !important;
  backdrop-filter: blur(3px) saturate(1.10) brightness(1.04) !important;
  box-shadow:
    0 6px 6px rgba(0, 0, 0, 0.18),
    0 0 20px rgba(0, 0, 0, 0.10) !important;
  transition:
    padding 700ms cubic-bezier(.175,.885,.32,2.2),
    border-radius 700ms cubic-bezier(.175,.885,.32,2.2),
    transform 260ms ease,
    opacity 220ms ease !important;
}

.mac-dock:hover,
.global-mac-dock:hover,
.compact-dock:hover {
  padding: 11px 18px 10px !important;
  border-radius: 32px !important;
}

.mac-system-window,
.mac-window {
  border: 0 !important;
  background: rgba(255,255,255,0.20) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.09) brightness(1.03) !important;
  backdrop-filter: blur(3px) saturate(1.09) brightness(1.03) !important;
  box-shadow:
    0 6px 6px rgba(0, 0, 0, 0.16),
    0 0 24px rgba(0, 18, 32, 0.11) !important;
}

.mac-live-titlebar,
.mac-window-bar {
  background: rgba(255,255,255,0.16) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.06) !important;
  backdrop-filter: blur(3px) saturate(1.06) !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.36),
    0 1px 0 rgba(0, 32, 46, 0.018) !important;
}

.dock-icon,
.global-mac-dock .dock-icon,
.compact-dock .dock-icon,
.dock-img {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 8px rgba(0, 18, 30, 0.22)) !important;
}

.dock-model-app-icon {
  filter: drop-shadow(0 9px 9px rgba(0, 18, 30, 0.24)) !important;
}

.uptime-bars,
.mac-ranking .uptime-bars {
  border: 0 !important;
  background: rgba(255,255,255,0.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 -1px 0 rgba(0, 26, 38, 0.022) !important;
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  background: rgba(255,255,255,0.018) !important;
  -webkit-backdrop-filter: blur(0px) !important;
  backdrop-filter: blur(0px) !important;
}

body.mac-fullscreen .mac-live-titlebar:hover,
body.mac-fullscreen .mac-window-bar:hover,
body.mac-fullscreen .mac-live-titlebar:focus-within,
body.mac-fullscreen .mac-window-bar:focus-within {
  background: rgba(255,255,255,0.18) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.08) !important;
  backdrop-filter: blur(3px) saturate(1.08) !important;
}

/* 20260706-51: native app content polish.
   Lists, score chips, provider icons, and traffic lights should read like
   quiet macOS controls instead of web cards or glossy badges. */
.traffic-lights {
  gap: 7px !important;
}

.traffic-lights a,
.traffic-lights button,
.traffic-lights span,
.traffic-close,
.traffic-minimize,
.traffic-fullscreen {
  width: 12px !important;
  height: 12px !important;
  border: 0.5px solid rgba(0,0,0,0.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.54),
    inset 0 -1px 0 rgba(0,0,0,0.12),
    0 1px 1px rgba(0,0,0,0.10) !important;
}

.traffic-close {
  background: radial-gradient(circle at 35% 28%, #ffaaa2, #ff5f57 58%, #d9443e 100%) !important;
}

.traffic-minimize {
  background: radial-gradient(circle at 35% 28%, #ffe6a4, #ffbd2e 58%, #d79b19 100%) !important;
}

.traffic-fullscreen {
  background: radial-gradient(circle at 35% 28%, #b6f7bd, #28c840 58%, #16a02e 100%) !important;
}

.window-title strong,
.mac-titlebar-label {
  color: rgba(8, 18, 28, 0.76) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.window-title small,
.window-footnote {
  color: rgba(8, 24, 34, 0.50) !important;
}

.window-tabs {
  background: rgba(255,255,255,0.18) !important;
  border-radius: 14px !important;
  padding: 3px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.38),
    inset 0 -1px 0 rgba(0, 30, 44, 0.03) !important;
}

.window-tabs a {
  border-radius: 11px !important;
  color: rgba(10, 25, 36, 0.58) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease !important;
}

.window-tabs a.active {
  color: rgba(8, 18, 28, 0.86) !important;
  background: rgba(255,255,255,0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.54),
    0 1px 2px rgba(0, 18, 30, 0.07) !important;
}

.mac-ranking .mini-ranking-list {
  overflow: hidden !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.30),
    inset 0 -1px 0 rgba(0, 26, 38, 0.025) !important;
}

.mac-ranking .mini-ranking-row {
  min-height: 57px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: rgba(255,255,255,0.055) !important;
  box-shadow: none !important;
  border-bottom: 0.5px solid rgba(8, 30, 42, 0.052) !important;
  transform: none !important;
}

.mac-ranking .mini-ranking-row:last-child {
  border-bottom: 0 !important;
}

.mac-ranking .mini-ranking-row:hover,
.mac-ranking .mini-ranking-row:focus-visible {
  background: rgba(255,255,255,0.16) !important;
  transform: none !important;
}

.mini-site-icon,
.provider-logo {
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(104, 170, 238, 0.94), rgba(58, 112, 217, 0.94)) !important;
  border: 0.5px solid rgba(255,255,255,0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.36),
    inset 0 -1px 0 rgba(0, 28, 70, 0.12),
    0 1px 3px rgba(0, 22, 44, 0.12) !important;
  color: rgba(255,255,255,0.94) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.20) !important;
}

.mini-site-main strong,
.provider-card-head h2,
.provider-card-head h3 {
  color: rgba(8, 20, 30, 0.84) !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.mini-site-main small,
.provider-card-head p {
  color: rgba(8, 24, 34, 0.52) !important;
}

.mini-score,
.glass-badge,
.mac-system-window .glass-badge {
  min-width: 34px !important;
  height: 24px !important;
  border-radius: 8px !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 -1px 0 rgba(0,0,0,0.045) !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 760 !important;
}

.mini-score.good,
.glass-badge-success,
.mac-system-window .glass-badge-success {
  color: #0f5132 !important;
  background: rgba(107, 205, 126, 0.66) !important;
}

.mini-score.watch,
.glass-badge-warning,
.mac-system-window .glass-badge-warning {
  color: #65480b !important;
  background: rgba(232, 184, 74, 0.66) !important;
}

.mini-score.risk,
.glass-badge-danger,
.mac-system-window .glass-badge-danger {
  color: #70221f !important;
  background: rgba(218, 86, 78, 0.62) !important;
}

.mini-metrics b,
.provider-card-metrics strong {
  color: rgba(8, 20, 30, 0.82) !important;
  font-variant-numeric: tabular-nums !important;
}

.mini-metrics small,
.provider-card-metrics span {
  color: rgba(8, 24, 34, 0.52) !important;
}

.mac-system-window .provider-library.provider-grid .provider-card,
.mac-system-window .provider-library .provider-card {
  background: rgba(255,255,255,0.06) !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -1px 0 rgba(0, 28, 42, 0.020) !important;
}

.mac-system-window .provider-library.provider-grid .provider-card:hover,
.mac-system-window .provider-library .provider-card:hover {
  background: rgba(255,255,255,0.14) !important;
  transform: none !important;
}

.provider-card-status {
  color: rgba(8, 24, 34, 0.52) !important;
}

.uptime-bars,
.mac-ranking .uptime-bars {
  height: 19px !important;
  padding: 4px !important;
  gap: 2px !important;
}

.uptime-bars i,
.mac-ranking .uptime-bars i {
  width: 2px !important;
  opacity: 0.92 !important;
}

.uptime-bars i.ok,
.mac-ranking .uptime-bars i.ok {
  height: 12px !important;
  background: #31a855 !important;
}

.uptime-bars i.warn,
.mac-ranking .uptime-bars i.warn {
  height: 9px !important;
  background: #c99a2d !important;
}

.uptime-bars i.bad,
.mac-ranking .uptime-bars i.bad {
  height: 6px !important;
  background: #c94b43 !important;
}

/* 20260706-52: explicit ranking score override, matching the strongest
   legacy selector so the badge no longer falls back to bright system green. */
.mac-ranking .mini-score,
.ranking-window .mini-score {
  min-width: 34px !important;
  height: 24px !important;
  border-radius: 8px !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 -1px 0 rgba(0,0,0,0.045) !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 760 !important;
}

.mac-ranking .mini-score.good,
.ranking-window .mini-score.good {
  color: #0f5132 !important;
  background: rgba(107, 205, 126, 0.66) !important;
}

.mac-ranking .mini-score.watch,
.ranking-window .mini-score.watch {
  color: #65480b !important;
  background: rgba(232, 184, 74, 0.66) !important;
}

.mac-ranking .mini-score.risk,
.ranking-window .mini-score.risk {
  color: #70221f !important;
  background: rgba(218, 86, 78, 0.62) !important;
}

/* 20260706-53: CSS-only Dock magnification falloff.
   This recreates the native Dock feel without pointermove layout reads. */
.mac-dock .dock-app:hover,
.global-mac-dock .dock-app:hover,
.compact-dock .dock-app:hover,
.mac-dock .dock-app:focus-visible,
.global-mac-dock .dock-app:focus-visible,
.compact-dock .dock-app:focus-visible {
  --dock-scale: 1.18;
  --dock-lift: -10px;
  z-index: 5;
}

.mac-dock .dock-app:hover + .dock-app,
.global-mac-dock .dock-app:hover + .dock-app,
.compact-dock .dock-app:hover + .dock-app {
  --dock-scale: 1.08;
  --dock-lift: -5px;
  z-index: 4;
}

.mac-dock .dock-app:hover + .dock-app + .dock-app,
.global-mac-dock .dock-app:hover + .dock-app + .dock-app,
.compact-dock .dock-app:hover + .dock-app + .dock-app {
  --dock-scale: 1.035;
  --dock-lift: -2px;
  z-index: 3;
}

.mac-launchpad .mac-stage > .mac-dock {
  transform: translate3d(0, 0, 0) scale(1) !important;
  animation: launchpadDockSettle53 640ms cubic-bezier(.18,.9,.24,1) both;
}

@keyframes launchpadDockSettle53 {
  from {
    opacity: 0;
    transform: translate3d(0, 26px, 0) scale(.92);
  }
  70% {
    opacity: 1;
    transform: translate3d(0, -1px, 0) scale(1.006);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* 20260706-54: performance and native-app polish.
   Keep the Liquid Glass structure, but remove reflow-heavy hover padding,
   shrink the moving wallpaper layer, and make app pages feel like compact
   macOS utilities instead of long web documents. */
body.mac-desktop::after {
  --wallpaper-shift-54: min(280dvh, 433.3333333333vw);
  top: calc(0px - var(--wallpaper-shift-54)) !important;
  bottom: auto !important;
  height: calc(100dvh + var(--wallpaper-shift-54) + var(--wallpaper-shift-54)) !important;
  transform: translate3d(0, 0, 0) !important;
  animation: macWallpaperFlow54 190s linear infinite !important;
  will-change: transform;
  backface-visibility: hidden;
}

@keyframes macWallpaperFlow54 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, var(--wallpaper-shift-54), 0); }
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  padding: 9px 16px 8px !important;
  transition:
    transform 220ms cubic-bezier(.18,.9,.24,1),
    opacity 180ms ease,
    filter 180ms ease !important;
}

.mac-dock:hover,
.global-mac-dock:hover,
.compact-dock:hover {
  padding: 9px 16px 8px !important;
  border-radius: 28px !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  transition:
    transform 190ms cubic-bezier(.2,.92,.22,1),
    opacity 160ms ease,
    filter 160ms ease !important;
}

.mac-dock .dock-app:hover,
.global-mac-dock .dock-app:hover,
.compact-dock .dock-app:hover,
.mac-dock .dock-app:focus-visible,
.global-mac-dock .dock-app:focus-visible,
.compact-dock .dock-app:focus-visible {
  --dock-scale: 1.13;
  --dock-lift: -8px;
}

.mac-dock .dock-app:hover + .dock-app,
.global-mac-dock .dock-app:hover + .dock-app,
.compact-dock .dock-app:hover + .dock-app {
  --dock-scale: 1.055;
  --dock-lift: -3px;
}

.mac-dock .dock-app:hover + .dock-app + .dock-app,
.global-mac-dock .dock-app:hover + .dock-app + .dock-app,
.compact-dock .dock-app:hover + .dock-app + .dock-app {
  --dock-scale: 1.015;
  --dock-lift: -1px;
}

.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  animation: appAppear54 360ms cubic-bezier(.18,.9,.22,1) both !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 44ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  animation: appSwitchOut54 300ms cubic-bezier(.32,.68,.22,1) both !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  transform-origin: center calc(100% + 72px) !important;
  animation: appMinimize54 300ms cubic-bezier(.30,.72,.20,1) both !important;
}

@keyframes appAppear54 {
  from {
    opacity: 0;
    transform: translate3d(0, 34px, 0) scale(.92);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appSwitchOut54 {
  to {
    opacity: 0;
    transform: translate3d(0, 34px, 0) scale(.92);
  }
}

@keyframes appMinimize54 {
  to {
    opacity: 0;
    transform: translate3d(0, 76px, 0) scale(.62);
  }
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  background: transparent !important;
  border-bottom-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.mac-fullscreen .traffic-lights {
  width: max-content !important;
  margin-left: 6px !important;
  padding: 7px 9px !important;
  border-radius: 999px !important;
  background: rgba(246, 252, 255, 0.32) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.12) !important;
  backdrop-filter: blur(8px) saturate(1.12) !important;
  box-shadow:
    0 6px 18px rgba(0, 22, 38, 0.12),
    inset 0 1px 0 rgba(255,255,255,0.58),
    inset 0 -1px 0 rgba(0, 34, 48, 0.04) !important;
  opacity: 1 !important;
}

.detector-app .mac-system-window {
  width: min(760px, calc(100vw - 36px)) !important;
  max-width: min(760px, calc(100vw - 36px)) !important;
  max-height: calc(100dvh - 112px) !important;
  overflow: hidden !important;
}

.detector-app .hero {
  display: block !important;
  margin: 0 !important;
  padding: 20px 28px 10px !important;
  text-align: left !important;
}

.detector-app .hero::after {
  display: none !important;
}

.detector-app .hero h1 {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 7px !important;
  font-size: clamp(25px, 3vw, 34px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

.detector-app .hero-sub {
  max-width: 58ch !important;
  margin: 0 !important;
  color: rgba(8, 24, 34, 0.58) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

.detector-app .answer-capsule,
.detector-app .alert-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.detector-app .alert-card {
  margin: 0 28px 8px !important;
  padding: 9px 12px !important;
  border-radius: 12px !important;
  color: rgba(8, 24, 34, 0.62) !important;
  background: rgba(255,255,255,0.13) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.detector-app .form-card {
  margin: 8px 22px 22px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.15) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 -1px 0 rgba(0, 28, 42, 0.026) !important;
}

.detector-app .form-card form {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 9px !important;
}

.detector-app .form-card form > .field,
.detector-app .form-card form > .field-row,
.detector-app .btn-primary,
.detector-app .form-error {
  flex: 0 0 100% !important;
}

.detector-app .field {
  gap: 5px !important;
}

.detector-app .field-row {
  grid-template-columns: minmax(0, 1.35fr) minmax(164px, .65fr) !important;
  gap: 12px !important;
}

.detector-app label {
  color: rgba(8, 20, 30, 0.72) !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

.detector-app input:not([type="checkbox"]):not([type="radio"]),
.detector-app select,
.detector-app textarea {
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  background: rgba(255,255,255,0.45) !important;
}

.detector-app .hint,
.detector-app .checkbox-hint {
  max-width: 66ch !important;
  color: rgba(8, 24, 34, 0.46) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.detector-app .field-checkbox {
  order: 8 !important;
  flex: 1 1 calc(50% - 5px) !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.30) !important;
}

.detector-app .field-checkbox input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin-top: 1px !important;
}

.detector-app .field-checkbox label {
  gap: 3px !important;
}

.detector-app .checkbox-hint {
  display: none !important;
}

.detector-app .btn-primary {
  order: 6 !important;
  min-height: 42px !important;
  border-radius: 12px !important;
}

.detector-app .form-error {
  order: 7 !important;
}

.detector-app .features,
.detector-app .faq {
  display: none !important;
}

.mac-system-window .admin-layout {
  gap: 18px !important;
}

.mac-system-window .admin-sidebar {
  width: 184px !important;
}

.mac-system-window .admin-main {
  gap: 14px !important;
}

.mac-system-window .admin-hero {
  padding: 0 2px 4px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mac-system-window .admin-hero h1 {
  font-size: 26px !important;
  line-height: 1.12 !important;
}

.mac-system-window .form-panel,
.mac-system-window .table-panel {
  border-radius: 18px !important;
  background: rgba(255,255,255,0.13) !important;
}

@media (max-width: 720px) {
  body.mac-desktop::after {
    --wallpaper-shift-54: 220dvh;
  }

  .detector-app .mac-system-window {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    max-height: calc(100dvh - 92px) !important;
  }

  .detector-app .hero {
    padding: 16px 18px 8px !important;
  }

  .detector-app .form-card {
    margin: 8px 12px 14px !important;
    padding: 14px !important;
  }

  .detector-app .field-row {
    grid-template-columns: 1fr !important;
  }
}

/* 20260706-55: stronger white-surf wallpaper and finer macOS glass.
   The Dock should read as a glass shelf with app icons, not labeled web
   buttons; status strips should be quiet monitoring marks, not glossy bars. */
body.mac-desktop::after {
  --wallpaper-shift-55: 432.3563892145vw;
  top: calc(0px - var(--wallpaper-shift-55)) !important;
  bottom: auto !important;
  height: calc(100dvh + var(--wallpaper-shift-55) + var(--wallpaper-shift-55)) !important;
  background-image: url("/static/generated/mac-white-breaker-wallpaper-loop-v55.png") !important;
  background-size: 100vw auto !important;
  background-position: center 0 !important;
  background-repeat: repeat-y !important;
  animation: macWallpaperFlow55 238s linear infinite !important;
  transform: translate3d(0, 0, 0) !important;
}

@keyframes macWallpaperFlow55 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, var(--wallpaper-shift-55), 0); }
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  gap: 12px !important;
  padding: 10px 16px !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,0.24) !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.13) brightness(1.04) !important;
  backdrop-filter: blur(5px) saturate(1.13) brightness(1.04) !important;
  box-shadow:
    0 6px 6px rgba(0, 0, 0, 0.16),
    0 0 20px rgba(0, 0, 0, 0.09),
    inset 2px 2px 1px rgba(255,255,255,0.42),
    inset -1px -1px 1px rgba(255,255,255,0.36) !important;
}

.mac-dock:hover,
.global-mac-dock:hover,
.compact-dock:hover {
  padding: 10px 16px !important;
  border-radius: 30px !important;
}

.mac-dock::before,
.global-mac-dock::before,
.compact-dock::before {
  opacity: 0.08 !important;
  -webkit-backdrop-filter: blur(3px) !important;
  backdrop-filter: blur(3px) !important;
}

.mac-dock::after,
.global-mac-dock::after,
.compact-dock::after {
  opacity: 0.82 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.26), rgba(255,255,255,0.075)),
    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.26), transparent 44%),
    linear-gradient(135deg, rgba(255,255,255,0.22), rgba(255,255,255,0.018) 48%, rgba(255,255,255,0.14)) !important;
}

.dock-label {
  display: none !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  width: 60px !important;
  min-width: 60px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
}

.dock-icon,
.global-mac-dock .dock-icon,
.compact-dock .dock-icon,
.dock-img {
  width: 58px !important;
  height: 58px !important;
  filter:
    drop-shadow(0 7px 7px rgba(0, 18, 30, 0.19))
    drop-shadow(0 1px 0 rgba(255,255,255,0.16)) !important;
}

.dock-model-app-icon {
  width: 58px !important;
  height: 58px !important;
  filter:
    drop-shadow(0 7px 7px rgba(0, 18, 30, 0.18))
    drop-shadow(0 1px 0 rgba(255,255,255,0.14)) !important;
}

.dock-app.active::after {
  position: absolute !important;
  bottom: -5px !important;
  width: 4px !important;
  height: 4px !important;
  opacity: 0.94 !important;
}

.mac-system-window,
.mac-window {
  border-radius: 28px !important;
  background: rgba(248,253,255,0.26) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.09) brightness(1.03) !important;
  backdrop-filter: blur(8px) saturate(1.09) brightness(1.03) !important;
  box-shadow:
    0 22px 52px rgba(0, 26, 42, 0.18),
    0 6px 14px rgba(255,255,255,0.08),
    inset 2px 2px 1px rgba(255,255,255,0.46),
    inset -1px -1px 1px rgba(255,255,255,0.36),
    inset 0 -1px 0 rgba(0, 32, 48, 0.035) !important;
}

.mac-system-window::before,
.mac-window::before {
  opacity: 0.07 !important;
}

.mac-system-window::after,
.mac-window::after {
  opacity: 0.78 !important;
  box-shadow:
    inset 2px 2px 1px rgba(255,255,255,0.40),
    inset -1px -1px 1px rgba(255,255,255,0.30),
    inset 0 -1px 0 rgba(0, 34, 48, 0.030) !important;
}

.mac-live-titlebar,
.mac-window-bar {
  min-height: 36px !important;
  background: rgba(255,255,255,0.17) !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.18) !important;
}

.traffic-lights a,
.traffic-lights button,
.traffic-lights span,
.traffic-close,
.traffic-minimize,
.traffic-fullscreen {
  box-shadow:
    inset 0 0.5px 0 rgba(255,255,255,0.58),
    inset 0 -0.5px 0 rgba(0,0,0,0.12),
    0 0.5px 1px rgba(0,0,0,0.10) !important;
}

.uptime-bars,
.mac-ranking .uptime-bars {
  height: 18px !important;
  gap: 2px !important;
  padding: 3px 4px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: rgba(255,255,255,0.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

.uptime-bars i,
.mac-ranking .uptime-bars i {
  width: 2px !important;
  border-radius: 1px !important;
  opacity: 0.88 !important;
  box-shadow: none !important;
}

.uptime-bars i.ok,
.mac-ranking .uptime-bars i.ok {
  height: 12px !important;
  background: #34c759 !important;
}

.uptime-bars i.warn,
.mac-ranking .uptime-bars i.warn {
  height: 9px !important;
  background: #ffcc00 !important;
}

.uptime-bars i.bad,
.mac-ranking .uptime-bars i.bad {
  height: 6px !important;
  background: #ff3b30 !important;
}

.mac-ranking .mini-ranking-list {
  border-radius: 14px !important;
  background: rgba(255,255,255,0.065) !important;
}

.mac-ranking .mini-ranking-row {
  min-height: 54px !important;
  background: rgba(255,255,255,0.035) !important;
  border-bottom-color: rgba(8, 30, 42, 0.045) !important;
}

.mac-ranking .mini-ranking-row:hover,
.mac-ranking .mini-ranking-row:focus-visible {
  background: rgba(255,255,255,0.13) !important;
}

@media (max-width: 720px) {
  .dock-app,
  .global-mac-dock .dock-app,
  .compact-dock .dock-app {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
  }

  .dock-icon,
  .global-mac-dock .dock-icon,
  .compact-dock .dock-icon,
  .dock-img,
  .dock-model-app-icon {
    width: 48px !important;
    height: 48px !important;
  }
}

/* 20260706-56: native list treatment for provider library and smoother app
   transitions. This keeps provider data dense, scannable, and system-like
   instead of reading as a stack of web cards. */
.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  animation: appAppear56 420ms cubic-bezier(.17,.88,.22,1.04) both !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 68ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  animation: appSwitchOut56 320ms cubic-bezier(.28,.72,.22,1) both !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  transform-origin: center calc(100% + 88px) !important;
  animation: appMinimize56 340ms cubic-bezier(.24,.74,.20,1) both !important;
}

@keyframes appAppear56 {
  from {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 72px, 0) scale(.78);
  }
  72% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, -2px, 0) scale(1.012);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appSwitchOut56 {
  to {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 54px, 0) scale(.86);
  }
}

@keyframes appMinimize56 {
  to {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(0, 126px, 0) scale(.46);
  }
}

.mac-system-window .provider-library-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 16px !important;
  margin: 0 0 14px !important;
  padding: 0 2px 4px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mac-system-window .provider-library-hero .eyebrow {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 0 4px !important;
  color: rgba(8, 24, 34, 0.48) !important;
  font-size: 11px !important;
  letter-spacing: .08em !important;
}

.mac-system-window .provider-library-hero h1 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  font-size: clamp(26px, 3.1vw, 34px) !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

.mac-system-window .provider-library-hero p {
  display: none !important;
}

.mac-system-window .provider-library {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,0.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -1px 0 rgba(0, 28, 42, 0.022) !important;
}

.mac-system-window .provider-library .provider-card {
  border-radius: 0 !important;
  background: rgba(255,255,255,0.030) !important;
  box-shadow: inset 0 -0.5px 0 rgba(8, 30, 42, 0.050) !important;
  min-height: 76px !important;
}

.mac-system-window .provider-library .provider-card:last-child {
  box-shadow: none !important;
}

.mac-system-window .provider-library .provider-card:hover,
.mac-system-window .provider-library .provider-card:focus-within {
  background: rgba(255,255,255,0.13) !important;
}

.mac-system-window .provider-library .provider-card .glass-distort,
.mac-system-window .provider-library .provider-card .glass-tint,
.mac-system-window .provider-library .provider-card .glass-shine {
  display: none !important;
}

.mac-system-window .provider-library .provider-card .glass-content {
  display: grid !important;
  grid-template-columns: minmax(190px, 1.25fr) minmax(210px, .9fr) 110px 50px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 12px 14px !important;
}

.mac-system-window .provider-library .provider-card-head {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.mac-system-window .provider-library .provider-logo {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

.mac-system-window .provider-library .provider-card-head h2 {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mac-system-window .provider-library .provider-card-head p,
.mac-system-window .provider-library .badge-row {
  display: none !important;
}

.mac-system-window .provider-library .provider-card-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px 10px !important;
  margin: 0 !important;
}

.mac-system-window .provider-library .provider-card-metrics span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(8, 24, 34, 0.44) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.mac-system-window .provider-library .provider-card-metrics strong {
  display: block !important;
  margin-top: 2px !important;
  color: rgba(8, 20, 30, 0.76) !important;
  font-size: 12px !important;
  font-variant-numeric: tabular-nums !important;
}

.mac-system-window .provider-library .provider-card-status {
  display: grid !important;
  justify-items: start !important;
  gap: 5px !important;
  margin: 0 !important;
  color: rgba(8, 24, 34, 0.44) !important;
  font-size: 10px !important;
}

.mac-system-window .provider-library .provider-card-status > span:first-child {
  display: block !important;
}

.mac-system-window .provider-library .provider-card-status .uptime-bars {
  transform: translateX(-2px) !important;
}

.mac-system-window .provider-library .glass-link {
  width: 42px !important;
  height: 28px !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  color: rgba(8, 24, 34, 0.62) !important;
  background: rgba(255,255,255,0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 -1px 0 rgba(0, 28, 42, 0.028) !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

@media (max-width: 820px) {
  .mac-system-window .provider-library .provider-card .glass-content {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .mac-system-window .provider-library .provider-card-metrics {
    display: none !important;
  }

  .mac-system-window .provider-library .provider-card-status {
    display: none !important;
  }
}

/* 20260706-57: provider library specificity fix.
   The template uses both provider-library and provider-grid, so match that
   stronger shape to keep the native list rules active at app-window widths. */
.mac-system-window .provider-library.provider-grid {
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,0.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -1px 0 rgba(0, 28, 42, 0.022) !important;
}

.mac-system-window .provider-library.provider-grid .provider-card {
  min-height: 78px !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.030) !important;
  box-shadow: inset 0 -0.5px 0 rgba(8, 30, 42, 0.050) !important;
}

.mac-system-window .provider-library.provider-grid .provider-card:hover,
.mac-system-window .provider-library.provider-grid .provider-card:focus-within {
  background: rgba(255,255,255,0.13) !important;
}

.mac-system-window .provider-library.provider-grid .provider-card .glass-content {
  display: grid !important;
  grid-template-columns: minmax(175px, 1.2fr) minmax(190px, .9fr) 102px 46px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 11px 14px !important;
}

.mac-system-window .provider-library.provider-grid .provider-card .glass-distort,
.mac-system-window .provider-library.provider-grid .provider-card .glass-tint,
.mac-system-window .provider-library.provider-grid .provider-card .glass-shine {
  display: none !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-head p,
.mac-system-window .provider-library.provider-grid .badge-row {
  display: none !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px 10px !important;
  margin: 0 !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-status {
  display: grid !important;
  gap: 5px !important;
  justify-items: start !important;
  margin: 0 !important;
}

@media (max-width: 820px) {
  .mac-system-window .provider-library.provider-grid .provider-card {
    min-height: 122px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card .glass-content {
    grid-template-columns: minmax(0, 1fr) 46px !important;
    gap: 8px 12px !important;
    padding: 12px 14px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-head {
    grid-column: 1 / 2 !important;
  }

  .mac-system-window .provider-library.provider-grid .glass-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-metrics {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-status {
    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
}

/* 20260706-58: keep provider uptime strips visible in native list mode. */
.mac-system-window .provider-library.provider-grid .provider-card-status .uptime-bars,
.mac-system-window .provider-library .provider-card-status .uptime-bars {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 820px) {
  .mac-system-window .provider-library.provider-grid .provider-card-status .uptime-bars,
  .mac-system-window .provider-library .provider-card-status .uptime-bars {
    display: flex !important;
  }
}

/* 20260706-59: tighten narrow app-window content.
   Provider rows should stay information-rich without becoming tall cards,
   and detector windows need visible air above the Dock. */
.detector-app .mac-system-window {
  max-height: calc(100dvh - 128px) !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-status > span:first-child,
.mac-system-window .provider-library .provider-card-status > span:first-child {
  display: none !important;
}

@media (max-width: 820px) {
  .mac-system-window .provider-library.provider-grid .provider-card {
    min-height: 88px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card .glass-content {
    grid-template-columns: minmax(0, 1fr) 92px 46px !important;
    grid-template-rows: auto auto !important;
    gap: 5px 10px !important;
    padding: 8px 14px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-head {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
  }

  .mac-system-window .provider-library.provider-grid .glass-link {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-metrics {
    grid-column: 1 / 2 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px 8px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-metrics span {
    font-size: 8.5px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-metrics strong {
    font-size: 10.5px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-status {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-status .uptime-bars {
    transform: none !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-logo {
    width: 32px !important;
    height: 32px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-head {
    gap: 8px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-head h2 {
    font-size: 13px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card:nth-child(n+6) {
    display: none !important;
  }
}

@media (max-width: 720px) {
  .detector-app .mac-system-window {
    max-height: calc(100dvh - 112px) !important;
  }
}

/* 20260706-62: turn settings into a System Settings style panel and keep
   detector tools clearly separated from the Dock. */
.detector-app .mac-system-window {
  max-height: calc(100dvh - 142px) !important;
}

.detector-app .hero {
  padding-top: 16px !important;
  padding-bottom: 7px !important;
}

.detector-app .form-card {
  margin-top: 6px !important;
  padding: 15px 18px !important;
}

.detector-app .form-card form {
  gap: 7px !important;
}

.detector-app input:not([type="checkbox"]):not([type="radio"]),
.detector-app select,
.detector-app textarea {
  min-height: 36px !important;
  height: 36px !important;
}

.detector-app .field-checkbox {
  min-height: 36px !important;
  padding: 6px 10px !important;
  align-items: center !important;
}

.detector-app .field-checkbox label {
  line-height: 1.2 !important;
}

.detector-app .btn-primary {
  min-height: 40px !important;
}

.mac-system-window .admin-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.mac-system-window .admin-sidebar {
  width: 100% !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(0, 28, 42, 0.020) !important;
}

.mac-system-window .admin-sidebar .glass-distort,
.mac-system-window .admin-sidebar .glass-tint,
.mac-system-window .admin-sidebar .glass-shine {
  display: none !important;
}

.mac-system-window .admin-sidebar .glass-content {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
}

.mac-system-window .admin-sidebar h1 {
  margin: 0 !important;
  color: rgba(8, 20, 30, 0.74) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.mac-system-window .admin-nav {
  display: flex !important;
  gap: 4px !important;
  overflow: hidden !important;
  padding: 3px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

.mac-system-window .admin-nav a {
  min-height: 26px !important;
  padding: 0 9px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  color: rgba(8, 24, 34, 0.54) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  white-space: nowrap !important;
}

.mac-system-window .admin-nav a.active {
  color: rgba(8, 20, 30, 0.82) !important;
  background: rgba(255,255,255,0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.32),
    0 1px 2px rgba(0, 18, 30, 0.055) !important;
}

.mac-system-window .admin-sidebar .glass-disclaimer {
  display: none !important;
}

.mac-system-window .admin-main {
  gap: 12px !important;
}

.mac-system-window .form-panel > .glass-content {
  padding: 18px !important;
}

.mac-system-window .form-panel h2 {
  margin-bottom: 12px !important;
  font-size: 16px !important;
}

.mac-system-window .glass-form {
  gap: 10px !important;
}

.mac-system-window .glass-form label {
  gap: 5px !important;
}

.mac-system-window .glass-form input,
.mac-system-window .glass-form select,
.mac-system-window .glass-form textarea {
  min-height: 36px !important;
}

.mac-system-window .glass-form textarea {
  min-height: 86px !important;
}

@media (max-width: 720px) {
  .detector-app .mac-system-window {
    max-height: calc(100dvh - 128px) !important;
  }

  .mac-system-window .admin-sidebar .glass-content {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .mac-system-window .admin-nav {
    overflow-x: auto !important;
    scrollbar-width: none;
  }
}

/* 20260706-63: report/detail/comparison content polish. */
.mac-system-window .provider-detail-panel,
.mac-system-window .report-panel {
  border-radius: 19px !important;
  background: rgba(255,255,255,0.105) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -1px 0 rgba(0, 28, 42, 0.022) !important;
}

.mac-system-window .provider-detail-panel > .glass-content,
.mac-system-window .report-panel > .glass-content {
  padding: 16px !important;
}

.mac-system-window .provider-detail-head {
  gap: 12px !important;
  align-items: center !important;
}

.mac-system-window .provider-detail-head .provider-logo {
  width: 42px !important;
  height: 42px !important;
  border-radius: 11px !important;
}

.mac-system-window .provider-detail-head h1,
.mac-system-window .provider-detail-head h2 {
  font-size: clamp(20px, 3vw, 26px) !important;
  line-height: 1.05 !important;
  margin: 0 0 4px !important;
}

.mac-system-window .provider-detail-head p {
  max-width: 44ch !important;
  margin: 0 !important;
  color: rgba(8, 24, 34, 0.50) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

.mac-system-window .score-dial {
  width: 58px !important;
  height: 72px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 -1px 0 rgba(0, 28, 42, 0.024) !important;
}

.mac-system-window .score-dial strong {
  font-size: 26px !important;
  line-height: 1 !important;
}

.mac-system-window .score-dial span {
  font-size: 10px !important;
}

.mac-system-window .hero-metrics {
  gap: 7px !important;
  margin-top: 12px !important;
}

.mac-system-window .glass-metric {
  min-height: 66px !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,0.095) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(0, 28, 42, 0.018) !important;
}

.mac-system-window .metric-label,
.mac-system-window .metric-hint {
  color: rgba(8, 24, 34, 0.46) !important;
}

.mac-system-window .metric-value {
  color: rgba(8, 20, 30, 0.82) !important;
  font-variant-numeric: tabular-nums !important;
}

.mac-system-window .detail-grid {
  gap: 10px !important;
}

.mac-system-window .score-bars {
  gap: 9px !important;
}

.mac-system-window .score-bar-row {
  gap: 5px !important;
}

.mac-system-window .score-bar-meta {
  color: rgba(8, 24, 34, 0.56) !important;
  font-size: 12px !important;
}

.mac-system-window .score-bar-meta strong {
  color: rgba(8, 20, 30, 0.78) !important;
  font-size: 12px !important;
}

.mac-system-window .score-bar-track {
  height: 5px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.mac-system-window .score-bar-track span {
  border-radius: inherit !important;
  background: linear-gradient(90deg, rgba(70, 184, 174, 0.70), rgba(126, 205, 90, 0.68)) !important;
  box-shadow: none !important;
}

.mac-system-window .glass-table-wrap {
  border-radius: 15px !important;
  background: rgba(255,255,255,0.060) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.20),
    inset 0 -1px 0 rgba(0, 28, 42, 0.018) !important;
}

.mac-system-window .glass-table {
  font-size: 12px !important;
  border-collapse: collapse !important;
}

.mac-system-window .glass-table th {
  height: 28px !important;
  padding: 7px 10px !important;
  color: rgba(8, 24, 34, 0.42) !important;
  background: rgba(255,255,255,0.035) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
}

.mac-system-window .glass-table td {
  height: 31px !important;
  padding: 7px 10px !important;
  border-bottom: 0.5px solid rgba(8, 30, 42, 0.045) !important;
  color: rgba(8, 24, 34, 0.68) !important;
  font-variant-numeric: tabular-nums !important;
}

.mac-system-window .glass-table tr:hover td {
  background: rgba(255,255,255,0.11) !important;
}

.mac-system-window .comparison-panel .glass-disclaimer,
.mac-system-window .table-panel .glass-disclaimer,
.mac-system-window .report-panel .glass-disclaimer {
  margin-top: 8px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  color: rgba(8, 24, 34, 0.48) !important;
  background: rgba(255,255,255,0.08) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.mac-system-window .page-hero.compact.utility-hero,
.mac-system-window .page-hero.compact:not(.admin-hero):not(.provider-library-hero) {
  padding: 0 2px 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mac-system-window .utility-hero h1,
.mac-system-window .page-hero.compact h1 {
  font-size: clamp(24px, 3.3vw, 32px) !important;
  line-height: 1.08 !important;
}

.mac-system-window .utility-hero p,
.mac-system-window .page-hero.compact p {
  max-width: 62ch !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

@media (max-width: 720px) {
  .mac-system-window .provider-detail-head {
    grid-template-columns: 42px minmax(0, 1fr) 58px !important;
  }

  .mac-system-window .hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mac-system-window .glass-table th,
  .mac-system-window .glass-table td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* 20260706-64: avoid clipped detail score rows in compact app windows. */
@media (max-width: 720px) {
  .mac-system-window .score-bars .score-bar-row:nth-child(n+5) {
    display: none !important;
  }

  .mac-system-window .score-bars {
    gap: 8px !important;
  }

  .mac-system-window .detail-grid > .glass-panel,
  .mac-system-window .detail-grid > .glass-effect {
    border-radius: 18px !important;
  }
}

/* 20260706-65: macOS-style Dock hover labels.
   Keep the Dock itself clean, but reveal app names as small glass tooltips. */
.mac-dock,
.global-mac-dock,
.compact-dock {
  overflow: visible !important;
}

.mac-dock .dock-label,
.global-mac-dock .dock-label,
.compact-dock .dock-label,
.dock-label {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 9px) !important;
  z-index: 40 !important;
  width: max-content !important;
  max-width: 140px !important;
  padding: 4px 8px !important;
  border: 0.5px solid rgba(255,255,255,0.22) !important;
  border-radius: 7px !important;
  color: rgba(255,255,255,0.94) !important;
  background: linear-gradient(180deg, rgba(37, 47, 56, 0.74), rgba(24, 31, 39, 0.64)) !important;
  box-shadow:
    0 8px 18px rgba(0, 12, 20, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(0,0,0,0.16) !important;
  backdrop-filter: blur(14px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
  font-size: 11px !important;
  font-weight: 620 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.22) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translate3d(-50%, 5px, 0) scale(0.96) !important;
  transform-origin: 50% 100% !important;
  transition:
    opacity 150ms cubic-bezier(.2,.7,.2,1),
    transform 180ms cubic-bezier(.2,.8,.18,1) !important;
}

.mac-dock .dock-app:hover .dock-label,
.global-mac-dock .dock-app:hover .dock-label,
.compact-dock .dock-app:hover .dock-label,
.mac-dock .dock-app.dock-hovered .dock-label,
.global-mac-dock .dock-app.dock-hovered .dock-label,
.compact-dock .dock-app.dock-hovered .dock-label,
.mac-dock .dock-app:focus-visible .dock-label,
.global-mac-dock .dock-app:focus-visible .dock-label,
.compact-dock .dock-app:focus-visible .dock-label {
  opacity: 1 !important;
  transform: translate3d(-50%, 0, 0) scale(1) !important;
}

@media (hover: none) {
  .mac-dock .dock-label,
  .global-mac-dock .dock-label,
  .compact-dock .dock-label,
  .dock-label {
    display: none !important;
  }
}

/* 20260706-66: stronger white breaking-wave wallpaper.
   Use a ping-pong loop asset so the vertical scroll can run endlessly without
   a hard top/bottom seam. */
body.mac-desktop {
  background: #e9f6f7 !important;
}

body.mac-desktop::before {
  background:
    radial-gradient(circle at 50% -12%, rgba(255,255,255,0.18), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.030), rgba(0, 34, 47, 0.045)),
    linear-gradient(90deg, rgba(0, 28, 42, 0.030), transparent 36%, transparent 64%, rgba(0, 28, 42, 0.030)) !important;
}

body.mac-desktop::after {
  --wallpaper-shift-66: 421.527777777778vw;
  top: calc(0px - var(--wallpaper-shift-66)) !important;
  bottom: auto !important;
  height: calc(100dvh + var(--wallpaper-shift-66) + var(--wallpaper-shift-66)) !important;
  background-image: url("/static/generated/mac-white-breaker-wallpaper-loop-v66.png") !important;
  background-size: 100vw auto !important;
  background-position: center 0 !important;
  background-repeat: repeat-y !important;
  opacity: 1 !important;
  filter: none !important;
  animation: macWallpaperFlow66 248s linear infinite !important;
  transform: translate3d(0, 0, 0) !important;
  contain: paint;
  will-change: transform;
}

@keyframes macWallpaperFlow66 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, var(--wallpaper-shift-66), 0); }
}

/* 20260706-67: shell glass fidelity pass.
   Final cascade for the Dock, app windows, icons, and uptime strips. */
.mac-dock,
.global-mac-dock,
.compact-dock {
  gap: 11px !important;
  padding: 9px 14px 8px !important;
  border: 0.5px solid rgba(255,255,255,0.34) !important;
  border-radius: 29px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.105) 44%, rgba(214,236,242,0.075)),
    rgba(255,255,255,0.135) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.16) brightness(1.03) !important;
  backdrop-filter: blur(12px) saturate(1.16) brightness(1.03) !important;
  box-shadow:
    0 18px 42px rgba(0, 20, 32, 0.135),
    0 2px 8px rgba(0, 20, 32, 0.055),
    inset 0 1px 0 rgba(255,255,255,0.52),
    inset 0 -1px 0 rgba(0, 32, 46, 0.040),
    inset 1px 0 0 rgba(255,255,255,0.16),
    inset -1px 0 0 rgba(255,255,255,0.08) !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.mac-dock:hover,
.global-mac-dock:hover,
.compact-dock:hover {
  padding: 9px 14px 8px !important;
  border-radius: 29px !important;
}

.mac-dock::before,
.global-mac-dock::before,
.compact-dock::before {
  inset: 0 !important;
  border-radius: inherit !important;
  opacity: 0.135 !important;
  filter: url(#glass-distortion) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  backdrop-filter: blur(3px) !important;
  mix-blend-mode: screen !important;
}

.mac-dock::after,
.global-mac-dock::after,
.compact-dock::after {
  inset: 0.5px !important;
  border-radius: inherit !important;
  opacity: 0.74 !important;
  background:
    linear-gradient(150deg, rgba(255,255,255,0.46), rgba(255,255,255,0.050) 28%, rgba(255,255,255,0.018) 62%, rgba(255,255,255,0.25)),
    radial-gradient(circle at 34% 0%, rgba(255,255,255,0.18), transparent 46%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.50),
    inset 0 -1px 0 rgba(0, 34, 48, 0.030) !important;
  pointer-events: none !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  position: relative !important;
  z-index: 3 !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transform: translate3d(0, var(--dock-lift, 0), 0) scale(var(--dock-scale, 1)) !important;
  transition:
    transform 230ms cubic-bezier(.19,1.06,.24,1.02),
    opacity 170ms ease,
    filter 170ms ease !important;
}

.dock-app:hover,
.dock-app:focus-visible,
.dock-app.dock-hovered {
  --dock-scale: 1.115;
  --dock-lift: -7px;
  text-decoration: none !important;
}

.dock-app:active {
  --dock-scale: 0.965;
  --dock-lift: -1px;
}

.dock-icon,
.global-mac-dock .dock-icon,
.compact-dock .dock-icon,
.dock-img {
  width: 56px !important;
  height: 56px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  box-shadow: none !important;
  image-rendering: auto !important;
  filter:
    drop-shadow(0 8px 9px rgba(0, 18, 30, 0.18))
    drop-shadow(0 1px 0 rgba(255,255,255,0.16)) !important;
}

.dock-model-app-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 15px !important;
  filter:
    drop-shadow(0 8px 8px rgba(0, 18, 30, 0.16))
    drop-shadow(0 1px 0 rgba(255,255,255,0.14)) !important;
}

.dock-app.active::after {
  bottom: -5px !important;
  width: 4px !important;
  height: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.94) !important;
  box-shadow:
    0 1px 2px rgba(0, 20, 34, 0.18),
    0 0 0 0.5px rgba(0, 20, 34, 0.10) !important;
}

.mac-system-window,
.mac-window {
  border: 0.5px solid rgba(255,255,255,0.38) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.285), rgba(255,255,255,0.125) 42%, rgba(225,244,248,0.105)),
    rgba(255,255,255,0.145) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.14) brightness(1.02) !important;
  backdrop-filter: blur(22px) saturate(1.14) brightness(1.02) !important;
  box-shadow:
    0 32px 78px rgba(0, 22, 38, 0.205),
    0 9px 24px rgba(0, 22, 38, 0.070),
    inset 0 1px 0 rgba(255,255,255,0.60),
    inset 1px 0 0 rgba(255,255,255,0.18),
    inset -1px -1px 0 rgba(255,255,255,0.10) !important;
}

.mac-system-window::before,
.mac-window::before {
  opacity: 0.125 !important;
  filter: url(#glass-distortion) !important;
  mix-blend-mode: screen !important;
}

.mac-system-window::after,
.mac-window::after {
  inset: 0.5px !important;
  opacity: 0.66 !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.44), rgba(255,255,255,0.052) 26%, rgba(255,255,255,0.015) 63%, rgba(255,255,255,0.20)),
    radial-gradient(circle at 50% -14%, rgba(255,255,255,0.18), transparent 48%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.38),
    inset 0 -1px 0 rgba(0, 34, 48, 0.026) !important;
}

.mac-live-titlebar,
.mac-window-bar {
  min-height: 38px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.265), rgba(255,255,255,0.095)),
    rgba(255,255,255,0.060) !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.32),
    0 1px 0 rgba(0, 32, 46, 0.020) !important;
}

.traffic-lights a,
.traffic-lights button,
.traffic-lights span,
.traffic-close,
.traffic-minimize,
.traffic-fullscreen {
  width: 12px !important;
  height: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.46),
    inset 0 -1px 0 rgba(0,0,0,0.11),
    0 1px 1.5px rgba(0,0,0,0.13) !important;
}

.uptime-bars,
.mac-ranking .uptime-bars,
.provider-card-status .uptime-bars {
  height: 20px !important;
  gap: 2px !important;
  padding: 3px 3px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: rgba(255,255,255,0.025) !important;
  box-shadow: none !important;
}

.uptime-bars i,
.mac-ranking .uptime-bars i,
.provider-card-status .uptime-bars i {
  width: 3px !important;
  min-width: 3px !important;
  border-radius: 2px !important;
  opacity: 0.94 !important;
  box-shadow: none !important;
}

.uptime-bars i.ok,
.mac-ranking .uptime-bars i.ok,
.provider-card-status .uptime-bars i.ok {
  height: 14px !important;
  background: #30b95f !important;
}

.uptime-bars i.warn,
.mac-ranking .uptime-bars i.warn,
.provider-card-status .uptime-bars i.warn {
  height: 10px !important;
  background: #d7aa36 !important;
}

.uptime-bars i.bad,
.mac-ranking .uptime-bars i.bad,
.provider-card-status .uptime-bars i.bad {
  height: 7px !important;
  background: #d7534c !important;
}

.mac-ranking .mini-ranking-row,
.mac-system-window .provider-library.provider-grid .provider-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.165), rgba(255,255,255,0.060)),
    rgba(255,255,255,0.050) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(0, 30, 42, 0.018) !important;
}

.mac-ranking .mini-ranking-row:hover,
.mac-ranking .mini-ranking-row:focus-visible,
.mac-system-window .provider-library.provider-grid .provider-card:hover,
.mac-system-window .provider-library.provider-grid .provider-card:focus-within {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.225), rgba(255,255,255,0.082)),
    rgba(255,255,255,0.065) !important;
  transform: translate3d(0, -1px, 0) !important;
}

/* 20260706-68: detector apps should read as compact native utilities, not
   product pages. Keep the workflow, remove marketing weight from the visible
   app surface, and make long-context options feel like system rows. */
.detector-app .mac-system-window {
  width: min(580px, calc(100vw - 24px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 130px) !important;
  overflow: hidden !important;
}

.detector-app .hero {
  margin: 0 !important;
  padding: 25px 34px 6px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.detector-app .hero::after,
.detector-app .hero-sub,
.detector-app .answer-capsule,
.detector-app .alert-card,
.detector-app .features,
.detector-app .feature,
.detector-app .faq {
  display: none !important;
}

.detector-app .hero h1 {
  margin: 0 !important;
  color: rgba(8, 18, 28, 0.88) !important;
  font-size: 23px !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.detector-app .form-card {
  width: calc(100% - 64px) !important;
  margin: 8px auto 30px !important;
  padding: 14px 16px 16px !important;
  border: 0.5px solid rgba(255,255,255,0.24) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.150), rgba(255,255,255,0.052)),
    rgba(255,255,255,0.044) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -1px 0 rgba(0, 28, 40, 0.018) !important;
}

.detector-app .form-card form {
  display: grid !important;
  gap: 8px !important;
}

.detector-app .field {
  gap: 4px !important;
}

.detector-app .field-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(128px, 0.65fr) !important;
  gap: 9px !important;
  align-items: start !important;
}

.detector-app label {
  color: rgba(8, 22, 34, 0.56) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.detector-app .hint,
.detector-app .checkbox-hint {
  display: none !important;
}

.detector-app input:not([type="checkbox"]):not([type="radio"]),
.detector-app select,
.detector-app textarea {
  min-height: 34px !important;
  height: 34px !important;
  border: 0.5px solid rgba(255,255,255,0.30) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.46), rgba(255,255,255,0.20)),
    rgba(255,255,255,0.155) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    inset 0 -1px 0 rgba(0, 30, 42, 0.025) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
}

.detector-app input:not([type="checkbox"]):not([type="radio"]):focus,
.detector-app select:focus,
.detector-app textarea:focus {
  border-color: rgba(68, 160, 220, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.58),
    0 0 0 3px rgba(64, 156, 220, 0.13) !important;
}

.detector-app .field-checkbox {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 0.5px solid rgba(255,255,255,0.22) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.125), rgba(255,255,255,0.045)),
    rgba(255,255,255,0.035) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.detector-app .field-checkbox input[type="checkbox"] {
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  accent-color: #4d9fe7 !important;
}

.detector-app .field-checkbox label {
  min-width: 0 !important;
  color: rgba(8, 22, 34, 0.72) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

.detector-app .field-checkbox label strong {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.detector-app .btn-primary,
.detector-app button[type="submit"] {
  min-height: 42px !important;
  margin-top: 2px !important;
  color: rgba(8, 22, 34, 0.88) !important;
  border: 0.5px solid rgba(255,255,255,0.36) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.52), rgba(255,255,255,0.22)),
    rgba(255,255,255,0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.58),
    inset 0 -1px 0 rgba(0, 28, 40, 0.032),
    0 8px 18px rgba(0, 22, 36, 0.052) !important;
}

.detector-app .btn-primary:hover,
.detector-app button[type="submit"]:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.60), rgba(255,255,255,0.27)),
    rgba(255,255,255,0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.62),
    0 9px 20px rgba(0, 22, 36, 0.070) !important;
}

@media (max-width: 620px) {
  .detector-app .field-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .detector-app .hero {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .detector-app .form-card {
    width: calc(100% - 42px) !important;
  }
}

/* 20260706-69: remove legacy detector ordering from earlier web-form passes.
   The app workflow must stay input fields -> options -> submit, matching the
   DOM and a native utility panel. */
.detector-app .form-card form > *,
.detector-app .form-card form > .field,
.detector-app .form-card form > .field-row,
.detector-app .field-checkbox,
.detector-app .btn-primary,
.detector-app button[type="submit"],
.detector-app .form-error {
  order: 0 !important;
  flex: none !important;
}

.detector-app .form-card form {
  gap: 7px !important;
}

.detector-app .field-checkbox {
  min-height: 31px !important;
  padding: 6px 9px !important;
  align-items: center !important;
}

.detector-app .field-checkbox label {
  font-size: 11.5px !important;
  line-height: 1.12 !important;
}

.detector-app .field-checkbox input[type="checkbox"] {
  width: 14px !important;
  height: 14px !important;
}

.detector-app .btn-primary,
.detector-app button[type="submit"] {
  height: 40px !important;
  min-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 20260706-70: Dock-origin app transitions.
   JS records the clicked Dock icon position so app windows open from and
   minimize back toward the correct icon instead of using a generic center. */
.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 92px) !important;
  animation: appAppearFromDock70 430ms cubic-bezier(.18,.90,.18,1.04) both !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 56ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 92px) !important;
  animation: appSwitchToDock70 350ms cubic-bezier(.30,.70,.18,1) both !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 96px) !important;
  animation: appMinimizeToDock70 360ms cubic-bezier(.26,.72,.18,1) both !important;
}

@keyframes appAppearFromDock70 {
  from {
    opacity: 0;
    filter: blur(10px);
    transform: translate3d(var(--app-origin-dx, 0px), 66px, 0) scale(.78);
  }
  68% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(var(--app-origin-overshoot, 0px), -2px, 0) scale(1.006);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appSwitchToDock70 {
  to {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(var(--app-origin-dx, 0px), 58px, 0) scale(.80);
  }
}

@keyframes appMinimizeToDock70 {
  to {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(var(--app-origin-dx, 0px), 92px, 0) scale(.54);
  }
}

/* 20260706-71: stricter fullscreen mode.
   Fullscreen should behave like a real app surface: Dock cannot intercept
   events, the window fills the viewport, and controls remain reachable. */
body.mac-fullscreen .global-mac-dock,
body.mac-fullscreen .compact-dock,
body.mac-fullscreen .mac-dock {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(-50%, 32px, 0) scale(.94) !important;
}

body.mac-fullscreen .glass-container {
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: stretch !important;
}

body.mac-fullscreen .mac-stage,
body.mac-fullscreen .ranking-stage {
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding: 0 !important;
}

body.mac-fullscreen .mac-system-window,
body.mac-fullscreen .mac-window {
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: auto !important;
}

body.mac-fullscreen.detector-app .mac-system-window {
  width: 100vw !important;
  max-height: none !important;
}

body.mac-fullscreen .mac-system-window::after,
body.mac-fullscreen .mac-window::after {
  border-radius: 0 !important;
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  min-height: 36px !important;
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.mac-fullscreen .traffic-lights {
  width: max-content !important;
  margin-left: 8px !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.42), rgba(255,255,255,0.16)),
    rgba(255,255,255,0.20) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.12) !important;
  backdrop-filter: blur(12px) saturate(1.12) !important;
  box-shadow:
    0 8px 22px rgba(0, 20, 34, 0.13),
    inset 0 1px 0 rgba(255,255,255,0.42),
    0 0 0 0.5px rgba(0, 20, 34, 0.08) !important;
}

body.mac-fullscreen .mac-titlebar-label,
body.mac-fullscreen .window-title,
body.mac-fullscreen .window-tabs {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 20260706-72: remove hidden fullscreen title/tab layout space. */
body.mac-fullscreen .mac-titlebar-label,
body.mac-fullscreen .window-title,
body.mac-fullscreen .window-tabs {
  display: none !important;
}

body.mac-fullscreen .mac-window-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
}

body.mac-fullscreen .mac-live-titlebar {
  min-height: 38px !important;
  height: 38px !important;
}

/* 20260706-73: render Dock icons as real image assets.
   High-resolution RGBA PNGs stay crisper as <img> than as CSS backgrounds,
   and the icon box no longer reads as an extra web button surface. */
img.dock-icon,
img.dock-img,
.global-mac-dock img.dock-icon,
.compact-dock img.dock-icon {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  image-rendering: auto !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-user-drag: none;
  user-select: none;
}

img.dock-model-app-icon {
  border-radius: 15px !important;
}

.dock-app:hover img.dock-img,
.dock-app:focus-visible img.dock-img,
.dock-app.dock-hovered img.dock-img {
  filter:
    drop-shadow(0 10px 10px rgba(0, 18, 30, 0.19))
    drop-shadow(0 1px 0 rgba(255,255,255,0.17)) !important;
}

/* 20260706-74: native settings surface, cleaner app icons, and lighter motion.
   Keep the virtual macOS direction while reducing the realtime filter cost that
   made app switching feel sticky in the browser. */
.glass-effect .glass-distort,
.glass-layer.glass-distort,
.mac-system-window .glass-distort {
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  opacity: .24 !important;
}

.glass-effect,
.mac-system-window,
.mac-dock,
.global-mac-dock,
.compact-dock,
.form-panel,
.table-panel,
.content-panel,
.admin-sidebar {
  -webkit-backdrop-filter: blur(14px) saturate(1.10) !important;
  backdrop-filter: blur(14px) saturate(1.10) !important;
}

.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  animation-duration: 320ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  animation-duration: 280ms !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  animation-duration: 300ms !important;
}

@keyframes appAppearFromDock70 {
  from {
    opacity: 0;
    filter: blur(4px);
    transform: translate3d(var(--app-origin-dx, 0px), 48px, 0) scale(.84);
  }
  70% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(var(--app-origin-overshoot, 0px), -1px, 0) scale(1.003);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appSwitchToDock70 {
  to {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(var(--app-origin-dx, 0px), 46px, 0) scale(.84);
  }
}

@keyframes appMinimizeToDock70 {
  to {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(var(--app-origin-dx, 0px), 72px, 0) scale(.60);
  }
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-system-window > .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  position: fixed !important;
  top: 10px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 80 !important;
  width: max-content !important;
  min-width: 0 !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) !important;
  background: transparent !important;
}

body.mac-fullscreen .traffic-lights {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  padding: 6px 9px !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.admin-section-settings {
  width: min(690px, 100%) !important;
  margin: 0 auto !important;
  padding: 8px 8px 22px !important;
  gap: 12px !important;
}

.mac-system-window .admin-section-settings .admin-sidebar {
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.42), rgba(241,248,251,0.18)),
    rgba(255,255,255,0.14) !important;
  border: 0.5px solid rgba(255,255,255,0.54) !important;
}

.mac-system-window .admin-section-settings .admin-sidebar .glass-content {
  display: block !important;
  padding: 7px !important;
}

.mac-system-window .admin-section-settings .admin-sidebar h1,
.mac-system-window .admin-section-settings .admin-sidebar .glass-disclaimer,
.mac-system-window .admin-section-settings .admin-hero {
  display: none !important;
}

.mac-system-window .admin-section-settings .admin-nav {
  display: flex !important;
  width: 100% !important;
  gap: 3px !important;
  padding: 3px !important;
  justify-content: center !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.50), rgba(238,246,250,0.20)),
    rgba(255,255,255,0.14) !important;
}

.mac-system-window .admin-section-settings .admin-nav::-webkit-scrollbar {
  display: none !important;
}

.mac-system-window .admin-section-settings .admin-nav a {
  min-width: 74px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.mac-system-window .admin-section-settings .admin-main {
  display: grid !important;
  gap: 0 !important;
  align-items: start !important;
}

.mac-system-window .admin-section-settings .form-panel {
  width: min(560px, 100%) !important;
  margin: 0 auto !important;
  border-radius: 24px !important;
  border: 0.5px solid rgba(255,255,255,0.62) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.54), rgba(236,246,250,0.20)),
    rgba(255,255,255,0.18) !important;
  box-shadow:
    0 26px 54px rgba(0, 30, 50, 0.15),
    inset 0 1px 0 rgba(255,255,255,0.72),
    inset 0 -1px 0 rgba(10, 30, 42, 0.05) !important;
}

.mac-system-window .admin-section-settings .form-panel > .glass-content {
  padding: 16px !important;
}

.mac-system-window .admin-section-settings .form-panel h2 {
  margin: 0 0 12px !important;
  padding: 0 2px !important;
  color: rgba(8, 20, 30, 0.86) !important;
  font-size: 18px !important;
  font-weight: 760 !important;
  line-height: 1.15 !important;
}

.mac-system-window .admin-section-settings .glass-form {
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 17px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.38), rgba(244,250,252,0.18)),
    rgba(255,255,255,0.12) !important;
  border: 0.5px solid rgba(255,255,255,0.42) !important;
}

.mac-system-window .admin-section-settings .glass-form label {
  display: grid !important;
  grid-template-columns: minmax(126px, .78fr) minmax(0, 1.22fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 48px !important;
  padding: 8px 13px !important;
  color: rgba(8, 22, 34, 0.78) !important;
  font-size: 12px !important;
  font-weight: 690 !important;
  border-bottom: 0.5px solid rgba(10, 30, 42, 0.09) !important;
}

.mac-system-window .admin-section-settings .glass-form label:has(textarea) {
  grid-template-columns: 1fr !important;
  align-items: start !important;
  gap: 8px !important;
  padding-top: 10px !important;
}

.mac-system-window .admin-section-settings .glass-form input,
.mac-system-window .admin-section-settings .glass-form select,
.mac-system-window .admin-section-settings .glass-form textarea {
  width: 100% !important;
  min-height: 34px !important;
  border-radius: 10px !important;
  border: 0.5px solid rgba(10, 30, 42, 0.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.66), rgba(247,251,252,0.42)),
    rgba(255,255,255,0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.76),
    0 1px 1px rgba(0, 20, 35, 0.035) !important;
  color: rgba(6, 18, 28, 0.88) !important;
}

.mac-system-window .admin-section-settings .glass-form textarea {
  min-height: 82px !important;
  resize: vertical !important;
}

.mac-system-window .admin-section-settings .glass-submit {
  justify-self: end !important;
  min-width: 112px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 10px 13px 12px auto !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
}

.mac-system-window .admin-section-settings .form-status {
  margin: 0 13px 13px !important;
}

@media (max-width: 720px) {
  .admin-section-settings {
    width: 100% !important;
    padding: 4px 2px 18px !important;
  }

  .mac-system-window .admin-section-settings .admin-nav {
    justify-content: flex-start !important;
  }

  .mac-system-window .admin-section-settings .admin-nav a {
    min-width: 68px !important;
  }

  .mac-system-window .admin-section-settings .form-panel > .glass-content {
    padding: 14px !important;
  }

  .mac-system-window .admin-section-settings .glass-form label {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
}

/* 20260706-75: stronger white-wave wallpaper and finer macOS glass pass.
   This is the active final cascade for the desktop, Dock, app windows, and
   uptime strips. Earlier dated blocks remain for history but are superseded. */
body.mac-desktop::before {
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,0.18), transparent 31%),
    linear-gradient(180deg, rgba(255,255,255,0.015), rgba(0, 36, 48, 0.025)),
    linear-gradient(90deg, rgba(0, 28, 42, 0.020), transparent 38%, transparent 62%, rgba(0, 28, 42, 0.020)) !important;
  opacity: .72 !important;
}

body.mac-desktop::after {
  --wallpaper-shift-75: 600vw;
  top: calc(0px - var(--wallpaper-shift-75)) !important;
  bottom: auto !important;
  height: calc(100dvh + var(--wallpaper-shift-75) + var(--wallpaper-shift-75)) !important;
  background-image: url("/static/generated/mac-white-wave-wallpaper-loop-v75.png") !important;
  background-size: 100vw auto !important;
  background-position: center 0 !important;
  background-repeat: repeat-y !important;
  opacity: 1 !important;
  filter: none !important;
  animation: macWallpaperFlow75 236s linear infinite !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform !important;
  contain: paint !important;
}

@keyframes macWallpaperFlow75 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, var(--wallpaper-shift-75), 0); }
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  gap: 11px !important;
  padding: 8px 13px 7px !important;
  border-radius: 28px !important;
  border: 0.5px solid rgba(255,255,255,0.46) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.34), rgba(255,255,255,0.16) 44%, rgba(226,244,249,0.11)),
    rgba(255,255,255,0.105) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.28) brightness(1.05) !important;
  backdrop-filter: blur(24px) saturate(1.28) brightness(1.05) !important;
  box-shadow:
    0 16px 34px rgba(0, 28, 42, 0.15),
    0 2px 7px rgba(0, 26, 38, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.70),
    inset 0 -1px 0 rgba(0, 44, 62, 0.06),
    inset 1px 0 0 rgba(255,255,255,0.22),
    inset -1px 0 0 rgba(255,255,255,0.16) !important;
}

.mac-dock:hover,
.global-mac-dock:hover,
.compact-dock:hover {
  padding: 8px 13px 7px !important;
}

.mac-dock::before,
.global-mac-dock::before,
.compact-dock::before {
  display: block !important;
  filter: none !important;
  opacity: .52 !important;
  -webkit-backdrop-filter: blur(4px) saturate(1.12) !important;
  backdrop-filter: blur(4px) saturate(1.12) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.42), transparent 38%),
    radial-gradient(circle at 82% 100%, rgba(255,255,255,0.20), transparent 44%) !important;
  mix-blend-mode: screen !important;
}

.mac-dock::after,
.global-mac-dock::after,
.compact-dock::after {
  opacity: 1 !important;
  background:
    linear-gradient(154deg, rgba(255,255,255,0.58), rgba(255,255,255,0.075) 26%, rgba(255,255,255,0.025) 64%, rgba(255,255,255,0.31)),
    linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.015)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.70),
    inset 0 -1px 0 rgba(0, 36, 52, 0.045),
    inset 0 0 0 0.5px rgba(255,255,255,0.24) !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  width: 57px !important;
  min-width: 57px !important;
  height: 57px !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: translate3d(0, var(--dock-lift, 0), 0) scale(var(--dock-scale, 1)) !important;
  transition:
    transform 260ms cubic-bezier(.18, .98, .18, 1),
    filter 180ms ease,
    opacity 180ms ease !important;
}

.dock-icon,
.dock-img,
img.dock-icon,
img.dock-img,
.global-mac-dock img.dock-icon,
.compact-dock img.dock-icon {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 8px 9px rgba(0, 22, 32, 0.18))
    drop-shadow(0 1px 0 rgba(255,255,255,0.18)) !important;
}

img.dock-model-app-icon {
  border-radius: 0 !important;
  filter:
    drop-shadow(0 8px 8px rgba(0, 22, 32, 0.15))
    drop-shadow(0 1px 0 rgba(255,255,255,0.18)) !important;
}

.dock-app:hover img.dock-img,
.dock-app:focus-visible img.dock-img,
.dock-app.dock-hovered img.dock-img {
  filter:
    drop-shadow(0 12px 12px rgba(0, 22, 34, 0.20))
    drop-shadow(0 1px 0 rgba(255,255,255,0.22)) !important;
}

.mac-system-window,
.mac-window {
  border-radius: 28px !important;
  border: 0.5px solid rgba(255,255,255,0.56) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.44), rgba(246,251,252,0.22) 42%, rgba(233,245,249,0.14)),
    rgba(255,255,255,0.14) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.20) brightness(1.03) !important;
  backdrop-filter: blur(28px) saturate(1.20) brightness(1.03) !important;
  box-shadow:
    0 34px 78px rgba(0, 27, 42, 0.18),
    0 2px 8px rgba(0, 27, 42, 0.07),
    inset 0 1px 0 rgba(255,255,255,0.74),
    inset 0 -1px 0 rgba(0, 38, 55, 0.07),
    inset 1px 0 0 rgba(255,255,255,0.22),
    inset -1px 0 0 rgba(255,255,255,0.14) !important;
}

.mac-system-window::before,
.mac-window::before,
.mac-system-window .glass-distort,
.mac-window .glass-distort {
  filter: none !important;
  opacity: .20 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.mac-live-titlebar,
.mac-window-bar {
  border-bottom: 0.5px solid rgba(0, 34, 48, 0.055) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.38), rgba(255,255,255,0.09)),
    rgba(255,255,255,0.05) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.56) !important;
}

.traffic-lights {
  background: transparent !important;
  box-shadow: none !important;
}

.uptime-bars,
.mac-ranking .uptime-bars,
.provider-card-status .uptime-bars {
  height: 20px !important;
  min-width: 70px !important;
  gap: 2px !important;
  padding: 3px 4px !important;
  align-items: end !important;
  border: 0.5px solid rgba(13, 36, 48, 0.08) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.58), rgba(246,251,252,0.30)),
    rgba(255,255,255,0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.62),
    0 1px 1px rgba(0, 24, 36, 0.035) !important;
}

.uptime-bars i,
.mac-ranking .uptime-bars i,
.provider-card-status .uptime-bars i {
  width: 3px !important;
  min-width: 3px !important;
  border-radius: 1.5px !important;
  opacity: 1 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.uptime-bars i.ok,
.mac-ranking .uptime-bars i.ok,
.provider-card-status .uptime-bars i.ok {
  height: 14px !important;
  background: #1db954 !important;
}

.uptime-bars i.warn,
.mac-ranking .uptime-bars i.warn,
.provider-card-status .uptime-bars i.warn {
  height: 10px !important;
  background: #c69a2c !important;
}

.uptime-bars i.bad,
.mac-ranking .uptime-bars i.bad,
.provider-card-status .uptime-bars i.bad {
  height: 7px !important;
  background: #d14d45 !important;
}

.mac-ranking .mini-ranking-row {
  border-radius: 14px !important;
  border: 0.5px solid rgba(255,255,255,0.44) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.38), rgba(245,250,252,0.18)),
    rgba(255,255,255,0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.50),
    0 1px 1px rgba(0, 28, 42, 0.035) !important;
}

.mac-ranking .mini-site-icon {
  border: 0.5px solid rgba(255,255,255,0.48) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.72), rgba(241,248,251,0.38)),
    rgba(255,255,255,0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.70),
    0 2px 5px rgba(0, 25, 38, 0.06) !important;
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-system-window > .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  left: 12px !important;
  top: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
}

.mac-launchpad .mac-stage > .mac-dock {
  gap: 12px !important;
  padding: 10px 16px 9px !important;
  border-radius: 31px !important;
  box-shadow:
    0 20px 40px rgba(0, 28, 42, 0.17),
    0 4px 10px rgba(0, 25, 38, 0.09),
    inset 0 1px 0 rgba(255,255,255,0.74),
    inset 0 -1px 0 rgba(0, 44, 62, 0.055),
    inset 1px 0 0 rgba(255,255,255,0.24),
    inset -1px 0 0 rgba(255,255,255,0.16) !important;
}

.mac-launchpad .mac-stage > .mac-dock .dock-app {
  width: 61px !important;
  min-width: 61px !important;
  height: 61px !important;
}

.mac-launchpad .mac-stage > .mac-dock img.dock-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-img {
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
}

@media (max-width: 720px) {
  body.mac-desktop::after {
    --wallpaper-shift-75: 600vw;
    background-size: 100vw auto !important;
    animation-duration: 196s !important;
  }

  .mac-dock,
  .global-mac-dock,
  .compact-dock {
    gap: 8px !important;
    padding: 7px 10px 6px !important;
  }

  .dock-app,
  .global-mac-dock .dock-app,
  .compact-dock .dock-app {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
  }

  .dock-icon,
  .dock-img,
  img.dock-icon,
  img.dock-img {
    width: 51px !important;
    height: 51px !important;
  }
}

/* 20260706-76: detector readability and smoother app physics.
   The detector apps need to feel like frosted native utility windows: readable
   content, still translucent, with no blurry transition artifacts. */
.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 88px) !important;
  animation: appAppearFromDock76 390ms cubic-bezier(.17, .92, .18, 1.02) both !important;
  will-change: transform, opacity !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 42ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 88px) !important;
  animation: appFoldToDock76 340ms cubic-bezier(.28, .72, .18, 1) both !important;
  will-change: transform, opacity !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 92px) !important;
  animation: appMinimizeToDock76 350ms cubic-bezier(.24, .74, .18, 1) both !important;
  will-change: transform, opacity !important;
}

@keyframes appAppearFromDock76 {
  from {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 56px, 0) scale(.82);
  }
  64% {
    opacity: 1;
    transform: translate3d(var(--app-origin-overshoot, 0px), -2px, 0) scale(1.008);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appFoldToDock76 {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 52px, 0) scale(.82);
  }
}

@keyframes appMinimizeToDock76 {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 78px, 0) scale(.58);
  }
}

.detector-app .mac-system-window {
  width: min(590px, calc(100vw - 28px)) !important;
  max-height: calc(100dvh - 128px) !important;
  border-color: rgba(255,255,255,0.68) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.70), rgba(245,251,253,0.42) 44%, rgba(235,247,250,0.30)),
    rgba(255,255,255,0.30) !important;
  -webkit-backdrop-filter: blur(34px) saturate(1.18) brightness(1.03) !important;
  backdrop-filter: blur(34px) saturate(1.18) brightness(1.03) !important;
  box-shadow:
    0 30px 72px rgba(0, 26, 42, 0.17),
    0 2px 8px rgba(0, 26, 42, 0.075),
    inset 0 1px 0 rgba(255,255,255,0.82),
    inset 0 -1px 0 rgba(0, 40, 58, 0.06),
    inset 1px 0 0 rgba(255,255,255,0.30),
    inset -1px 0 0 rgba(255,255,255,0.20) !important;
}

.detector-app .mac-system-window::after {
  border-color: rgba(255,255,255,0.36) !important;
}

.detector-app .mac-live-titlebar {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.54), rgba(255,255,255,0.16)),
    rgba(255,255,255,0.12) !important;
  border-bottom-color: rgba(0, 34, 48, 0.065) !important;
}

.detector-app .hero {
  padding: 23px 36px 6px !important;
}

.detector-app .hero h1 {
  color: rgba(5, 16, 26, 0.92) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.46) !important;
}

.detector-app .form-card {
  width: calc(100% - 66px) !important;
  margin: 8px auto 26px !important;
  padding: 15px 16px 16px !important;
  border: 0.5px solid rgba(255,255,255,0.62) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.58), rgba(246,251,252,0.34)),
    rgba(255,255,255,0.26) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.74),
    inset 0 -1px 0 rgba(0, 32, 46, 0.045),
    0 1px 1px rgba(0, 24, 36, 0.035) !important;
}

.detector-app label {
  color: rgba(6, 20, 32, 0.72) !important;
}

.detector-app input:not([type="checkbox"]):not([type="radio"]),
.detector-app select,
.detector-app textarea {
  color: rgba(5, 16, 26, 0.90) !important;
  border-color: rgba(12, 32, 44, 0.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.78), rgba(247,251,252,0.54)),
    rgba(255,255,255,0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.84),
    inset 0 -1px 0 rgba(0, 32, 46, 0.032),
    0 1px 1px rgba(0, 24, 36, 0.025) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.detector-app input::placeholder,
.detector-app textarea::placeholder {
  color: rgba(8, 22, 34, 0.42) !important;
}

.detector-app .field-checkbox {
  border-color: rgba(255,255,255,0.54) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.50), rgba(247,251,252,0.28)),
    rgba(255,255,255,0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.62),
    0 1px 1px rgba(0, 24, 36, 0.025) !important;
}

.detector-app .field-checkbox label {
  color: rgba(5, 18, 30, 0.80) !important;
}

.detector-app .btn-primary,
.detector-app button[type="submit"] {
  color: rgba(5, 16, 26, 0.90) !important;
  border-color: rgba(255,255,255,0.66) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.78), rgba(243,250,252,0.48)),
    rgba(255,255,255,0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    inset 0 -1px 0 rgba(0, 32, 46, 0.04),
    0 8px 16px rgba(0, 24, 36, 0.055) !important;
}

.detector-app .btn-primary:hover,
.detector-app button[type="submit"]:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.86), rgba(244,251,252,0.56)),
    rgba(255,255,255,0.40) !important;
}

/* 20260706-77: ranking app list polish.
   Keep the red/black ranking as a compact native monitor list: no clipped
   rows, no plastic bars, and clear columns for icon, name, score, metrics,
   and runtime state. */
.mac-ranking .ranking-stage {
  padding: 32px 48px 104px !important;
  align-items: center !important;
}

.mac-ranking .ranking-window {
  width: min(820px, calc(100vw - 120px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 188px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

.mac-ranking .mac-window-bar {
  min-height: 72px !important;
  height: 72px !important;
  padding: 0 16px !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
}

.mac-ranking .window-title {
  min-width: 0 !important;
}

.mac-ranking .window-title strong {
  color: rgba(5, 16, 26, 0.90) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.mac-ranking .window-title small {
  max-width: 420px !important;
  color: rgba(8, 22, 34, 0.54) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mac-ranking .window-tabs {
  height: 34px !important;
  padding: 3px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.38), rgba(246,251,252,0.16)),
    rgba(255,255,255,0.12) !important;
  border: 0.5px solid rgba(255,255,255,0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.52) !important;
}

.mac-ranking .window-tabs a {
  height: 27px !important;
  min-width: 48px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  font-weight: 690 !important;
}

.mac-ranking .window-tabs a.active {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.76), rgba(242,249,252,0.42)),
    rgba(255,255,255,0.32) !important;
  color: rgba(5, 16, 26, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    0 1px 2px rgba(0, 24, 36, 0.055) !important;
}

.mac-ranking .mini-ranking-list {
  display: grid !important;
  grid-template-rows: repeat(6, 54px) !important;
  gap: 6px !important;
  padding: 10px 12px 8px !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

.mac-ranking .mini-ranking-row {
  min-height: 54px !important;
  height: 54px !important;
  grid-template-columns: 42px minmax(160px, 1fr) 52px 74px 88px !important;
  gap: 12px !important;
  padding: 7px 12px !important;
  border-radius: 13px !important;
  color: rgba(5, 16, 26, 0.84) !important;
  border: 0.5px solid rgba(255,255,255,0.50) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.50), rgba(246,251,252,0.26)),
    rgba(255,255,255,0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.64),
    0 1px 1px rgba(0, 24, 36, 0.032) !important;
}

.mac-ranking .mini-ranking-row:hover,
.mac-ranking .mini-ranking-row:focus-visible {
  transform: translate3d(0, -1px, 0) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.60), rgba(246,251,252,0.32)),
    rgba(255,255,255,0.22) !important;
}

.mac-ranking .mini-site-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  color: rgba(8, 22, 34, 0.34) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.mac-ranking .mini-site-main {
  min-width: 0 !important;
}

.mac-ranking .mini-site-main strong {
  color: rgba(5, 16, 26, 0.88) !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mac-ranking .mini-site-main small {
  color: rgba(8, 22, 34, 0.52) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mac-ranking .mini-score {
  min-width: 42px !important;
  height: 24px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.34) !important;
}

.mac-ranking .mini-metrics {
  width: 74px !important;
  min-width: 74px !important;
  align-items: end !important;
  color: rgba(5, 16, 26, 0.80) !important;
}

.mac-ranking .mini-metrics b {
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

.mac-ranking .mini-metrics small {
  color: rgba(8, 22, 34, 0.48) !important;
  font-size: 10px !important;
}

.mac-ranking .uptime-bars {
  width: 86px !important;
  min-width: 86px !important;
  height: 18px !important;
  padding: 3px 4px !important;
  gap: 2px !important;
  justify-content: flex-end !important;
  border-radius: 7px !important;
}

.mac-ranking .uptime-bars i {
  width: 3px !important;
  min-width: 3px !important;
}

.mac-ranking .window-footnote {
  position: static !important;
  min-height: 29px !important;
  height: 29px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-top: 0.5px solid rgba(0, 34, 48, 0.06) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0.10)),
    rgba(255,255,255,0.08) !important;
}

.mac-ranking .window-footnote span {
  color: rgba(8, 22, 34, 0.52) !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .mac-ranking .ranking-stage {
    padding: 18px 12px 92px !important;
  }

  .mac-ranking .ranking-window {
    width: calc(100vw - 24px) !important;
  }

  .mac-ranking .mac-window-bar {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-rows: 34px 34px !important;
    height: 76px !important;
    gap: 2px 10px !important;
  }

  .mac-ranking .window-tabs {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
  }

  .mac-ranking .mini-ranking-list {
    grid-template-rows: repeat(6, 50px) !important;
    gap: 5px !important;
    padding: 8px 8px 7px !important;
  }

  .mac-ranking .mini-ranking-row {
    height: 50px !important;
    min-height: 50px !important;
    grid-template-columns: 36px minmax(0, 1fr) 42px 74px !important;
    gap: 8px !important;
    padding: 6px 8px !important;
  }

  .mac-ranking .mini-site-icon {
    width: 36px !important;
    height: 36px !important;
  }

  .mac-ranking .mini-metrics {
    display: none !important;
  }

  .mac-ranking .mini-site-main small {
    display: none !important;
  }

  .mac-ranking .uptime-bars {
    width: 74px !important;
    min-width: 74px !important;
  }

  .mac-ranking .window-footnote span:last-child {
    display: none !important;
  }
}

/* 20260706-78: Finder-style provider library.
   The provider library should behave like a native Finder/List app instead of
   a long web card page. Keep all provider data, but compress it into rows. */
.mac-system-window:has(.provider-library.provider-grid) {
  width: min(860px, calc(100vw - 72px)) !important;
  height: min(560px, calc(100dvh - 132px)) !important;
  max-height: calc(100dvh - 132px) !important;
  display: grid !important;
  grid-template-rows: 38px 76px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

.mac-system-window:has(.provider-library.provider-grid) > .mac-live-titlebar {
  min-height: 38px !important;
  height: 38px !important;
}

.mac-system-window .provider-library-hero {
  height: 76px !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 14px 24px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: end !important;
  gap: 2px 16px !important;
  border-bottom: 0.5px solid rgba(0, 34, 48, 0.06) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.055)),
    rgba(255,255,255,0.04) !important;
}

.mac-system-window .provider-library-hero .eyebrow {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  color: rgba(8, 22, 34, 0.50) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.44), rgba(247,251,252,0.20)),
    rgba(255,255,255,0.12) !important;
  border: 0.5px solid rgba(255,255,255,0.40) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55) !important;
}

.mac-system-window .provider-library-hero h1 {
  grid-column: 1 !important;
  margin: 0 !important;
  color: rgba(5, 16, 26, 0.90) !important;
  font-size: 23px !important;
  line-height: 1.08 !important;
  font-weight: 790 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.46) !important;
}

.mac-system-window .provider-library-hero p {
  grid-column: 1 !important;
  max-width: 560px !important;
  margin: 0 !important;
  color: rgba(8, 22, 34, 0.54) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mac-system-window .provider-library.provider-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-rows: 58px !important;
  align-content: start !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 10px 14px 14px !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8,22,34,0.22) transparent !important;
}

.mac-system-window .provider-library.provider-grid::-webkit-scrollbar {
  width: 8px !important;
}

.mac-system-window .provider-library.provider-grid::-webkit-scrollbar-track {
  background: transparent !important;
}

.mac-system-window .provider-library.provider-grid::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(8, 22, 34, 0.18) !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
}

.mac-system-window .provider-library.provider-grid .provider-card {
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  border-radius: 13px !important;
  border: 0.5px solid rgba(255,255,255,0.50) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.50), rgba(246,251,252,0.25)),
    rgba(255,255,255,0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.62),
    0 1px 1px rgba(0, 24, 36, 0.030) !important;
  overflow: hidden !important;
}

.mac-system-window .provider-library.provider-grid .provider-card:hover,
.mac-system-window .provider-library.provider-grid .provider-card:focus-within {
  transform: translate3d(0, -1px, 0) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.60), rgba(246,251,252,0.31)),
    rgba(255,255,255,0.22) !important;
}

.mac-system-window .provider-library.provider-grid .provider-card .glass-distort,
.mac-system-window .provider-library.provider-grid .provider-card .glass-tint,
.mac-system-window .provider-library.provider-grid .provider-card .glass-shine {
  display: none !important;
}

.mac-system-window .provider-library.provider-grid .provider-card > .glass-content,
.mac-system-window .provider-library.provider-grid .provider-card .glass-content {
  height: 100% !important;
  padding: 7px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) 258px 92px 48px !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-head {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 10px !important;
}

.mac-system-window .provider-library.provider-grid .provider-logo {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  color: rgba(255,255,255,0.92) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    0 2px 5px rgba(0, 28, 44, 0.08) !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-head > div {
  min-width: 0 !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-head h2 {
  margin: 0 !important;
  color: rgba(5, 16, 26, 0.88) !important;
  font-size: 14px !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-head p {
  margin: 2px 0 0 !important;
  color: rgba(8, 22, 34, 0.50) !important;
  font-size: 11px !important;
  line-height: 1.12 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-head > .glass-badge {
  justify-self: end !important;
  min-width: 40px !important;
  height: 24px !important;
  padding: 0 8px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.mac-system-window .provider-library.provider-grid .badge-row {
  display: none !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-metrics {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-metrics span {
  min-width: 0 !important;
  display: grid !important;
  gap: 1px !important;
  color: rgba(8, 22, 34, 0.46) !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-metrics strong {
  color: rgba(5, 16, 26, 0.84) !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 790 !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-status {
  grid-column: 3 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  justify-self: end !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-status > span:first-child {
  display: none !important;
}

.mac-system-window .provider-library.provider-grid .provider-card-status .uptime-bars {
  width: 86px !important;
  min-width: 86px !important;
  height: 18px !important;
  padding: 3px 4px !important;
}

.mac-system-window .provider-library.provider-grid .glass-link {
  grid-column: 4 !important;
  grid-row: 1 !important;
  width: 42px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  justify-self: end !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  color: rgba(5, 16, 26, 0.70) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.56), rgba(247,251,252,0.26)),
    rgba(255,255,255,0.18) !important;
  border: 0.5px solid rgba(255,255,255,0.48) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.62) !important;
}

@media (max-width: 760px) {
  .mac-system-window:has(.provider-library.provider-grid) {
    width: calc(100vw - 24px) !important;
    height: calc(100dvh - 124px) !important;
    grid-template-rows: 38px 70px minmax(0, 1fr) !important;
  }

  .mac-system-window .provider-library-hero {
    height: 70px !important;
    min-height: 70px !important;
    padding: 12px 16px 9px !important;
  }

  .mac-system-window .provider-library-hero h1 {
    font-size: 19px !important;
  }

  .mac-system-window .provider-library-hero p {
    display: none !important;
  }

  .mac-system-window .provider-library.provider-grid {
    grid-auto-rows: 54px !important;
    padding: 8px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card {
    height: 54px !important;
    min-height: 54px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card > .glass-content,
  .mac-system-window .provider-library.provider-grid .provider-card .glass-content {
    grid-template-columns: minmax(0, 1fr) 82px 38px !important;
    grid-template-rows: 1fr !important;
    gap: 8px !important;
    padding: 7px 8px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-head {
    grid-template-columns: 36px minmax(0, 1fr) 40px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-logo {
    width: 36px !important;
    height: 36px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-metrics {
    display: none !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-status .uptime-bars {
    width: 78px !important;
    min-width: 78px !important;
  }

  .mac-system-window .provider-library.provider-grid .provider-card-status {
    grid-column: 2 !important;
  }

  .mac-system-window .provider-library.provider-grid .glass-link {
    grid-column: 3 !important;
  }
}

/* 20260706-79: Dock icon restoration, lighter compositor work, and
   always-visible fullscreen window controls. */
body.mac-desktop::after {
  background-image: url("/static/generated/mac-white-wave-wallpaper-loop-v79.webp") !important;
  will-change: transform !important;
  transform: translate3d(0, 0, 0) !important;
  backface-visibility: hidden !important;
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  -webkit-backdrop-filter: blur(10px) saturate(1.16) brightness(1.04) !important;
  backdrop-filter: blur(10px) saturate(1.16) brightness(1.04) !important;
}

.mac-system-window,
.mac-window {
  -webkit-backdrop-filter: blur(22px) saturate(1.16) brightness(1.03) !important;
  backdrop-filter: blur(22px) saturate(1.16) brightness(1.03) !important;
}

.detector-app .mac-system-window {
  -webkit-backdrop-filter: blur(24px) saturate(1.14) brightness(1.03) !important;
  backdrop-filter: blur(24px) saturate(1.14) brightness(1.03) !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  transition:
    transform 180ms cubic-bezier(.18,.88,.24,1),
    opacity 140ms ease !important;
  will-change: transform !important;
}

img.dock-model-app-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-model-app-icon {
  border-radius: 18px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 10px 10px rgba(0, 22, 34, 0.18))
    drop-shadow(0 1px 0 rgba(255,255,255,0.24)) !important;
}

.dock-app:hover img.dock-model-app-icon,
.dock-app:focus-visible img.dock-model-app-icon,
.dock-app.dock-hovered img.dock-model-app-icon {
  filter:
    drop-shadow(0 12px 12px rgba(0, 22, 34, 0.20))
    drop-shadow(0 1px 0 rgba(255,255,255,0.26)) !important;
}

.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 86px) !important;
  animation: appAppearFromDock79 260ms cubic-bezier(.18,.86,.24,1) both !important;
  will-change: transform, opacity !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 24ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 86px) !important;
  animation: appFoldToDock79 260ms cubic-bezier(.25,.70,.18,1) both !important;
  will-change: transform, opacity !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 92px) !important;
  animation: appMinimizeToDock79 260ms cubic-bezier(.24,.72,.18,1) both !important;
  will-change: transform, opacity !important;
}

@keyframes appAppearFromDock79 {
  from {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 44px, 0) scale(.86);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appFoldToDock79 {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 42px, 0) scale(.84);
  }
}

@keyframes appMinimizeToDock79 {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 70px, 0) scale(.60);
  }
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-system-window > .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  position: fixed !important;
  top: 10px !important;
  left: 12px !important;
  right: auto !important;
  width: max-content !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) !important;
  background: transparent !important;
  border-bottom-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.mac-fullscreen .traffic-lights {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 9px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.64), rgba(245,251,253,0.32)),
    rgba(255,255,255,0.24) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.14) !important;
  backdrop-filter: blur(10px) saturate(1.14) !important;
  box-shadow:
    0 8px 20px rgba(0, 22, 38, 0.13),
    inset 0 1px 0 rgba(255,255,255,0.70) !important;
}

body.mac-fullscreen .mac-titlebar-label,
body.mac-fullscreen .window-title,
body.mac-fullscreen .window-tabs {
  display: none !important;
}

body.mac-fullscreen.detector-app .mac-system-window > .hero:first-of-type {
  padding-top: 56px !important;
}

body.mac-fullscreen.detector-app .mac-system-window > .hero:first-of-type h1 {
  margin-top: 0 !important;
}

.mac-system-window .provider-library.provider-grid .provider-card,
.mac-ranking .mini-ranking-row,
.detector-app .form-panel,
.detector-app .form-card,
.result-panel,
.content-panel,
.table-panel {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 20260706-80: benchmark macOS desktop pass.
   This layer intentionally overrides the accumulated experiments above with a
   cleaner material model: white surf wallpaper, real app icons, no CSS icon
   frames, restrained glass edges, and flat professional uptime bars. */
body.mac-desktop {
  background: #d7edf2 !important;
}

body.mac-desktop::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.18), rgba(215,238,243,0.04) 44%, rgba(50,118,132,0.08)),
    radial-gradient(circle at 50% -16%, rgba(255,255,255,0.46), transparent 38%),
    radial-gradient(circle at 15% 100%, rgba(255,255,255,0.16), transparent 32%) !important;
  opacity: 0.72 !important;
  mix-blend-mode: soft-light !important;
}

body.mac-desktop::after {
  top: -600vw !important;
  bottom: -600vw !important;
  background-image: url("/static/generated/mac-white-surf-wallpaper-loop-v81.webp") !important;
  background-size: 100vw auto !important;
  background-position: center 0 !important;
  background-repeat: repeat-y !important;
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) !important;
  animation: macWallpaperFlow81 238s linear infinite !important;
  contain: paint !important;
  will-change: transform !important;
}

@keyframes macWallpaperFlow81 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 600vw, 0); }
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  gap: 12px !important;
  padding: 8px 15px 7px !important;
  border-radius: 30px !important;
  border: 0.5px solid rgba(255,255,255,0.54) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.43), rgba(246,252,254,0.21) 46%, rgba(220,239,244,0.14)),
    rgba(234, 248, 252, 0.17) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) brightness(1.04) !important;
  backdrop-filter: blur(18px) saturate(1.18) brightness(1.04) !important;
  box-shadow:
    0 22px 46px rgba(22, 66, 82, 0.20),
    0 5px 14px rgba(15, 45, 58, 0.075),
    inset 0 1px 0 rgba(255,255,255,0.82),
    inset 0 -1px 0 rgba(66, 102, 112, 0.055),
    inset 1px 0 0 rgba(255,255,255,0.26),
    inset -1px 0 0 rgba(255,255,255,0.13) !important;
}

.mac-dock::before,
.global-mac-dock::before,
.compact-dock::before {
  opacity: 0.09 !important;
  filter: url(#glass-distortion) !important;
  mix-blend-mode: screen !important;
}

.mac-dock::after,
.global-mac-dock::after,
.compact-dock::after {
  inset: 0.5px !important;
  border-radius: inherit !important;
  opacity: 0.92 !important;
  background:
    linear-gradient(150deg, rgba(255,255,255,0.62), rgba(255,255,255,0.11) 28%, rgba(255,255,255,0.018) 66%, rgba(255,255,255,0.30)),
    radial-gradient(circle at 42% 0%, rgba(255,255,255,0.24), transparent 46%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    inset 0 -1px 0 rgba(0, 42, 60, 0.025) !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translate3d(0, var(--dock-lift, 0), 0) scale(var(--dock-scale, 1)) !important;
  transition:
    transform 210ms cubic-bezier(.19, .92, .20, 1.02),
    opacity 150ms ease !important;
  will-change: transform !important;
}

.dock-app:hover,
.dock-app:focus-visible,
.dock-app.dock-hovered {
  --dock-scale: 1.125;
  --dock-lift: -7px;
  text-decoration: none !important;
}

.dock-app:active {
  --dock-scale: .965;
  --dock-lift: -1px;
}

.dock-icon,
.dock-img,
img.dock-icon,
img.dock-img,
.global-mac-dock img.dock-icon,
.compact-dock img.dock-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-img {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  filter:
    drop-shadow(0 9px 9px rgba(13, 43, 56, 0.18))
    drop-shadow(0 1px 0 rgba(255,255,255,0.20)) !important;
}

img.dock-model-app-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-model-app-icon {
  border-radius: 0 !important;
  filter:
    drop-shadow(0 9px 9px rgba(13, 43, 56, 0.16))
    drop-shadow(0 1px 0 rgba(255,255,255,0.20)) !important;
}

.dock-app:hover img.dock-img,
.dock-app:focus-visible img.dock-img,
.dock-app.dock-hovered img.dock-img,
.dock-app:hover img.dock-model-app-icon,
.dock-app:focus-visible img.dock-model-app-icon,
.dock-app.dock-hovered img.dock-model-app-icon {
  filter:
    drop-shadow(0 12px 12px rgba(13, 43, 56, 0.20))
    drop-shadow(0 1px 0 rgba(255,255,255,0.24)) !important;
}

.dock-app.active::after {
  bottom: -5px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: rgba(255,255,255,0.96) !important;
  box-shadow:
    0 1px 2px rgba(18, 54, 68, 0.18),
    0 0 0 0.5px rgba(18, 54, 68, 0.10) !important;
}

.mac-system-window,
.mac-window {
  border-radius: 28px !important;
  border: 0.5px solid rgba(255,255,255,0.62) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.52), rgba(248,253,254,0.25) 43%, rgba(231,245,249,0.17)),
    rgba(241, 249, 252, 0.16) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.16) brightness(1.03) !important;
  backdrop-filter: blur(26px) saturate(1.16) brightness(1.03) !important;
  box-shadow:
    0 34px 82px rgba(18, 56, 72, 0.18),
    0 8px 20px rgba(16, 48, 62, 0.070),
    inset 0 1px 0 rgba(255,255,255,0.72),
    inset 0 -1px 0 rgba(46, 84, 96, 0.060),
    inset 1px 0 0 rgba(255,255,255,0.24),
    inset -1px 0 0 rgba(255,255,255,0.14) !important;
}

.mac-system-window::before,
.mac-window::before {
  opacity: 0.075 !important;
  filter: url(#glass-distortion) !important;
  mix-blend-mode: screen !important;
}

.mac-system-window::after,
.mac-window::after {
  inset: 0.5px !important;
  opacity: 0.78 !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.50), rgba(255,255,255,0.070) 27%, rgba(255,255,255,0.012) 64%, rgba(255,255,255,0.20)),
    radial-gradient(circle at 50% -12%, rgba(255,255,255,0.24), transparent 48%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.45),
    inset 0 -1px 0 rgba(28, 70, 84, 0.024) !important;
}

.mac-live-titlebar,
.mac-window-bar {
  min-height: 38px !important;
  border-bottom: 0.5px solid rgba(30, 72, 86, 0.055) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.34), rgba(255,255,255,0.09)),
    rgba(255,255,255,0.055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.54),
    0 1px 0 rgba(18, 52, 64, 0.020) !important;
}

.traffic-lights a,
.traffic-lights button,
.traffic-close,
.traffic-minimize,
.traffic-fullscreen {
  width: 12px !important;
  height: 12px !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    inset 0 -1px 0 rgba(0,0,0,0.11),
    0 1px 1.5px rgba(0,0,0,0.13) !important;
}

.uptime-bars,
.mac-ranking .uptime-bars,
.provider-card-status .uptime-bars {
  height: 18px !important;
  min-width: 82px !important;
  gap: 3px !important;
  padding: 3px 4px !important;
  align-items: end !important;
  border: 0.5px solid rgba(24, 54, 66, 0.10) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.50), rgba(246,251,252,0.24)),
    rgba(255,255,255,0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.56),
    0 1px 1px rgba(20, 52, 64, 0.035) !important;
}

.uptime-bars i,
.mac-ranking .uptime-bars i,
.provider-card-status .uptime-bars i {
  width: 3px !important;
  min-width: 3px !important;
  border-radius: 1.5px !important;
  opacity: 1 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.uptime-bars i.ok,
.mac-ranking .uptime-bars i.ok,
.provider-card-status .uptime-bars i.ok {
  height: 13px !important;
  background: #19b75b !important;
}

.uptime-bars i.warn,
.mac-ranking .uptime-bars i.warn,
.provider-card-status .uptime-bars i.warn {
  height: 9px !important;
  background: #c99b28 !important;
}

.uptime-bars i.bad,
.mac-ranking .uptime-bars i.bad,
.provider-card-status .uptime-bars i.bad {
  height: 7px !important;
  background: #d95045 !important;
}

.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 92px) !important;
  animation: appAppearFromDock80 310ms cubic-bezier(.18,.88,.20,1.02) both !important;
  will-change: transform, opacity !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 34ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 92px) !important;
  animation: appFoldToDock80 280ms cubic-bezier(.28,.72,.18,1) both !important;
  will-change: transform, opacity !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  transform-origin: var(--app-origin-x, 50vw) calc(100% + 96px) !important;
  animation: appMinimizeToDock80 300ms cubic-bezier(.24,.74,.18,1) both !important;
  will-change: transform, opacity !important;
}

@keyframes appAppearFromDock80 {
  from {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 58px, 0) scale(.80);
  }
  72% {
    opacity: 1;
    transform: translate3d(var(--app-origin-overshoot, 0px), -2px, 0) scale(1.006);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appFoldToDock80 {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 54px, 0) scale(.80);
  }
}

@keyframes appMinimizeToDock80 {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 86px, 0) scale(.55);
  }
}

body.mac-fullscreen .global-mac-dock,
body.mac-fullscreen .compact-dock,
body.mac-fullscreen .mac-dock {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(-50%, 34px, 0) scale(.94) !important;
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-system-window > .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  position: fixed !important;
  top: 10px !important;
  left: 12px !important;
  right: auto !important;
  height: 34px !important;
  min-height: 34px !important;
  width: max-content !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0,0,0) !important;
  background: transparent !important;
  border-bottom-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.mac-fullscreen .traffic-lights {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  padding: 6px 9px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.66), rgba(245,251,253,0.32)),
    rgba(255,255,255,0.24) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.14) !important;
  backdrop-filter: blur(10px) saturate(1.14) !important;
  box-shadow:
    0 8px 20px rgba(18, 54, 68, 0.13),
    inset 0 1px 0 rgba(255,255,255,0.72) !important;
}

body.mac-fullscreen.detector-app .mac-system-window > .hero:first-of-type {
  padding-top: 56px !important;
}

@media (max-width: 720px) {
  body.mac-desktop::after {
    top: -600vw !important;
    bottom: -600vw !important;
    background-size: 100vw auto !important;
    animation-duration: 196s !important;
  }

  .mac-dock,
  .global-mac-dock,
  .compact-dock {
    gap: 8px !important;
    padding: 7px 10px 6px !important;
  }

  .dock-app,
  .global-mac-dock .dock-app,
  .compact-dock .dock-app {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
  }

  .dock-icon,
  .dock-img,
  img.dock-icon,
  img.dock-img,
  img.dock-model-app-icon {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
  }
}

/* 20260706-84 final cascade: keep this at EOF so legacy experiments above
   cannot override icon, motion, fullscreen, and utility-window fixes. */
body.mac-desktop::after {
  top: -120vh !important;
  bottom: -120vh !important;
  animation: macWallpaperFlow84Final 210s linear infinite !important;
  will-change: transform !important;
}

@keyframes macWallpaperFlow84Final {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 120vh, 0); }
}

.mac-dock,
.global-mac-dock,
.compact-dock {
  -webkit-backdrop-filter: blur(14px) saturate(1.12) brightness(1.03) !important;
  backdrop-filter: blur(14px) saturate(1.12) brightness(1.03) !important;
}

.dock-app,
.global-mac-dock .dock-app,
.compact-dock .dock-app {
  transition: transform 150ms cubic-bezier(.2,.82,.2,1), opacity 120ms ease !important;
  will-change: transform !important;
}

.dock-app:hover,
.dock-app:focus-visible,
.dock-app.dock-hovered {
  --dock-scale: 1.08;
  --dock-lift: -5px;
}

img.dock-icon,
img.dock-img,
img.dock-model-app-icon,
.global-mac-dock img.dock-icon,
.compact-dock img.dock-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-img,
.mac-launchpad .mac-stage > .mac-dock img.dock-model-app-icon {
  filter: none !important;
  transform: translateZ(0) !important;
}

img.dock-model-app-icon,
.mac-launchpad .mac-stage > .mac-dock img.dock-model-app-icon {
  border-radius: 18px !important;
  object-fit: contain !important;
}

.dock-app:hover img.dock-img,
.dock-app:focus-visible img.dock-img,
.dock-app.dock-hovered img.dock-img,
.dock-app:hover img.dock-model-app-icon,
.dock-app:focus-visible img.dock-model-app-icon,
.dock-app.dock-hovered img.dock-model-app-icon {
  filter: none !important;
}

.mac-system-window,
.mac-window {
  -webkit-backdrop-filter: blur(20px) saturate(1.12) brightness(1.03) !important;
  backdrop-filter: blur(20px) saturate(1.12) brightness(1.03) !important;
  box-shadow:
    0 26px 58px rgba(18, 56, 72, 0.16),
    0 6px 16px rgba(16, 48, 62, 0.055),
    inset 0 1px 0 rgba(255,255,255,0.70),
    inset 0 -1px 0 rgba(46, 84, 96, 0.052) !important;
}

.mac-app-entering .mac-system-window,
.mac-app-entering .mac-window {
  animation: appAppearFromDock84Final 230ms cubic-bezier(.18,.84,.24,1) both !important;
  will-change: transform, opacity !important;
}

.mac-app-entering-from-switch .mac-system-window,
.mac-app-entering-from-switch .mac-window {
  animation-delay: 18ms !important;
}

.mac-app-switching-out .mac-system-window,
.mac-app-switching-out .mac-window,
.mac-app-switching .mac-system-window,
.mac-app-switching .mac-window {
  animation: appFoldToDock84Final 210ms cubic-bezier(.28,.70,.20,1) both !important;
  will-change: transform, opacity !important;
}

.mac-app-minimizing .mac-system-window,
.mac-app-minimizing .mac-window {
  animation: appMinimizeToDock84Final 230ms cubic-bezier(.25,.72,.20,1) both !important;
  will-change: transform, opacity !important;
}

@keyframes appAppearFromDock84Final {
  from {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 42px, 0) scale(.88);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes appFoldToDock84Final {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 42px, 0) scale(.86);
  }
}

@keyframes appMinimizeToDock84Final {
  to {
    opacity: 0;
    transform: translate3d(var(--app-origin-dx, 0px), 64px, 0) scale(.68);
  }
}

body.mac-fullscreen .mac-live-titlebar,
body.mac-fullscreen .mac-system-window > .mac-live-titlebar,
body.mac-fullscreen .mac-window-bar {
  position: fixed !important;
  top: 10px !important;
  left: 12px !important;
  z-index: 10020 !important;
  display: flex !important;
  width: auto !important;
  min-width: 54px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0,0,0) !important;
}

body.mac-fullscreen .traffic-lights,
body.mac-fullscreen .traffic-lights.live-controls {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.70), rgba(246,251,253,0.36)),
    rgba(255,255,255,0.28) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.10) !important;
  backdrop-filter: blur(8px) saturate(1.10) !important;
}

.admin-layout {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  gap: 14px !important;
  height: min(72vh, 700px) !important;
  min-height: 520px !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.admin-sidebar,
.admin-main > .form-panel,
.admin-main > .table-panel,
.feedback-panel,
.comparison-panel,
.report-panel,
.mac-system-window > .glass-panel:not(.admin-sidebar) {
  border: 0.5px solid rgba(255,255,255,0.56) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.48), rgba(247,252,254,0.22)),
    rgba(255,255,255,0.13) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow:
    0 9px 22px rgba(20, 58, 72, 0.075),
    inset 0 1px 0 rgba(255,255,255,0.62),
    inset 0 -1px 0 rgba(28, 70, 84, 0.030) !important;
}

.admin-sidebar {
  align-self: stretch !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.admin-sidebar h1 {
  margin: 0 0 12px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: rgba(18, 34, 43, 0.88) !important;
}

.admin-nav {
  display: grid !important;
  gap: 6px !important;
}

.admin-nav a {
  min-height: 32px !important;
  padding: 7px 10px !important;
  border-radius: 9px !important;
  color: rgba(22, 42, 52, 0.76) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.admin-nav a.active,
.admin-nav a:hover,
.admin-nav a:focus-visible {
  color: rgba(10, 24, 34, 0.92) !important;
  background: rgba(255,255,255,0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.64),
    0 1px 2px rgba(20, 52, 64, 0.045) !important;
}

.admin-main {
  min-height: 0 !important;
  overflow: auto !important;
  padding: 0 4px 2px 0 !important;
  scrollbar-width: thin;
}

.admin-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-hero,
.utility-hero,
.page-hero.compact {
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 10px 14px !important;
  border: 0.5px solid rgba(255,255,255,0.50) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.42), rgba(247,252,254,0.18)),
    rgba(255,255,255,0.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.58) !important;
}

.admin-hero .eyebrow,
.utility-hero .eyebrow,
.page-hero.compact .eyebrow {
  margin-bottom: 3px !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  color: rgba(32, 76, 88, 0.62) !important;
}

.admin-hero h1,
.utility-hero h1,
.page-hero.compact h1 {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: rgba(14, 30, 40, 0.92) !important;
}

.admin-hero p,
.utility-hero p,
.page-hero.compact p {
  margin: 4px 0 0 !important;
  max-width: 760px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: rgba(22, 42, 54, 0.64) !important;
}

.admin-main > .form-panel,
.admin-main > .table-panel,
.feedback-panel,
.comparison-panel {
  margin: 0 0 12px !important;
  padding: 14px !important;
}

.feedback-panel {
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.comparison-panel,
.report-panel {
  margin: 0 14px 14px !important;
}

.form-panel h2,
.table-panel h2,
.report-panel h2,
.comparison-panel h2 {
  margin: 0 0 10px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  color: rgba(14, 31, 42, 0.88) !important;
}

.glass-form {
  gap: 10px !important;
}

.glass-form label {
  gap: 5px !important;
  font-size: 12px !important;
  color: rgba(22, 42, 52, 0.70) !important;
}

.glass-form input,
.glass-form select,
.glass-form textarea {
  min-height: 34px !important;
  border-radius: 9px !important;
  border: 0.5px solid rgba(28, 70, 84, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.66), rgba(250,253,254,0.40)),
    rgba(255,255,255,0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.62),
    0 1px 1px rgba(20, 52, 64, 0.030) !important;
}

.glass-form textarea {
  min-height: 92px !important;
}

.glass-submit,
.mini-action,
.run-task-link {
  border-radius: 9px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.50),
    0 2px 5px rgba(16, 48, 62, 0.070) !important;
}

.glass-table-wrap {
  max-height: 330px !important;
  overflow: auto !important;
  border-radius: 12px !important;
}

.glass-table {
  font-size: 12px !important;
}

.glass-table th,
.glass-table td {
  padding: 8px 9px !important;
}

.provider-detail-head {
  gap: 12px !important;
}

.provider-detail-head h2 {
  font-size: 18px !important;
}

.score-dial {
  width: 82px !important;
  height: 82px !important;
  border-radius: 20px !important;
}

.risk-item {
  border-radius: 13px !important;
  border: 0.5px solid rgba(28, 70, 84, 0.09) !important;
  background: rgba(255,255,255,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.46) !important;
}

@media (max-width: 860px) {
  .admin-layout {
    grid-template-columns: 1fr !important;
    height: calc(100dvh - 112px) !important;
    min-height: 0 !important;
    overflow: auto !important;
  }

  .admin-sidebar {
    align-self: auto !important;
  }

  .admin-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-grid {
    grid-template-columns: 1fr !important;
  }

  .comparison-panel,
  .report-panel {
    margin: 0 10px 12px !important;
  }
}