/* =========================================================
   M-WALLET  ·  ZEVARYN GRID
   BP4 — Local data ownership / migration gateway
        (#mw-migration-gate)

   Shown over the (already inert) financial app when a signed-in
   user's local ownership is unresolved. Reuses the BP3 auth
   gateway shell (.mw-auth-gate / .mw-auth-card / .mw-auth-*)
   and the global .z-btn primitives; this sheet only adds the
   migration-specific accents and stacking.
   ========================================================= */

#mw-migration-gate.mw-auth-gate {
    /* sits above the auth gate during the brief hand-off */
    z-index: 950;
}

#mw-migration-gate [data-migration-screen][hidden] {
    display: none;
}

/* subtle shield/lock accent above the title on the claim +
   mismatch screens */
.mw-migration-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 14px;
    padding: 5px 11px;

    border: 1px solid var(--z-border);
    border-radius: 999px;

    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--z-text-secondary);

    background: var(--z-bg-secondary);
}

.mw-migration-badge--protect {
    border-color: rgba(53, 223, 193, 0.35);
    color: var(--z-teal-bright);
    background: var(--z-teal-soft);
}

.mw-migration-badge--mismatch {
    border-color: rgba(245, 190, 98, 0.4);
    color: var(--z-warning);
    background: rgba(245, 190, 98, 0.12);
}

/* reassurance bullet list on the "existing data found" screen */
.mw-migration-points {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.mw-migration-points li {
    position: relative;
    padding: 6px 0 6px 24px;

    font-size: 0.86rem;
    line-height: 1.45;
    color: var(--z-text-secondary);
}

.mw-migration-points li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 6px;

    font-weight: 700;
    color: var(--z-teal);
}

.mw-migration-note {
    margin: 18px 0 0;
    font-size: 0.78rem;
    line-height: 1.5;
    color: var(--z-text-muted);
}

@media (max-width: 380px) {
    .mw-migration-points li {
        font-size: 0.82rem;
    }
}