/* ============================================================================
   ASK HAVA — Desert Modern: account / auth / claim utility pages
   (desert_account.css)

   Page-level styles for: /login (+check-email/expired), /account,
   /account/favorites, /account/alerts, /claim/{slug} (form/status/submitted),
   and the merchant feature-request form. Pairs with desert.css — the narrow
   single-task "utility card" layout of the Desert Modern system.
   ========================================================================= */

/* ----------------------------------------------------- utility container --- */
.d-util{max-width:680px;margin:0 auto;padding:56px 32px 96px}
.d-util .d-eyebrow{color:var(--orange-deep);display:block;margin-bottom:12px}
.d-util h1{
  font-family:var(--disp);font-weight:800;
  font-size:clamp(34px,5.6vw,56px);line-height:.95;letter-spacing:-.02em;
  text-transform:uppercase;margin:0 0 16px;
}
.d-util h1 em{font-style:normal;color:var(--orange)}
.d-util .d-crumb{margin-bottom:14px}
.d-muted{opacity:.75;font-weight:500}
.d-spaced{margin-top:20px}

/* ----------------------------------------------------------------- forms --- */
.d-form{display:flex;flex-direction:column;gap:12px;margin-top:26px;align-items:flex-start}
.d-form .d-btn{margin-top:10px}
.d-label{
  font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  margin-top:6px;
}
.d-input,.d-textarea,.d-select{
  width:100%;font:inherit;font-weight:500;color:var(--black);
  background:var(--cream);border:var(--d-border);border-radius:12px;
  padding:13px 16px;
}
.d-input::placeholder,.d-textarea::placeholder{color:rgba(23,19,16,.45)}
.d-textarea{resize:vertical}
.d-check{display:flex;align-items:flex-start;gap:10px;font-weight:500;cursor:pointer}
.d-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--orange);flex:none}
.d-check-hint{font-size:13px;opacity:.65;margin:-6px 0 4px 28px}

/* ------------------------------------------------------ banners / alerts --- */
.d-banner{
  display:block;width:100%;background:var(--sand);border:var(--d-border);
  border-radius:12px;padding:12px 16px;font-weight:700;margin-top:18px;
}
.d-warning{
  display:block;width:100%;background:var(--cream);
  border:2.5px solid var(--orange-deep);border-radius:12px;
  padding:12px 16px;font-weight:500;color:var(--orange-deep);margin-top:18px;
}

/* ------------------------------------------------------------ link rows --- */
.d-links-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

/* -------------------------------------------------------- status stamp ---- */
.d-status{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;border:2px solid var(--black);border-radius:999px;
  padding:6px 14px;background:var(--cream);
}
.d-status--ok{background:var(--orange);border-color:var(--orange);color:var(--black)}
.d-status--bad{background:var(--black);color:var(--cream)}

/* ------------------------------------------------------- favorites list --- */
.d-fav-list{margin-top:26px;border-top:2.5px solid var(--black)}
.d-fav-list li{
  padding:14px 2px;border-bottom:1.5px solid rgba(23,19,16,.18);
  font-weight:500;font-size:15px;
}
.d-fav-list li a{font-weight:700}
.d-fav-list li a:hover{color:var(--orange-deep)}

@media(max-width:700px){
  .d-util{padding:40px 20px 72px}
  .d-links-row .d-btn,.d-form .d-btn{width:100%;justify-content:center}
}