/* ==============================================================
   Chennai Matrimony — Forgot Password (forgotpassword/forget-password.aspx)
   New-design restyle, scoped under #f-g-pass-wrapper.cm-fp (emitted only when
   logged out). Restyles the EXISTING markup in place; loaded LAST with
   !important. No global resets — logged-in view / other pages untouched.
   ============================================================== */
.cm-fp {
  --primary:#c2123a; --primary-dark:#80081b; --ink:#1f1410; --mute:#766357;
  --line:rgba(31,20,16,0.10); --gold:#d4a84b; --surface:#fbefde; --paper:#ffffff;
  --font-sans:'Roboto','Inter',Arial,sans-serif; --font-serif:'Fraunces','Georgia',serif;
}
.cm-fp, .cm-fp * { box-sizing:border-box; font-family:var(--font-sans); }

/* ── page shell: neutralize external floats/widths, center a narrow column ── */
.cm-fp {
  float:none !important; width:auto !important; max-width:560px !important;
  margin:44px auto 64px !important; padding:0 20px !important;
  background:none !important; background-image:none !important; border:none !important; box-shadow:none !important;
}
.cm-fp #f-g-pass-main,
.cm-fp #f-g-pass-content,
.cm-fp #f-g-pass_form {
  float:none !important; width:auto !important; margin:0 !important; padding:0 !important;
  background:none !important; background-image:none !important; border:none !important; box-shadow:none !important;
}
.cm-fp div[style*="clear"] { display:none !important; }

/* ── card ── */
.cm-fp .f-g-pass_form-main {
  float:none !important; width:auto !important; background:var(--paper) !important;
  border:1px solid var(--line) !important; border-radius:18px !important;
  box-shadow:0 24px 60px -34px rgba(31,20,16,0.32) !important; padding:38px 40px 34px !important;
}
.cm-fp .f-g-pass_form-main > h1 {
  font-family:var(--font-serif) !important; font-size:26px !important; font-weight:700 !important;
  color:var(--ink) !important; margin:0 0 12px !important; padding:0 !important; line-height:1.25 !important;
  height:auto !important; min-height:0 !important; overflow:visible !important; white-space:normal !important;
  border:none !important; text-align:left !important;
  background:none !important; background-image:none !important; background-color:transparent !important;
}
.cm-fp .f-g-pass_form-main > p {
  display:block !important; height:auto !important; min-height:0 !important; overflow:visible !important;
  font-size:14px !important; color:var(--mute) !important; line-height:1.6 !important; margin:0 0 24px !important;
  padding:0 !important; background:none !important;
}
.cm-fp .text11 { color:var(--primary) !important; font-weight:600 !important; }

.cm-fp #f-g-pass-content, .cm-fp #f-g-pass_form { float:none !important; width:auto !important; margin:0 !important; padding:0 !important; }

/* ── form table -> single stacked field ── */
.cm-fp #f-g-pass_form table { width:100% !important; border-collapse:collapse !important; margin:0 !important; }
.cm-fp #f-g-pass_form table,
.cm-fp #f-g-pass_form tbody,
.cm-fp #f-g-pass_form tr,
.cm-fp #f-g-pass_form td {
  display:block !important; width:auto !important; height:auto !important;
}
.cm-fp #f-g-pass_form td { padding:0 !important; text-align:left !important; border:none !important; }

/* error message row */
.cm-fp #f-g-pass_form td[colspan="4"] { text-align:left !important; }
.cm-fp #f-g-pass_form td[colspan="4"]:empty { display:none !important; }
.cm-fp #lblmsg { display:block !important; font-size:13px !important; margin:0 0 6px !important; }

/* label (col 1) */
.cm-fp #f-g-pass_form .style05 {
  font-size:13px !important; font-weight:600 !important; color:var(--ink) !important; margin:0 0 7px !important; padding:0 !important;
}
/* the ":" separator (col 2) */
.cm-fp #f-g-pass_form tr td:nth-child(2) { display:none !important; }
/* input (col 3) */
.cm-fp #f-g-pass_form input[type="text"],
.cm-fp #f-g-pass_form input:not([type="image"]) {
  width:100% !important; max-width:none !important; height:48px !important; padding:0 14px !important;
  border:1px solid #d6cabb !important; border-radius:9px !important; font-size:15px !important;
  color:var(--ink) !important; background:#fff !important; margin:0 !important;
}
.cm-fp #f-g-pass_form input[type="text"]:focus { border-color:var(--primary) !important; outline:none !important; box-shadow:0 0 0 3px rgba(194,18,58,0.12) !important; }
/* example hint (col 4) */
.cm-fp #f-g-pass_form tr td:nth-child(4) {
  font-size:12.5px !important; color:var(--mute) !important; margin:7px 0 0 !important;
}

/* ── continue button: hide the red image, show a pill (injected by JS) ── */
.cm-fp #f-g-pass_form input[type="image"] { display:none !important; }
.cm-fp #f-g-pass_form tr td[colspan="3"] { text-align:left !important; margin-top:22px !important; }
.cm-fp .cm-fp-btn {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important; background:linear-gradient(135deg,var(--primary),var(--primary-dark)) !important;
  color:#fff !important; border:none !important; border-radius:10px !important; padding:14px 28px !important;
  font-size:15px !important; font-weight:600 !important; cursor:pointer !important; font-family:var(--font-sans) !important;
  box-shadow:0 14px 26px -12px rgba(194,18,58,0.5) !important; transition:transform .15s, box-shadow .15s !important;
}
.cm-fp .cm-fp-btn:hover { transform:translateY(-1px) !important; box-shadow:0 18px 32px -12px rgba(194,18,58,0.6) !important; }