/* RCM Reporting — Workspace-invitation recovery: header trigger + modal.
   Self-contained (own classes + token fallbacks) so it renders identically on any page. */

/* The recovery trigger lives in the Contact Us hero as a `.btn.ghost lg` (blends on the
   dark hero). Its styles come from main.css; this file only owns the modal below. */

/* ---- Modal ---- */
.rcm-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.rcm-modal.open{display:flex}
.rcm-modal-bg{position:absolute;inset:0;background:rgba(8,64,79,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.rcm-modal-card{position:relative;width:100%;max-width:440px;background:var(--surface,#fff);border:1px solid var(--line,#E3E9F0);border-radius:18px;box-shadow:0 40px 80px -30px rgba(8,64,79,.5);padding:32px 30px;animation:recpop .2s ease}
@keyframes recpop{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rcm-modal-card{animation:none}}

.rcm-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--mute,#7C8A98);cursor:pointer;border-radius:9px;transition:background .15s,color .15s}
.rcm-modal-x:hover{background:var(--line2,#EDF1F6);color:var(--ink,#0A1527)}
.rcm-modal-x svg{width:18px;height:18px}

.rcm-modal-card h2{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;color:var(--ink,#0A1527);letter-spacing:-.01em;line-height:1.15}
.rec-sub{color:var(--slate,#5B6B79);font-size:14.5px;line-height:1.55;margin:9px 0 20px}
.rec-sub b{color:var(--ink,#0A1527)}

.rec-field{margin-bottom:18px}
.rec-field label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:7px}
.rec-inp{width:100%;font-family:Inter,system-ui,sans-serif;font-size:15px;color:var(--ink,#0A1527);background:#fff;border:1.5px solid var(--line,#E3E9F0);border-radius:11px;padding:13px 14px;transition:border .15s,box-shadow .15s}
.rec-inp::placeholder{color:#A9B4C0}
.rec-inp:focus{outline:none;border-color:var(--teal,#14808F);box-shadow:0 0 0 4px rgba(20,128,143,.12)}
.rec-otp{text-align:center;font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700;letter-spacing:10px}

.rec-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:15px;padding:14px 22px;border-radius:12px;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--green,#22C55E),#16A34A);box-shadow:0 10px 22px -8px rgba(34,197,94,.55);transition:transform .14s,box-shadow .2s}
.rec-btn:hover{transform:translateY(-1px)}
.rec-btn:disabled{background:#CBD5E1;box-shadow:none;cursor:not-allowed;transform:none}

.rec-err{color:var(--red,#EE4444);font-size:13px;font-weight:500;margin-bottom:14px}
.rec-foot{text-align:center;font-size:13.5px;color:var(--slate,#5B6B79);margin-top:16px}
.rec-foot a{color:var(--teal,#14808F);font-weight:600}
.rec-foot a.disabled{color:var(--mute,#7C8A98);pointer-events:none;font-weight:500}

.rec-check{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--green,#22C55E),#16A34A);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 12px 28px -10px rgba(34,197,94,.6)}
.rec-check svg{width:28px;height:28px;stroke:#fff}

.rec-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:recspin .7s linear infinite;display:inline-block}
@keyframes recspin{to{transform:rotate(360deg)}}

@media (max-width:480px){.rcm-modal-card{padding:26px 20px}}