/* Additions after the approved prototype (app.css stays untouched). Same tokens and look. */

/* show/hide password eye inside every password field */
.pw-wrap{position:relative;display:block}
.pw-wrap input{padding-inline-end:40px}
.pw-eye{position:absolute;top:50%;inset-inline-end:5px;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;
  border:none;background:transparent;border-radius:6px;color:var(--muted);cursor:pointer;padding:0;transition:color .15s,background .15s}
.pw-eye:hover{color:var(--accent);background:var(--accent-soft)}
.pw-eye svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#login .pw-eye:hover{color:#1c6a7c;background:#dfeeee}

/* doctor's request: the prescription sheet a little bolder */
.rxt-text{font-weight:600}
.rxt-cred{font-weight:700}
.rxt-band b{font-weight:700}

/* test copy only (staging.luaifarhan.com): a marker so nobody enters real patients there; never shown on the live site or in print */
.env-badge{position:fixed;bottom:12px;inset-inline-start:12px;z-index:40;background:var(--rx);color:var(--accent-ink);font:600 13px var(--font-ui);
  padding:6px 14px;border-radius:999px;box-shadow:0 6px 18px rgba(15,42,39,.25);pointer-events:none}
@media print{.env-badge{display:none!important}}