diff --git a/src/layout/melissa/MelissaPerfil.vue b/src/layout/melissa/MelissaPerfil.vue index ea43cad..75db3db 100644 --- a/src/layout/melissa/MelissaPerfil.vue +++ b/src/layout/melissa/MelissaPerfil.vue @@ -52,7 +52,8 @@ const UF_OPTIONS = [ ].map(uf => ({ value: uf, label: uf })); function goSeguranca() { - router.push('/account/security'); + // Página nativa Melissa — não vaza pra layout clássico + router.push('/melissa/seguranca'); } // Troca de layout variant (classic/rail/melissa). Confirma + persiste + @@ -866,6 +867,78 @@ onBeforeUnmount(() => { + +
+
+
+
+
Registro profissional
+
Conselho regional — exigido para emissão de recibos, atestados e laudos
+
+
+
+
+
+ + + + + Estado do conselho. +
+ +
+
+ Aparecerá nos documentos como: + + {{ form.professional_registration_type }} + {{ form.professional_registration_number }}{{ form.professional_registration_uf ? '/' + form.professional_registration_uf : '' }} + +
+
+
+
+
+
@@ -1017,63 +1090,6 @@ onBeforeUnmount(() => {
- -
-
-
-
-
Registro profissional
-
Conselho regional — exigido para emissão de recibos, atestados e laudos
-
-
-
-
-
- - - Estado do conselho. -
-
-
- Aparecerá nos documentos como: - {{ form.professional_registration_type }} {{ form.professional_registration_number }}{{ form.professional_registration_uf ? '/' + form.professional_registration_uf : '' }} -
-
-
-
-
-
@@ -1163,51 +1179,49 @@ onBeforeUnmount(() => {
-
+
Preferências
-
Aparência do sistema — tema e densidade
+
Aparência do sistema
-
+
-
+
- A preferência é salva no seu perfil e segue você em qualquer navegador. + A preferência é salva no seu perfil.
@@ -1216,7 +1230,7 @@ onBeforeUnmount(() => {
-
+
Segurança
Senha e proteção da conta
@@ -1224,23 +1238,23 @@ onBeforeUnmount(() => {
-
-
-
-
E-mail de acesso
-
{{ userEmail }}
+
+
+
+
E-mail de acesso
+
{{ userEmail }}
- Para trocar o e-mail, contate o suporte. + Para trocar o e-mail, contate o suporte.
-
-
@@ -2120,4 +2134,101 @@ onBeforeUnmount(() => { line-height: 1.3; margin-top: 2px; } + +/* ═══════════ Registro Profissional — preview box ═══════════ */ +.mpr-preview-box { + background: color-mix(in srgb, var(--p-primary-color) 7%, transparent); + border: 1px solid color-mix(in srgb, var(--p-primary-color) 22%, var(--surface-border)); + border-radius: 8px; + padding: 10px 14px; + font-size: 0.88rem; + display: flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; +} +.mpr-preview-label { + color: var(--text-color-secondary); +} +.mpr-preview-value { + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.01em; +} + +/* ═══════════ Preferências — tema em 1 linha ═══════════ */ +.mpr-theme-row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 12px; +} +.mpr-theme-card { + padding: 14px 16px; + display: flex; + align-items: center; + gap: 12px; + min-width: 0; + text-align: left; +} +.mpr-theme-icon { + font-size: 1.3rem; + flex-shrink: 0; +} +.mpr-theme-text { + flex: 1; + min-width: 0; +} + +/* ═══════════ Segurança — info row + action card ═══════════ */ +.mpr-info-row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; + flex-wrap: wrap; + padding: 14px; + border: 1px solid var(--surface-border); + border-radius: 8px; + background: var(--surface-ground, transparent); +} +.mpr-info-text { + flex: 1; + min-width: 0; +} +.mpr-info-title { + font-weight: 600; + margin-bottom: 4px; + color: var(--text-color); +} +.mpr-info-value { + color: var(--text-color-secondary); + font-size: 0.9rem; +} +.mpr-info-hint { + margin: 0; + flex-shrink: 0; +} + +.mpr-action-card { + display: flex; + align-items: center; + gap: 14px; + padding: 14px 18px; + width: 100%; + text-align: left; + cursor: pointer; +} +.mpr-action-icon { + font-size: 1.4rem; + color: var(--text-color); + flex-shrink: 0; +} +.mpr-action-text { + flex: 1; + min-width: 0; +} +.mpr-action-arrow { + opacity: 0.5; + flex-shrink: 0; +}