/* radar-admin login - same IMR identity as the GenIA Apps Keycloak theme (genia-platform
   ec2-services/keycloak/themes/genia/login/resources/css/genia.css, Template 2026):
   IMR logo, red #C00000, Montserrat, light grey page with the band of shapes at the top.
   Assets copied into this repo (static/login/); nothing is loaded from GenIA at runtime. */

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap;
             src: url("Montserrat-Regular.ttf") format("truetype"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap;
             src: url("Montserrat-SemiBold.ttf") format("truetype"); }

:root { --imr-red: #C00000; --imr-red-dark: #9A0000; --imr-text: #282828; --imr-muted: #6B6B6B;
        --imr-bg: #F5F5F5; --imr-card: #FFFFFF; --imr-line: #E3E3E3; }
* { box-sizing: border-box; }
body.imr-login { margin: 0; min-height: 100vh; font-family: "Montserrat", "Segoe UI", Arial, sans-serif; color: var(--imr-text);
  background: var(--imr-bg) url("fondo-top.jpg") no-repeat center top; background-size: 100% auto;
  display: flex; flex-direction: column; align-items: center; padding: 0 16px 24px; }
.imr-logo { display: block; height: 110px; width: 100%; margin: 24px 0 8px;
  background: url("logo-imr.png") no-repeat center center; background-size: contain; }
.imr-product { font-size: .82rem; color: var(--imr-muted); letter-spacing: .04em; margin-bottom: 18px; text-align: center; }
.imr-card { width: 100%; max-width: 440px; background: var(--imr-card); border: 1px solid var(--imr-line);
  border-top: 5px solid var(--imr-red); border-radius: 10px; box-shadow: 0 6px 24px rgba(40, 40, 40, .08); padding: 28px 30px; }
.imr-card h1 { font-weight: 600; font-size: 1.35rem; margin: 0 0 6px; }
.imr-card p { font-size: .86rem; line-height: 1.55; color: var(--imr-muted); margin: 0 0 16px; }
.imr-card label { display: block; font-weight: 600; font-size: .84rem; margin: 6px 0 6px; }
.imr-card input[type=text] { width: 100%; padding: 11px 12px; font-size: 1rem; font-family: inherit; border: 1px solid #C9C9C9;
  border-radius: 6px; color: var(--imr-text); background: #fff; }
.imr-card input[type=text]:focus { outline: 2px solid var(--imr-red); outline-offset: 0; border-color: var(--imr-red); }
.imr-card input.code { letter-spacing: .5em; font-size: 1.3rem; text-align: center; }
.imr-btn { display: block; width: 100%; margin-top: 18px; padding: 11px 16px; border: 0; border-radius: 6px; cursor: pointer;
  background: var(--imr-red); color: #fff; font-family: inherit; font-weight: 600; font-size: .95rem; text-align: center; text-decoration: none; }
.imr-btn:hover { background: var(--imr-red-dark); }
.imr-link { display: inline-block; margin-top: 14px; font-size: .84rem; color: var(--imr-red); text-decoration: none; }
.imr-link:hover { color: var(--imr-red-dark); text-decoration: underline; }
.imr-alert { border-radius: 6px; padding: 10px 12px; font-size: .84rem; margin-bottom: 14px; background: #FDECEC; color: var(--imr-red-dark);
  border: 1px solid #F5C2C2; }
.imr-note { font-size: .76rem; color: var(--imr-muted); margin-top: 16px; }
.imr-sign { text-align: center; font-size: .72rem; color: var(--imr-muted); padding: 14px 0 12px; }
@media (max-width: 600px) {
  .imr-logo { height: 80px; margin-top: 12px; }
  body.imr-login { background-size: 180% auto; }
  .imr-card { padding: 22px 20px; }
}