oprava create button a uprava css

Web/content/ftp/css/index.css

@@ -125,4 +125,18 @@ footer {
     padding: 20px;
     border-top: 1px solid #ddd;
     width: 100%;
-}
+}
+
+/* Give the SFTP file browser its own surface, distinct from the outer page. */
+article.col-8 {
+    background: linear-gradient(145deg, var(--sftp-bg-start), var(--sftp-bg-end));
+    border-color: rgba(77, 145, 255, 0.3) !important;
+    border-radius: 1rem !important;
+    box-shadow: 0 12px 32px rgba(3, 8, 18, 0.2);
+}
+
+html[data-bs-theme="light"] article.col-8 {
+    background: linear-gradient(145deg, #ffffff, #edf3fb);
+    border-color: rgba(59, 130, 246, 0.4) !important;
+    box-shadow: 0 18px 48px rgba(31, 58, 92, 0.1);
+}

Web/content/ftp/index.php

@@ -319,6 +319,13 @@
     </div>
     </footer>
     </div>
+    <script>
+        // Keep Bootstrap modals outside the filtered SFTP container. A parent
+        // backdrop-filter creates a stacking context that can block modal input.
+        document.querySelectorAll('.modal').forEach(function (modal) {
+            document.body.appendChild(modal);
+        });
+    </script>
     <script>
         // Pass PHP variables to JavaScript
         var currentPath = "<?php echo $currentPath; ?>";
@@ -336,4 +343,4 @@ function formatBytes($bytes, $precision = 2) {
     $bytes /= (1 << (10 * $pow));
     return round($bytes, $precision) . ' ' . $units[$pow];
 }
-?>
+?>