style: unify mobile privacy text color to white and prevent menu line break

frontend/viewer.html

@@ -269,21 +269,21 @@
                     <img id="mobUserAvatarImg" src="" alt="Avatar" style="width: 100%; height: 100%; object-fit: cover; display: none;">
                     <span id="mobUserAvatarInitial" style="font-size: 0.9rem; font-weight: 800; color: #ffffff; text-transform: uppercase;">P</span>
                 </button>
-                <div id="mobUserDropdown" style="display: none; position: absolute; top: calc(100% + 8px); right: 0; background: #161622; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; padding: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.6); z-index: 1000; min-width: 170px;">
-                    <div style="padding: 6px 10px; margin-bottom: 4px; font-size: 0.85rem; font-weight: 700; color: #ffffff; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid rgba(255,255,255,0.08);">
+                <div id="mobUserDropdown" style="display: none; position: absolute; top: calc(100% + 8px); right: 0; background: #161622; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; padding: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.6); z-index: 1000; min-width: 210px; width: max-content;">
+                    <div style="padding: 6px 10px; margin-bottom: 4px; font-size: 0.85rem; font-weight: 700; color: #ffffff; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid rgba(255,255,255,0.08); white-space: nowrap;">
                         👤 <span id="mobUsername">-</span>
                     </div>
-                    <div style="padding: 6px 10px; margin-bottom: 6px; font-size: 0.8rem; font-weight: 700; color: #ffeb3b; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid rgba(255,255,255,0.08);">
+                    <div style="padding: 6px 10px; margin-bottom: 6px; font-size: 0.8rem; font-weight: 700; color: #ffeb3b; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid rgba(255,255,255,0.08); white-space: nowrap;">
                         🪙 <span id="mobCredits">0</span> Créditos
                     </div>
-                    <button id="btnMobProfile" style="width: 100%; text-align: left; background: transparent; border: none; color: #ffffff; padding: 8px 10px; border-radius: 8px; font-size: 0.8rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px;">
+                    <button id="btnMobProfile" style="width: 100%; text-align: left; background: transparent; border: none; color: #ffffff; padding: 8px 10px; border-radius: 8px; font-size: 0.8rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; white-space: nowrap;">
                         👤 <span>Mi perfil</span>
                     </button>
-                    <button id="btnMobPrivacy" style="width: 100%; text-align: left; background: transparent; border: none; color: #4caf50; padding: 8px 10px; border-radius: 8px; font-size: 0.8rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px;">
+                    <button id="btnMobPrivacy" style="width: 100%; text-align: left; background: transparent; border: none; color: #ffffff; padding: 8px 10px; border-radius: 8px; font-size: 0.8rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; white-space: nowrap;">
                         🛡️ <span>Privacidad y Seguridad</span>
                     </button>
                     <div style="height: 1px; background: rgba(255,255,255,0.08); margin: 4px 0;"></div>
-                    <button id="btnMobLogout" style="width: 100%; text-align: left; background: transparent; border: none; color: #ef4444; padding: 8px 10px; border-radius: 8px; font-size: 0.8rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 6px;">
+                    <button id="btnMobLogout" style="width: 100%; text-align: left; background: transparent; border: none; color: #ef4444; padding: 8px 10px; border-radius: 8px; font-size: 0.8rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 6px; white-space: nowrap;">
                         🚪 <span>Salir</span>
                     </button>
                 </div>
@@ -546,7 +546,7 @@
     <div id="mobPrivacyModal" style="display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; background: rgba(10, 10, 15, 0.95); backdrop-filter: blur(12px); flex-direction: column; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box;">
         <div style="width: 100%; max-width: 420px; background: #161622; border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.8);">
             <div style="display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 16px;">
-                <div style="font-size: 1.1rem; font-weight: 700; color: #4caf50; display: flex; align-items: center; gap: 6px;">
+                <div style="font-size: 1.1rem; font-weight: 700; color: #ffffff; display: flex; align-items: center; gap: 6px;">
                     🛡️ <span>Privacidad y Seguridad</span>
                 </div>
                 <button type="button" id="btnCloseMobPrivacy" style="background: rgba(255,255,255,0.1); border: none; color: #fff; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; font-weight: bold; font-size: 0.9rem;">✕</button>