/* Fan30Tech test-access panel color refinement | sit v84
   - Left panel uses the requested #222831 surface.
   - Right showcase panel is slightly transparent so a hint of the page background remains visible. */

.login-shell {
  background: rgba(6, 10, 16, 0.26) !important;
  -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
  backdrop-filter: blur(14px) saturate(112%) !important;
}

.login-panel {
  background: #222831 !important;
}

.login-showcase {
  background:
    radial-gradient(circle at 50% 28%, rgba(214, 177, 90, 0.08), transparent 36%),
    linear-gradient(145deg, rgba(20, 31, 45, 0.74), rgba(11, 18, 28, 0.62)) !important;
  -webkit-backdrop-filter: blur(8px) saturate(108%);
  backdrop-filter: blur(8px) saturate(108%);
}

@media (max-width: 760px) {
  .login-shell {
    background: rgba(6, 10, 16, 0.2) !important;
  }

  .login-panel {
    background: #222831 !important;
  }

  .login-showcase {
    background:
      radial-gradient(circle at 50% 22%, rgba(214, 177, 90, 0.07), transparent 34%),
      linear-gradient(155deg, rgba(20, 31, 45, 0.68), rgba(11, 18, 28, 0.58)) !important;
  }
}