MelissaSeguranca: pagina 50% de largura em desktop

Em desktop a pagina ocupa apenas 50% da largura util (left: 25% +
right: 25%), centralizada. Como Seguranca so tem 1 form pequeno
(Trocar senha + sidebar de info), nao precisa de toda a largura
do viewport. Em mobile mantem 100% (override so na media query
>= 1024px).

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

src/layout/melissa/MelissaSeguranca.vue

@@ -923,6 +923,15 @@ onMounted(async () => {
 
 /* ═══════ Desktop (>=1024px) ═══════ */
 @media (min-width: 1024px) {
+    /* Pagina ocupa ~50% da largura util, centralizada — pq Seguranca
+       tem so 1 form pequeno (Trocar senha) e nao precisa de toda a
+       largura. inset top/bottom mantidos do base; left/right viram
+       25% pra dar 50% de largura centralizada. */
+    .mse-page {
+        left: 25%;
+        right: 25%;
+    }
+
     /* Sidebar: cards min-h 300 + max-h 100% + body scroll */
     .mse-side > .mse-side__scroll > .mse-w--side {
         min-height: 300px;