.omax-auth-extra{margin-top:14px;display:grid;gap:10px}.omax-auth-google,.omax-auth-secondary{width:100%;height:46px;border:1px solid rgba(115,177,239,.18);background:rgba(4,13,29,.35);color:#eef6ff;font:600 11px/1 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.omax-auth-google:hover,.omax-auth-secondary:hover{border-color:rgba(73,199,255,.42);background:rgba(10,34,62,.4)}.omax-auth-link{border:0;background:transparent;color:#67d8ff;font:600 10px/1.3 "Courier New",monospace;letter-spacing:.08em;cursor:pointer;padding:6px}.omax-auth-step{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,4,12,.62);backdrop-filter:blur(12px);z-index:2147483646;padding:16px}.omax-auth-step.open{display:flex}.omax-auth-box{width:min(430px,calc(100vw - 24px));padding:28px 24px;background:linear-gradient(155deg,rgba(5,16,31,.92),rgba(1,8,18,.86));border:1px solid rgba(115,177,239,.18);box-shadow:0 28px 90px rgba(0,0,0,.52)}.omax-auth-box h3{margin:0 0 8px;font-size:24px;color:#eef6ff}.omax-auth-box p{margin:0 0 18px;color:rgba(225,239,255,.56);font-size:13px;line-height:1.6}.omax-auth-box input{width:100%;height:48px;margin:0 0 10px;padding:0 13px;border:1px solid rgba(97,168,255,.15);background:rgba(255,255,255,.025);color:#f4f8ff;outline:0}.omax-auth-box .row{display:flex;gap:8px}.omax-auth-box button.primary{width:100%;height:48px;border:1px solid rgba(73,199,255,.28);background:linear-gradient(90deg,rgba(19,139,235,.22),rgba(67,101,255,.25));color:#fff;font-weight:700;cursor:pointer}.omax-auth-msg{min-height:18px;margin-top:10px;color:#ff8c9b;font-size:11px}.omax-auth-msg.ok{color:#5ce0b2}.omax-auth-close{float:right;border:0;background:transparent;color:#6edcff;cursor:pointer}.omaxSecurityCard{margin:0 0 18px;padding:18px;border:1px solid rgba(115,177,239,.13);background:linear-gradient(145deg,rgba(5,14,28,.18),rgba(1,7,16,.08));backdrop-filter:blur(6px)}.omaxSecurityCard h2{margin:0 0 5px}.omaxSecurityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.omaxSecurityItem{padding:12px;border:1px solid rgba(115,177,239,.1);background:rgba(3,12,25,.2)}.omaxSecurityItem span{display:block;font-size:10px;opacity:.55;text-transform:uppercase;letter-spacing:.08em}.omaxSecurityItem b{display:block;margin-top:5px;font-size:13px}.omaxSecurityActions{display:flex;gap:8px;flex-wrap:wrap}.omaxSecurityActions button{min-height:40px;padding:0 14px;border:1px solid rgba(90,190,255,.18);background:rgba(5,20,38,.28);color:#eef6ff;cursor:pointer}.omaxTotpSetup img{width:190px;max-width:70vw;background:white;padding:8px;margin:10px 0}.omaxRecovery{font-family:monospace;white-space:pre-wrap;line-height:1.8;background:rgba(0,0,0,.25);padding:10px;border:1px solid rgba(255,255,255,.08)}@media(max-width:640px){.omaxSecurityGrid{grid-template-columns:1fr}.omax-auth-box{padding:24px 18px}}

/* =========================================================
   OMAX SECURITY CARD — COMPACT R1
   Theme
   Security
   Exchange Connections
   ========================================================= */

html body #omaxSecurityCard.omaxSecurityCard{
  width:100%!important;
  box-sizing:border-box!important;

  margin:0 0 22px!important;
  padding:18px 20px!important;

  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--omax-t3) 4%,
        rgba(3,13,27,.90)
      ),
      rgba(2,9,20,.76)
    )!important;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--omax-t3) 28%,
      transparent
    )!important;

  border-radius:20px!important;

  box-shadow:
    inset 0 0 24px rgba(0,0,0,.14),
    0 0 18px
    color-mix(
      in srgb,
      var(--omax-t3) 5%,
      transparent
    )!important;

  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}


html body #omaxSecurityCard > h2{
  margin:0 0 4px!important;
  padding:0!important;

  font-size:1.35rem!important;
  line-height:1.15!important;
}


html body #omaxSecurityCard > p{
  margin:0 0 14px!important;
  padding:0!important;

  max-width:none!important;

  font-size:.76rem!important;
  line-height:1.45!important;

  color:rgba(225,239,255,.52)!important;
}


/* Three compact status cells */

html body #omaxSecurityCard .omaxSecurityGrid{
  display:grid!important;

  grid-template-columns:
    repeat(3,minmax(0,1fr))!important;

  gap:9px!important;

  margin:0 0 12px!important;
}


html body #omaxSecurityCard .omaxSecurityItem{
  min-height:64px!important;

  box-sizing:border-box!important;

  padding:10px 12px!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t3) 1.5%,
      rgba(3,12,25,.30)
    )!important;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--omax-t3) 17%,
      transparent
    )!important;

  border-radius:12px!important;
}


html body #omaxSecurityCard .omaxSecurityItem span{
  display:block!important;

  margin:0!important;

  font-size:.60rem!important;
  line-height:1.2!important;

  opacity:.50!important;

  text-transform:uppercase!important;
  letter-spacing:.09em!important;
}


html body #omaxSecurityCard .omaxSecurityItem b{
  display:block!important;

  margin-top:6px!important;

  font-size:.84rem!important;
  line-height:1.15!important;
}


/* Compact actions */

html body #omaxSecurityCard .omaxSecurityActions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;

  gap:8px!important;

  margin:0!important;
  padding:0!important;
}


html body #omaxSecurityCard .omaxSecurityActions button{
  min-height:36px!important;

  padding:0 13px!important;

  border-radius:10px!important;

  font-size:.72rem!important;
  line-height:1!important;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--omax-t3) 22%,
      transparent
    )!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t3) 3%,
      rgba(5,20,38,.34)
    )!important;

  color:#eef6ff!important;
}


html body #omaxSecurityCard .omaxSecurityActions button:hover{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 45%,
      transparent
    )!important;
}


/* Mobile */

@media(max-width:640px){

  html body #omaxSecurityCard.omaxSecurityCard{
    padding:16px!important;
    margin-bottom:20px!important;

    border-radius:18px!important;
  }

  html body #omaxSecurityCard > h2{
    font-size:1.24rem!important;
  }

  html body #omaxSecurityCard > p{
    margin-bottom:12px!important;
    font-size:.70rem!important;
  }

  html body #omaxSecurityCard .omaxSecurityGrid{
    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;

    gap:7px!important;
  }

  html body #omaxSecurityCard .omaxSecurityItem{
    min-height:58px!important;

    padding:9px 8px!important;

    border-radius:10px!important;
  }

  html body #omaxSecurityCard .omaxSecurityItem span{
    font-size:.49rem!important;
    letter-spacing:.06em!important;
  }

  html body #omaxSecurityCard .omaxSecurityItem b{
    margin-top:5px!important;

    font-size:.72rem!important;
  }

  html body #omaxSecurityCard .omaxSecurityActions{
    display:grid!important;

    grid-template-columns:
      1fr 1fr!important;

    gap:8px!important;
  }

  html body #omaxSecurityCard .omaxSecurityActions button{
    width:100%!important;

    min-height:38px!important;

    padding:0 8px!important;

    font-size:.63rem!important;
  }

}