:root{ --ren-blue:#2E5A9C; --ren-deep:#16305C; --ren-red:#C62828; }

/* ---------- фон ---------- */
html, body, .login-ui, .login-ui .login-dialog-middle{
  background: radial-gradient(1200px 760px at 50% -12%, #4272B8 0%, #274E85 46%, #16305C 100%) !important;
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
}
.login-ui .login-dialog-middle{ background:transparent !important; }

/* ---------- карточка ---------- */
.login-ui .login-dialog{
  background:#fff !important; border:none !important;
  border-radius:18px !important;
  box-shadow:0 26px 64px rgba(0,0,0,.38) !important;
  padding:30px 34px 26px !important;
  width:380px !important; max-width:92vw !important;
}

/* ---------- логотип ---------- */
.login-ui .login-dialog .logo{
  display:block !important;
  width:100% !important; height:120px !important;
  margin:0 auto 10px !important;
  background:url('app/ext/ren-brand/images/ren-logo.png') center/contain no-repeat !important;
}
.login-ui .login-dialog .version{ display:none !important; }

/* заголовок */
.login-ui .login-dialog .login-fields::before{
  content:"Вход для врачей";
  display:block; text-align:center;
  font-size:12.5px; letter-spacing:.10em; text-transform:uppercase;
  color:#8494AB; margin:0 0 20px;
}

/* ---------- поля ---------- */
.login-ui .login-dialog .labeled-field{ display:block !important; margin-bottom:14px !important; }
.login-ui .login-dialog .field-header{ display:block !important; text-align:left !important; }

/* подписи полей: прячем англ. текст, рисуем свой над полем */
.login-ui .login-dialog .field-header{
  display:block !important; text-align:left !important;
  height:0 !important; overflow:visible !important;
}
.login-ui .login-dialog .field-header label{ display:none !important; }

.login-ui .login-dialog .labeled-field-username .form-field::before{
  content:"Логин"; display:block;
  font-size:12.5px; font-weight:600; color:#4A5C77; margin:0 0 6px 2px;
}
.login-ui .login-dialog .labeled-field-password .form-field::before{
  content:"Пароль"; display:block;
  font-size:12.5px; font-weight:600; color:#4A5C77; margin:0 0 6px 2px;
}

.login-ui .login-dialog input[type="text"],
.login-ui .login-dialog input[type="password"]{
  width:100% !important; box-sizing:border-box !important;
  height:46px !important; padding:0 14px !important;
  border:1.5px solid #D8DFE9 !important; border-radius:10px !important;
  background:#F8FAFD !important; color:#16305C !important; font-size:15px !important;
}
.login-ui .login-dialog input[type="text"]:focus,
.login-ui .login-dialog input[type="password"]:focus{
  outline:none !important; background:#fff !important;
  border-color:var(--ren-blue) !important;
  box-shadow:0 0 0 3px rgba(46,90,156,.16) !important;
}

/* ---------- кнопка ---------- */
.login-ui .login-dialog .buttons{ margin-top:20px !important; }
.login-ui .login-dialog input[type="submit"]{
  width:100% !important; height:48px !important;
  border:none !important; border-radius:10px !important;
  background:linear-gradient(180deg,#3468B4 0%,var(--ren-blue) 100%) !important;
  color:transparent !important; font-size:0 !important;
  cursor:pointer !important;
  box-shadow:0 4px 14px rgba(46,90,156,.35) !important;
  position:relative !important;
}
.login-ui .login-dialog .buttons{ position:relative !important; }
.login-ui .login-dialog .buttons::after{
  content:"Войти";
  position:absolute; left:0; right:0; top:0; height:48px;
  display:flex; align-items:center; justify-content:center;
  font-size:15.5px; font-weight:600; color:#fff;
  pointer-events:none;
}
.login-ui .login-dialog input[type="submit"]:hover{ filter:brightness(1.08) !important; }

/* ---------- ошибка ---------- */
.login-ui .login-dialog .error{
  background:#FDECEC !important; border:1px solid #F3C6C6 !important;
  border-radius:8px !important; color:var(--ren-red) !important;
  font-size:13px !important; padding:10px 12px !important;
  margin-bottom:12px !important; text-align:center !important;
}

/* ---------- подвал ---------- */
.login-ui::after{
  content:"Независимый рентгенодиагностический центр «Рен-Качество»";
  position:fixed; left:0; right:0; bottom:24px;
  text-align:center; color:rgba(255,255,255,.75);
  font-size:12.5px; letter-spacing:.03em; pointer-events:none;
}

/* ---------- внутренние экраны ---------- */
.home-ui, .settings-ui{ background:#F4F7FB !important; }
.home-ui .header, .settings-ui .header{
  background:linear-gradient(180deg,#3468B4,var(--ren-blue)) !important;
  color:#fff !important; border:none !important;
}