/* intrare.css — the way in, dressed like the new portal (card 134, 20.10.2026).
 *
 * The sign-up (inscriere.html), the address confirmation (confirma.html,
 * confirma-expirat.html), the e-mail login (login.html) and the device check
 * (check.html) wear what portal.css (card 103) gave Acasă: the warm
 * background, a paper card with radius 22, Geist, the title's accent in
 * Instrument Serif, the round green button.
 *
 * Only `body.intrare` on minunea. base.css stays the rule for every other
 * page, and anca, on pause, keeps its old look on the login and the check it
 * shares with minunea. The logo is a background here, not an <img>, for the
 * same reason: anca has no logo.png, and a rule that does not match never
 * fetches its image. Colours from tema-sanatate.css only: no `#hex`.
 */

[data-brand="minunea"] body.intrare {
  padding: 32px 16px 24px; align-content: center; gap: 0;
  background: var(--p-fond); color: var(--p-cerneala);
  font-family: var(--font-p); font-size: 15px; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
[data-brand="minunea"] .intrare main.card {
  max-width: 440px; padding: 30px 30px 26px; border: 1px solid var(--p-linie);
  border-radius: 22px; background: var(--p-hartie); box-shadow: var(--p-umbra);
}

/* The logo on top, as in the menu of Acasă (.side .brand img). The words stay
   in the page for a screen reader; check.html and login.html write them. */
[data-brand="minunea"] .intrare .brand {
  width: 173px; height: 48px; max-width: 100%; margin: 0 0 22px;
  background: url("/static/logo.png") left center / contain no-repeat;
  color: transparent; font-size: 1px; overflow: hidden; white-space: nowrap;
  user-select: none;
}

[data-brand="minunea"] .intrare h1 {
  font-family: var(--font-p); font-weight: 600; font-size: clamp(28px, 7vw, 34px);
  letter-spacing: -.04em; line-height: 1.08; margin: 0 0 12px; color: var(--p-cerneala);
}
[data-brand="minunea"] .intrare .serif {
  font-family: var(--font-p-serif); font-style: italic; font-weight: 400;
  letter-spacing: -.005em; color: var(--p-verde);
}
[data-brand="minunea"] .intrare p { color: var(--p-cerneala-2); }
[data-brand="minunea"] .intrare .empty { color: var(--p-gri); font-size: 14px; }
[data-brand="minunea"] .intrare a { color: var(--p-verde-text); }
[data-brand="minunea"] .intrare .promisiune {
  background: var(--p-menta-2); color: var(--p-verde-text); border-radius: 14px;
  padding: 12px 14px; font-size: 14px;
}

/* The fields. */
[data-brand="minunea"] .intrare label {
  font-size: 13px; font-weight: 500; color: var(--p-cerneala-2); margin: 16px 0 6px;
}
[data-brand="minunea"] .intrare input:not([type="checkbox"]) {
  height: 48px; padding: 0 14px; font-family: var(--font-p); font-size: 16px;
  color: var(--p-cerneala); background: var(--p-tint);
  border: 1px solid var(--p-linie-2); border-radius: 14px;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
[data-brand="minunea"] .intrare input::placeholder { color: var(--p-gri-2); }
[data-brand="minunea"] .intrare input:not([type="checkbox"]):focus {
  outline: 0; background: var(--p-hartie); border-color: var(--p-verde);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--p-verde) 16%, transparent);
}

/* The consents: a whole row to tap, the box in the portal's green. */
[data-brand="minunea"] .intrare .acord {
  margin: 12px 0 0; padding: 12px 14px; border: 1px solid var(--p-linie);
  border-radius: 14px; background: var(--p-tint);
  font-size: 13.5px; font-weight: 400; line-height: 1.45; color: var(--p-cerneala-2);
  transition: border-color .2s, background .2s;
}
[data-brand="minunea"] .intrare .acord:first-of-type { margin-top: 18px; }
[data-brand="minunea"] .intrare .acord:has(input:checked) {
  border-color: color-mix(in srgb, var(--p-verde) 45%, transparent);
  background: var(--p-menta-2);
}
[data-brand="minunea"] .intrare .acord input {
  width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--p-verde);
}
[data-brand="minunea"] .intrare .legal-accept { font-size: 12.5px; }
[data-brand="minunea"] .intrare .disclaimer { color: var(--p-gri); }

/* The button: round and green, like .p-btn-verde. */
[data-brand="minunea"] .intrare button:not(.linkbtn):not(.cont-ales) {
  height: 50px; margin-top: 20px; padding: 0 22px; border-radius: 99px;
  font-family: var(--font-p); font-size: 15px; font-weight: 600;
  background: var(--p-verde); color: var(--p-alb);
  box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--p-verde) 60%, transparent);
  transition: transform .25s, background .2s;
}
[data-brand="minunea"] .intrare button:not(.linkbtn):not(.cont-ales):hover:not([disabled]) {
  transform: translateY(-1px); background: var(--p-verde-tare);
}
[data-brand="minunea"] .intrare button[disabled] { opacity: .55; box-shadow: none; }
[data-brand="minunea"] .intrare .linkbtn {
  font-family: var(--font-p); font-size: 14px; color: var(--p-gri);
}
[data-brand="minunea"] .intrare .linkbtn:hover { color: var(--p-verde-text); }

/* check.html, card 108: one row per account remembered here. */
[data-brand="minunea"] .intrare .alege-cont .cont-ales {
  height: 52px; padding: 0 18px; border-radius: 16px; font-family: var(--font-p);
  font-size: 15px; font-weight: 600; color: var(--p-cerneala);
  background: var(--p-tint); border: 1px solid var(--p-linie-2);
}
[data-brand="minunea"] .intrare .alege-cont .cont-ales:hover {
  border-color: var(--p-verde); background: var(--p-menta-2);
}

/* The messages under the form. */
[data-brand="minunea"] .intrare .msg { border-radius: 14px; padding: 12px 14px; font-size: 14px; }
[data-brand="minunea"] .intrare .msg.ok   { background: var(--p-menta-2); color: var(--p-verde-text); }
[data-brand="minunea"] .intrare .msg.err  { background: var(--p-rosu-moale); color: var(--p-cerneala); }
[data-brand="minunea"] .intrare .msg.info { background: var(--p-cyan-moale); color: var(--p-cerneala); }

/* The legal foot under the card. */
[data-brand="minunea"] .intrare .legal-subsol { max-width: 560px; margin-top: 22px; color: var(--p-gri); }
[data-brand="minunea"] .intrare .legal-subsol a { color: var(--p-gri); }

@media (max-width: 480px) {
  [data-brand="minunea"] body.intrare { padding: 20px 16px; }
  [data-brand="minunea"] .intrare main.card { padding: 24px 20px 20px; }
  [data-brand="minunea"] .intrare .brand { width: 150px; height: 42px; margin-bottom: 18px; }
  [data-brand="minunea"] .intrare .rand2 { grid-template-columns: minmax(0, 1fr) 76px; }
}

/* What we do not ask for, under the age checkbox. */
.intrare p.empty.nu-cerem { margin: 10px 2px 0; font-size: 13px; }