From 12c790fb5c277f93b93f6c21cda649c020fe49a0 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Fri, 3 Jul 2026 17:28:08 -0500
Subject: [PATCH] fix: mover CSS del modal nuevo-mensaje fuera del media query
 mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Los estilos de #nuevo-modal y .nv-* estaban dentro de @media (max-width: 680px),
por lo que el modal no tenía diseño en desktop.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 modules/turnero/views/chat.php | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/modules/turnero/views/chat.php b/modules/turnero/views/chat.php
index 4f25553..3f9f5da 100644
--- a/modules/turnero/views/chat.php
+++ b/modules/turnero/views/chat.php
@@ -270,13 +270,6 @@ html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMa
 
 .back-btn { display: none; background: none; border: none; color: #fff; font-size: 1.1rem; cursor: pointer; padding: 4px 8px; }
 
-@media (max-width: 680px) {
-    .chat-shell { position: relative; overflow: hidden; }
-    .sidebar { position: absolute; inset: 0; z-index: 10; transition: transform .2s ease; }
-    .sidebar.mobile-hidden { transform: translateX(-100%); pointer-events: none; }
-    .chat-window { position: absolute; inset: 0; z-index: 5; transform: translateX(100%); height: 100%; transition: transform .2s ease; }
-    .chat-window.mobile-active { transform: translateX(0); }
-    .back-btn { display: flex; }
 /* ── Modal nuevo mensaje ── */
 #nuevo-modal { display:none; position:fixed; inset:0; z-index:1100;
     background:rgba(0,0,0,.45); align-items:center; justify-content:center; padding:16px; }
@@ -309,6 +302,14 @@ html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMa
 .nv-close-btn { background:none; border:none; cursor:pointer; color:#94a3b8;
     font-size:.95rem; padding:2px 7px; border-radius:4px; }
 .nv-close-btn:hover { color:#475569; background:#f1f5f9; }
+
+@media (max-width: 680px) {
+    .chat-shell { position: relative; overflow: hidden; }
+    .sidebar { position: absolute; inset: 0; z-index: 10; transition: transform .2s ease; }
+    .sidebar.mobile-hidden { transform: translateX(-100%); pointer-events: none; }
+    .chat-window { position: absolute; inset: 0; z-index: 5; transform: translateX(100%); height: 100%; transition: transform .2s ease; }
+    .chat-window.mobile-active { transform: translateX(0); }
+    .back-btn { display: flex; }
 }
 </style>
 </head>