/* DramaBox — pantalla de acceso
   Solo corrige la composición visual del login: fondo, centrado y tarjeta.
   No toca autenticación, sesiones ni formularios. */
html,body{width:100%;min-height:100%;margin:0!important;}
body.dramabox-login-page{
  min-height:100vh!important;
  height:100vh!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  position:relative!important;
  overflow:hidden!important;
  color:#1b2435!important;
  background:#0B0208!important;
  background-image:
    radial-gradient(ellipse 46% 40% at 8% 10%,rgba(244,0,101,.36),transparent 70%),
    radial-gradient(ellipse 42% 36% at 92% 12%,rgba(255,135,31,.30),transparent 70%),
    radial-gradient(ellipse 44% 38% at 50% 100%,rgba(255,0,76,.20),transparent 72%),
    linear-gradient(145deg,#090207,#1B0310 50%,#0B0208)!important;
}
body.dramabox-login-page::before{display:none!important;}
/* El cosmos heredado del panel no debe aparecer en el login. */
body.dramabox-login-page > .absolute.top-0.left-0{
  top:0!important;left:0!important;right:0!important;
  width:100%!important;height:330px!important;
  background:linear-gradient(135deg,#14030d 0%,#3a071f 52%,#17040d 100%)!important;
  border-radius:0 0 110px 110px!important;
  box-shadow:0 24px 50px rgba(17,3,12,.18)!important;
  opacity:1!important;
}
body.dramabox-login-page > .absolute.top-10.left-10{
  top:48px!important;left:48px!important;
  color:rgba(255,135,31,.10)!important;
  z-index:0!important;
}
body.dramabox-login-page > .absolute.bottom-10.right-10{
  bottom:36px!important;right:36px!important;
  color:rgba(244,0,101,.10)!important;
  z-index:0!important;
}
body.dramabox-login-page > .w-full.max-w-\[400px\]{
  width:100%!important;
  max-width:400px!important;
  margin:0!important;
  align-self:center!important;
  flex:0 0 auto!important;
  z-index:10!important;
  background:#fff!important;
  border:1px solid #ececf0!important;
  border-radius:22px!important;
  box-shadow:0 22px 55px rgba(16,5,12,.22)!important;
  overflow:hidden!important;
}
body.dramabox-login-page > .w-full.max-w-\[400px\] .p-8.text-center.border-b{
  padding:30px 28px!important;
  background:#fff!important;
  border-bottom:1px solid #f0edf0!important;
}
body.dramabox-login-page > .w-full.max-w-\[400px\] > .p-8:not(.text-center){
  padding:28px!important;
}
body.dramabox-login-page > .w-full.max-w-\[400px\] .text-red-600,
body.dramabox-login-page > .w-full.max-w-\[400px\] .text-red-500{color:#f40065!important;}
body.dramabox-login-page > .w-full.max-w-\[400px\] .bg-blue-600{background:#ff871f!important;}
body.dramabox-login-page > .w-full.max-w-\[400px\] .bg-red-600{
  background:linear-gradient(135deg,#f40065,#ff0046 62%,#ff871f)!important;
}
body.dramabox-login-page > .w-full.max-w-\[400px\] .hover\:bg-red-700:hover{
  background:linear-gradient(135deg,#d90059,#ea003f 62%,#f47716)!important;
}
body.dramabox-login-page > .w-full.max-w-\[400px\] input.form-input{
  background:#f1f5fb!important;color:#18253a!important;border-color:#c9d4e4!important;
}
body.dramabox-login-page > .w-full.max-w-\[400px\] input.form-input:focus{
  background:#fff!important;border-color:#f40065!important;
  box-shadow:0 0 0 4px rgba(244,0,101,.12)!important;
}
body.dramabox-login-page > .fixed.bottom-4{
  color:#c9cbd1!important;
  z-index:1!important;
}
@media(max-width:520px){
  body.dramabox-login-page{padding:16px!important;}
  body.dramabox-login-page > .absolute.top-0.left-0{height:250px!important;border-radius:0 0 70px 70px!important;}
  body.dramabox-login-page > .w-full.max-w-\[400px\]{max-width:400px!important;border-radius:20px!important;}
  body.dramabox-login-page > .w-full.max-w-\[400px\] .p-8.text-center.border-b{padding:24px 20px!important;}
  body.dramabox-login-page > .w-full.max-w-\[400px\] > .p-8:not(.text-center){padding:22px 20px!important;}
}