/* V12 Phase 1: invitation on-boarding */
.v12-pass-field{display:flex;align-items:center;gap:6px;direction:ltr}
.v12-pass-field input{flex:1;min-width:0}
.v12-pass-field button{border:1px solid #a2c7ae;background:#edf7ef;border-radius:10px;min-width:44px;min-height:44px;cursor:pointer}
.v12-invite-create{border:1px solid #aecfb8}
.v12-invite-list{display:grid;gap:10px}
.v12-invite-row{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid #d7e7db;border-radius:14px;padding:13px;flex-wrap:wrap}
.v12-invite-row div{display:grid;gap:3px;min-width:0}.v12-invite-row small{font-size:.85rem;color:#4b6654}
.v12-invite-result{margin-top:15px;padding:16px;border-radius:14px;background:#e9f6ec;border:1px solid #a4cdb1;display:grid;gap:10px;max-width:600px}
.v12-invite-result[hidden]{display:none}.v12-invite-result input{font:600 1rem ui-monospace,Consolas,monospace;width:100%;max-width:100%;padding:12px;border-radius:9px;border:1px solid #bdd4c3;direction:ltr}
@media(max-width:680px){.v12-invite-row{align-items:stretch}.v12-invite-create .form-grid{display:grid;grid-template-columns:1fr}}

/* V12.0.1: Password inputs and visibility toggles remain usable on mobile. */
.v12-pass-field{width:100%;display:flex;align-items:stretch;direction:rtl;gap:8px}
.v12-pass-field input[type="password"],.v12-pass-field input[type="text"]{flex:1 1 0;min-width:0;width:auto;max-width:none}
.v12-pass-field button[data-action="v12-toggle-password"]{flex:0 0 44px;width:44px;max-width:44px;padding:0;display:flex;align-items:center;justify-content:center}