/* JET-1.0A3 — red brand foundation */
:root {
  --jet-red-950: #3b0508;
  --jet-red-900: #5f080d;
  --jet-red-800: #8f1017;
  --jet-red-700: #d71920;
  --jet-red-600: #ef3d45;
  --jet-red-100: #fff0f1;
}

/* Force the brand identity across legacy blue-brand components. */
.primary-button,
.au-primary,
.cm-primary,
.fm-primary,
.mt-primary,
.vc-primary,
.sa-primary,
.pr-primary,
.pp-primary,
.uw-primary {
  background: linear-gradient(135deg, var(--jet-red-700), var(--jet-red-600)) !important;
  border-color: var(--jet-red-700) !important;
  color: #fff !important;
}

.nav.active,
.brand-mark,
.avatar {
  background: linear-gradient(135deg, var(--jet-red-700), #f45d64) !important;
}

.eyebrow,
a,
.soft-button {
  color: var(--jet-red-700);
}

body,
.app-shell {
  background-color: #fff7f8;
}

/* These mixed public/admin backend modules will be tenant-generalized in
   JET-1.0B. Hide their controls now to prevent a misleading 404 workflow. */
[data-driver-ops-page],
[data-fm-tab="withdrawals"],
#fm-withdrawal-panel {
  display: none !important;
}

/* BEGIN JET PINK LOGIN */

/* Panel kiri login: merah muda premium */
.login-panel {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(
      circle at 10% 5%,
      rgba(255, 255, 255, 0.88),
      transparent 24rem
    ),
    linear-gradient(
      145deg,
      #fff7fa 0%,
      #ffe4ee 42%,
      #fbc4d8 100%
    ) !important;
}

/* Lapisan dekorasi halus */
.login-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  left: -170px;
  bottom: -190px;
  border-radius: 50%;
  background: rgba(219, 39, 119, 0.08);
  box-shadow:
    0 0 0 55px rgba(244, 114, 182, 0.05),
    0 0 0 110px rgba(251, 207, 232, 0.07);
  pointer-events: none;
}

/* Judul dan tulisan panel kiri */
.login-panel .brand-row h1,
.login-panel .login-copy h2,
.login-panel .login-form label {
  color: #4a102a !important;
}

.login-panel .login-copy p,
.login-panel .connection {
  color: #865067 !important;
}

.login-panel .eyebrow {
  color: #be185d !important;
}

.login-panel .secure-pill {
  color: #be185d !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(190, 24, 93, 0.14);
}

/* Logo login */
.login-panel .brand-mark {
  background:
    linear-gradient(
      145deg,
      #db2777,
      #fb7185
    ) !important;
  box-shadow:
    0 14px 32px rgba(190, 24, 93, 0.25) !important;
}

/* Input login */
.login-panel .login-form input {
  color: #4a102a !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: #f1b7cc !important;
  box-shadow: 0 8px 24px rgba(157, 23, 77, 0.05);
}

.login-panel .login-form input:focus {
  background: #fff !important;
  border-color: #db2777 !important;
  box-shadow:
    0 0 0 4px rgba(219, 39, 119, 0.12),
    0 10px 28px rgba(157, 23, 77, 0.08) !important;
}

.login-panel .login-form input::placeholder {
  color: #9b7383;
}

/* Tombol tampil/tutup kata sandi */
.login-panel .password-wrap button {
  color: #be185d !important;
}

/* Tombol login tetap merah JET */
.login-panel .primary-button {
  background:
    linear-gradient(
      135deg,
      #d71920,
      #f43f5e
    ) !important;
  box-shadow:
    0 16px 34px rgba(215, 25, 32, 0.24) !important;
}

/* Warna dasar luar kartu login */
body:has(.login-shell:not(.hidden)) {
  background:
    radial-gradient(
      circle at 8% 8%,
      rgba(244, 114, 182, 0.18),
      transparent 30rem
    ),
    radial-gradient(
      circle at 92% 90%,
      rgba(215, 25, 32, 0.12),
      transparent 28rem
    ),
    #fff7fa !important;
}

/* END JET PINK LOGIN */
