/* MyFinalMsg small overrides on top of HUD template */

/* Keep the old helper classes (non-invasive) */
.muted { color: rgba(255,255,255,.65); }
.pill { display:inline-block; padding:.15rem .55rem; border-radius:999px; font-size:.85rem; background: rgba(255,255,255,.08); }
.pill.ok { background: rgba(16, 185, 129, .18); }
.pill.warn { background: rgba(245, 158, 11, .18); }
.pill.danger { background: rgba(239, 68, 68, .18); }

/* Forms: keep HUD vibe */
.form-control, .form-select { border-radius: .6rem; }

/* Make TempData alert look like HUD */
.mfm-alert { border-radius: .8rem; }

/* Make big textarea nicer inside HUD */
textarea.form-control { min-height: 140px; }

/* ------------------------------------------------------------------
   Public (not logged) pages: use full width without sidebar offsets
   ------------------------------------------------------------------ */
body.mfm-public #content.app-content {
  margin-left: 0 !important;
  /* Reduced gap under header (was leaving a large blank band) */
  padding-top: .25rem !important;
  padding-left: .75rem !important;
  padding-right: .75rem !important;
}

/* Some layouts do not use #content id. Keep the public top spacing consistent. */
body.mfm-public .app-content {
  padding-top: .25rem !important;
}

@media (min-width: 992px) {
  body.mfm-public #content.app-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* App wrapper: avoid sidebar padding on public pages (helps footer border align) */
body.mfm-public #app.app {
  padding-left: 0 !important;
}

/* Footer: remove any sidebar offsets so the top border reaches the edge */
body.mfm-public .app-footer {
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ------------------------------------------------------------------
   Auth pages (public): center without scroll
   ------------------------------------------------------------------ */
body.mfm-public.mfm-auth .mfm-auth-page {
  /* Center form while avoiding the “1px scroll” issue on desktop */
  min-height: calc(100vh - 96px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .25rem 0;
}

/* Auth pages: remove extra bottom padding that can cause vertical scroll */
body.mfm-public.mfm-auth #content.app-content,
body.mfm-public.mfm-auth .app-content {
  padding-bottom: 0 !important;
}

/* Ensure the footer doesn't push the page beyond 100vh on auth screens */
body.mfm-public.mfm-auth .app-footer {
  margin-top: 0 !important;
}

body.mfm-public.mfm-auth .mfm-auth-card {
  width: 100%;
  max-width: 440px;
}

/* Reduce footer spacing on auth screens to avoid overflow */
body.mfm-public.mfm-auth .app-footer {
  margin-top: .5rem !important;
}


/* ------------------------------------------------------------------
   Overlay loading (Messages)
   ------------------------------------------------------------------ */
.mfm-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:1rem;}
.mfm-overlay-card{background:rgba(30,30,30,.92);border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:1.25rem 1.25rem;min-width:280px;max-width:420px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.35);}
.mfm-message-textarea{min-height:340px;}