/* MCC v1.0.19 — isolated Admin Login layout + black/orange neon autofill-safe fields */
html[data-theme="dark"] body.mcc-login-v1019{
  min-height:100dvh!important;
  margin:0!important;
  padding:clamp(18px,4vw,48px)!important;
  display:grid!important;
  place-items:center!important;
  overflow-x:hidden!important;
  color-scheme:dark!important;
  background:
    radial-gradient(900px 540px at 12% 5%,rgba(249,115,22,.17),transparent 62%),
    radial-gradient(700px 460px at 98% 100%,rgba(249,115,22,.07),transparent 62%),
    linear-gradient(145deg,#07090d,#0b0f15 55%,#080a0e)!important;
}
.mcc-login-v1019 .login-shell{
  direction:ltr!important;
  width:min(1120px,100%)!important;
  min-height:560px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;
  grid-template-areas:"brand form"!important;
  align-items:stretch!important;
  overflow:hidden!important;
  border:1px solid rgba(249,115,22,.20)!important;
  border-radius:32px!important;
  background:rgba(8,11,16,.90)!important;
  box-shadow:0 42px 120px rgba(0,0,0,.52),0 0 72px rgba(249,115,22,.07),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(22px) saturate(120%);
  -webkit-backdrop-filter:blur(22px) saturate(120%);
}
.mcc-login-v1019 .login-card{
  grid-area:form!important;
  direction:rtl!important;
  min-width:0!important;
  min-height:560px!important;
  padding:clamp(34px,4.8vw,58px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:18px!important;
  position:relative!important;
  background:
    radial-gradient(420px 210px at 100% 0,rgba(249,115,22,.075),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004))!important;
}
.mcc-login-v1019 .login-form-intro{align-self:stretch!important;margin-bottom:4px!important}
.mcc-login-v1019 .login-form-intro small{display:block!important;margin-bottom:7px!important;color:#ff9a50!important;font-size:12.5px!important;font-weight:900!important;letter-spacing:.11em!important}
.mcc-login-v1019 .login-form-intro h2{margin:0 0 7px!important;color:#f8fafc!important;font-size:clamp(25px,3vw,31px)!important;line-height:1.45!important}
.mcc-login-v1019 .login-form-intro p{margin:0!important;color:#929eac!important;font-size:13px!important;line-height:1.9!important}
.mcc-login-v1019 .login-field{
  display:grid!important;
  grid-template-rows:auto 54px!important;
  gap:8px!important;
  color:#c2cad4!important;
  font-size:12.5px!important;
  font-weight:700!important;
}
.mcc-login-v1019 .login-card input,
.mcc-login-v1019 .login-card input:hover,
.mcc-login-v1019 .login-card input:focus{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px 15px!important;
  border-radius:15px!important;
  color:#f8fafc!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006)),
    #070b11!important;
  border:1px solid rgba(249,115,22,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 26px rgba(249,115,22,.012),0 10px 28px rgba(0,0,0,.12)!important;
  outline:none!important;
  caret-color:#fb923c!important;
  -webkit-text-fill-color:#f8fafc!important;
}
.mcc-login-v1019 .login-card input:hover{border-color:rgba(251,146,60,.78)!important}
.mcc-login-v1019 .login-card input:focus{
  border-color:#fb923c!important;
  box-shadow:0 0 0 1px rgba(249,115,22,.20),0 0 0 4px rgba(249,115,22,.07),0 0 34px rgba(249,115,22,.13),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
/* Chrome / Edge saved-password & autofill: never let the browser paint the field white. */
.mcc-login-v1019 .login-card input:-webkit-autofill,
.mcc-login-v1019 .login-card input:-webkit-autofill:hover,
.mcc-login-v1019 .login-card input:-webkit-autofill:focus,
.mcc-login-v1019 .login-card input:-webkit-autofill:active{
  -webkit-text-fill-color:#f8fafc!important;
  caret-color:#fb923c!important;
  -webkit-box-shadow:0 0 0 1000px #070b11 inset,0 0 0 1px rgba(249,115,22,.52)!important;
  box-shadow:0 0 0 1000px #070b11 inset,0 0 0 1px rgba(249,115,22,.52)!important;
  border:1px solid rgba(249,115,22,.62)!important;
  background-color:#070b11!important;
  background-clip:padding-box!important;
  -webkit-background-clip:padding-box!important;
  transition:background-color 9999s ease-out 0s!important;
}
.mcc-login-v1019 .login-submit{
  height:54px!important;
  min-height:54px!important;
  margin-top:2px!important;
  border:1px solid rgba(255,145,55,.86)!important;
  border-radius:16px!important;
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.025) 40%),
    linear-gradient(135deg,#ff9139,#f36b14 58%,#d84b08)!important;
  box-shadow:0 16px 38px rgba(234,88,12,.28),0 0 30px rgba(249,115,22,.16),inset 0 1px 0 rgba(255,255,255,.42)!important;
  font-size:14px!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.mcc-login-v1019 .login-submit:hover{transform:translateY(-1px)!important;filter:brightness(1.04)!important;box-shadow:0 19px 44px rgba(234,88,12,.34),0 0 38px rgba(249,115,22,.20),inset 0 1px 0 rgba(255,255,255,.48)!important}
.mcc-login-v1019 .login-card footer{align-self:center!important;margin-top:2px!important;color:#687483!important;font-size:12.5px!important}
.mcc-login-v1019 .login-error{position:static!important;margin:0!important}

.mcc-login-v1019 .login-brand{
  grid-area:brand!important;
  direction:rtl!important;
  min-width:0!important;
  min-height:560px!important;
  padding:clamp(38px,5vw,64px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:26px!important;
  background:
    radial-gradient(500px 300px at 0 0,rgba(249,115,22,.22),transparent 64%),
    radial-gradient(320px 220px at 100% 100%,rgba(234,88,12,.07),transparent 70%),
    linear-gradient(145deg,#17120f,#0c1118 68%,#0a0e14)!important;
  border-right:1px solid rgba(249,115,22,.11)!important;
}
.mcc-login-v1019 .login-brand-intro{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important}
.mcc-login-v1019 .brand-logo--login{width:92px!important;height:92px!important;margin:0 0 14px!important;filter:drop-shadow(0 0 24px rgba(249,115,22,.18))!important}
.mcc-login-v1019 .login-brand .kicker{color:#ff9f5b!important;font-size:12.5px!important;letter-spacing:.14em!important;font-weight:900!important}
.mcc-login-v1019 .login-brand h1{margin:10px 0 10px!important;color:#fff!important;font-size:clamp(31px,3.3vw,40px)!important;line-height:1.18!important}
.mcc-login-v1019 .login-brand p{margin:0!important;max-width:440px!important;color:#9ca8b6!important;font-size:13.5px!important;line-height:2!important}
.mcc-login-v1019 .login-points{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:minmax(58px,auto)!important;
  gap:10px!important;
  margin:0!important;
  width:100%!important;
  transform:none!important;
}
.mcc-login-v1019 .status-chip{
  height:auto!important;
  min-height:58px!important;
  padding:11px 14px!important;
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  border:1px solid rgba(249,115,22,.28)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(10,14,20,.88),rgba(6,9,13,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.12)!important;
}
.mcc-login-v1019 .status-chip::before{position:static!important;grid-column:1!important;grid-row:1 / span 2!important;margin:0!important}
.mcc-login-v1019 .status-chip b{grid-column:2!important;color:#f8fafc!important;font-size:12.5px!important;text-align:right!important}
.mcc-login-v1019 .status-chip small{grid-column:3!important;color:#93a0ae!important;font-size:12.5px!important;text-align:left!important;white-space:nowrap!important}

/* v1.0.227 — explicit 15-day remembered admin session control. */
.mcc-login-v1019 .login-remember{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  padding:10px 12px!important;
  border:1px solid rgba(249,115,22,.18)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(249,115,22,.055),rgba(255,255,255,.012))!important;
  color:#d9e0e8!important;
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.mcc-login-v1019 .login-remember:hover{
  border-color:rgba(251,146,60,.42)!important;
  background:linear-gradient(180deg,rgba(249,115,22,.085),rgba(255,255,255,.016))!important;
}
.mcc-login-v1019 .login-remember input[type="checkbox"],
.mcc-login-v1019 .login-remember input[type="checkbox"]:hover,
.mcc-login-v1019 .login-remember input[type="checkbox"]:focus{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  border-radius:5px!important;
  accent-color:#f97316!important;
  box-shadow:none!important;
  outline:none!important;
  cursor:pointer!important;
  -webkit-text-fill-color:initial!important;
}
.mcc-login-v1019 .login-remember-copy{display:grid!important;gap:2px!important;min-width:0!important}
.mcc-login-v1019 .login-remember-copy b{font-size:12.5px!important;color:#f8fafc!important}
.mcc-login-v1019 .login-remember-copy small{font-size:12.5px!important;line-height:1.55!important;color:#84909f!important}
.mcc-login-v1019 .login-remember:has(input:checked){
  border-color:rgba(249,115,22,.48)!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.055)!important;
}

@media(max-width:900px){
  html[data-theme="dark"] body.mcc-login-v1019{padding:18px!important;display:block!important}
  .mcc-login-v1019 .login-shell{width:min(560px,100%)!important;min-height:0!important;margin:0 auto!important;grid-template-columns:1fr!important;grid-template-areas:"form"!important;border-radius:26px!important}
  .mcc-login-v1019 .login-card{min-height:0!important;padding:30px 24px!important}
  .mcc-login-v1019 .login-brand{display:none!important}
}
@media(max-width:480px){
  html[data-theme="dark"] body.mcc-login-v1019{padding:10px!important}
  .mcc-login-v1019 .login-shell{border-radius:22px!important}
  .mcc-login-v1019 .login-card{padding:26px 18px!important;gap:15px!important}
  .mcc-login-v1019 .login-form-intro h2{font-size:24px!important}
  .mcc-login-v1019 .login-field{grid-template-rows:auto 52px!important}
  .mcc-login-v1019 .login-card input:not([type="checkbox"]),.mcc-login-v1019 .login-submit{height:52px!important;min-height:52px!important}
  .mcc-login-v1019 .login-remember{align-items:flex-start!important;padding:10px!important}
}