MelissaSeguranca: pagina min 1000px de largura no desktop

Antes era right: 50% fixo, o que dava ~512px em viewports 1024-1100
(cramped p/ um form de senha + sidebar 320px).

Agora right = min(50%, calc(100% - 1006px)):
- viewport <  2012: page fixa em 1000px (nao shrink)
- viewport >= 2012: page = 50% (sobra mais espaco no lado direito)

Mobile (<1024px) continua full-width via media query existente.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/layout/melissa/MelissaSeguranca.vue

@@ -923,12 +923,15 @@ onMounted(async () => {
 
 /* ═══════ Desktop (>=1024px) ═══════ */
 @media (min-width: 1024px) {
-    /* Pagina ocupa ~50% da largura util, alinhada a esquerda — pq
+    /* Pagina alinhada a esquerda com largura ~50%, mas com minimo
-       Seguranca tem so 1 form pequeno (Trocar senha) e nao precisa
+       de 1000px pra nao ficar cramped em viewports medios.
-       de toda a largura. inset top/bottom mantidos do base; left
+       Formula: right = min(50%, calc(100% - 1006px))
-       fica em 6px (igual base) e right vai pra 50%. */
+       - viewport >= 2012px : right = 50%       (page ocupa ~50%)
+       - viewport <  2012px : right = 100%-1006 (page fica em 1000px)
+       Em viewports < 1024px, o media query mobile la embaixo
+       restaura full-width, entao min funciona suave. */
     .mse-page {
-        right: 50%;
+        right: min(50%, calc(100% - 1006px));
     }
 
     /* Sidebar: cards min-h 300 + max-h 100% + body scroll */