/* Internal module lock. The full-page gate reuses the .pw-lock panel styles
   (passwords.css); this file adds the overlay prompt (Private folder, and the
   "turn off protection" confirm) plus small trimmings. Meaning is carried by the
   lock icon + text, never colour alone. */

.mlock-scrim {
  position: fixed; inset: 0; z-index: 120;
  display: grid; place-items: center; padding: var(--sp-4);
  background: rgba(20, 21, 26, 0.45);
}
.mlock-panel { max-width: 400px; animation: mlock-pop var(--dur) var(--ease); }
@keyframes mlock-pop { from { opacity: 0; transform: translateY(8px) scale(0.98); } to { opacity: 1; transform: none; } }

.mlock-actions { display: flex; gap: var(--sp-2); margin-top: var(--sp-1); }
.mlock-actions .btn-ghost { flex: 1 1 auto; justify-content: center; }
.mlock-actions .btn-primary { flex: 1 1 auto; justify-content: center; }

/* the small lock/unlock glyph beside each area's label in Settings › Privacy */
.lock-row__ic { display: inline-grid; place-items: center; vertical-align: -0.2em; margin-right: var(--sp-2); color: var(--c-ink-soft); }
.lock-row__ic svg { width: 1rem; height: 1rem; }