/* =========================================================
   UFY PHONE — TARJETA DE AVISO A PANTALLA COMPLETA
   public/js/ufy-phone/notice-screen.js la pone dentro de #perfil
   ("Leyendo camisa UFY…", "¡Muy pronto!", "Esta página no está
   disponible", confirmar el correo, quitar el 2FA).
   ========================================================= */

body.ufy-notice-screen {
  min-height: 100vh;
  min-height: 100dvh;

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

  overflow: hidden;

  color:
    rgba(255, 255, 255, 0.96);

  background:
    radial-gradient(
      circle at 50% -10%,
      rgba(121, 74, 206, 0.52),
      transparent 48%
    ),
    linear-gradient(
      180deg,
      #17102b 0%,
      #080611 58%,
      #030207 100%
    ) !important;

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}


body.ufy-notice-screen #perfil {
  min-height: 100vh;
  min-height: 100dvh;

  display: grid !important;
  place-items: center;
}


.ufy-notice-card {
  width:
    min(
      calc(100% - 40px),
      420px
    );

  padding:
    32px
    26px;

  box-sizing:
    border-box;

  border:
    1px solid
    rgba(222, 205, 255, 0.24);

  border-radius:
    28px;

  text-align:
    center;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.13),
      rgba(255, 255, 255, 0.055)
    );

  box-shadow:
    0 26px 70px
    rgba(0, 0, 0, 0.48);

  backdrop-filter:
    blur(16px);

  -webkit-backdrop-filter:
    blur(16px);
}


.ufy-notice-mark {
  width: 74px;
  height: 74px;

  margin:
    0
    auto
    20px;

  display: grid;
  place-items: center;

  border:
    1px solid
    rgba(214, 191, 255, 0.52);

  border-radius: 23px;

  color: #e7d9ff;

  font-size: 23px;
  font-weight: 780;
  letter-spacing: 1.5px;

  background:
    linear-gradient(
      145deg,
      rgba(143, 83, 241, 0.34),
      rgba(63, 35, 117, 0.22)
    );

  box-shadow:
    0 0 24px
    rgba(126, 72, 221, 0.34);
}


.ufy-notice-title {
  margin: 0;

  font-size: 23px;
  font-weight: 720;
  line-height: 1.2;
}


.ufy-notice-text {
  margin:
    11px
    0
    0;

  color:
    rgba(235, 228, 248, 0.74);

  font-size: 14px;
  line-height: 1.45;
}


.ufy-notice-text[data-state="success"] {
  color: #9ff59c;
}


.ufy-notice-text[data-state="error"] {
  color: #ff9db3;
}


.ufy-notice-button {
  appearance: none;

  margin-top: 22px;

  padding:
    13px
    22px;

  border: 0;
  border-radius: 999px;

  color: #ffffff;

  font: inherit;
  font-size: 15px;
  font-weight: 700;

  cursor: pointer;

  background:
    linear-gradient(
      135deg,
      #7442ed,
      #5130bb
    );

  box-shadow:
    0 12px 28px
    rgba(116, 66, 237, 0.4);
}


.ufy-notice-button[hidden] {
  display: none;
}


.ufy-notice-button:disabled {
  cursor: default;
  opacity: 0.6;
}