/* LiverCare AI — Doctor flow · Screen 1: Doctor Login
   Reference-pixel values measured from the approved login design. */

.dr-page { --card-w: 548; --ref-h: 890; }

.dl-card { padding: calc(58 * var(--au)) calc(48 * var(--au)) calc(39 * var(--au)); }

.dl-logo-row { display: flex; justify-content: center; }

.dl-logo { gap: calc(9 * var(--au)); }
.dl-logo .dr-logo__mark { width: calc(55 * var(--au)); height: calc(43 * var(--au)); }
.dl-logo .dr-logo__word { font-size: calc(26 * var(--au)); }

.dl-title {
  margin-top: calc(20 * var(--au));
  font-size: calc(34 * var(--au));
  text-align: center;
}

.dl-sub {
  margin-top: calc(10 * var(--au));
  font-size: calc(17 * var(--au));
  text-align: center;
}

.dl-avatar {
  display: flex;
  justify-content: center;
  margin-top: calc(20 * var(--au));
}

.dl-avatar img {
  display: block;
  width: calc(132 * var(--au));
  height: calc(132 * var(--au));
  border-radius: 50%;
  box-shadow: 0 calc(8 * var(--au)) calc(22 * var(--au)) rgba(22, 112, 240, 0.10);
}

.dl-form .dl-group:first-of-type { margin-top: calc(4 * var(--au)); }

.dl-group .dr-label { margin-bottom: calc(9 * var(--au)); font-size: calc(15.5 * var(--au)); }
.dl-group--pw { margin-top: calc(26 * var(--au)); }

.dl-field { --fh: 52; border-radius: calc(11 * var(--au)); }
.dl-field .dr-ico { width: calc(22 * var(--au)); height: calc(22 * var(--au)); margin-inline-start: calc(19 * var(--au)); }
.dl-field input { font-size: calc(16 * var(--au)); padding-inline-start: calc(15 * var(--au)); }

.dl-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(19 * var(--au));
}

.dl-remember { font-size: calc(16 * var(--au)); font-weight: 500; color: var(--navy); gap: calc(19 * var(--au)); }
.dl-remember input { width: calc(23 * var(--au)); height: calc(23 * var(--au)); }

.dl-forgot { font-size: calc(15.5 * var(--au)); font-weight: 700; }

.dl-submit { margin-top: calc(24 * var(--au)); }

.dl-btn { height: calc(53 * var(--au)); font-size: calc(19 * var(--au)); border-radius: calc(11 * var(--au)); }

.dl-or .dr-or { margin-top: calc(21 * var(--au)); }
.dl-or .dr-btn--google {
  margin-top: calc(17 * var(--au));
  height: calc(53 * var(--au));
  font-size: calc(18 * var(--au));
  border-radius: calc(11 * var(--au));
}

.dl-foot {
  margin: calc(36 * var(--au)) 0 0;
  font-size: calc(15 * var(--au));
  text-align: center;
  color: var(--sub);
}

.dl-foot .dr-link { margin-inline-start: calc(6 * var(--au)); font-weight: 700; }

.dl-card .dr-alert { margin: calc(12 * var(--au)) 0 calc(6 * var(--au)); }

@media (max-width: 640px) {
  .dl-card { padding-top: 34px; padding-bottom: 28px; }
  .dl-title { font-size: 28px; }
  .dl-avatar img { width: 112px; height: 112px; }
}