Splitting css and JS files on settings pages

static/css/settings/smtp_settings.css

@@ -0,0 +1,105 @@
+/* SMTP Settings Form */
+#smtpSettingsForm .form-label {
+    font-weight: 500;
+    color: #495057;
+}
+
+#smtpSettingsForm .form-control,
+#smtpSettingsForm .form-select {
+    border-color: #dee2e6;
+    border-radius: 0.375rem;
+}
+
+#smtpSettingsForm .form-control:focus,
+#smtpSettingsForm .form-select:focus {
+    border-color: #86b7fe;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+/* Info Icons */
+.fa-info-circle {
+    color: var(--secondary-color);
+    cursor: pointer;
+    transition: color 0.2s ease-in-out;
+}
+
+.fa-info-circle:hover {
+    color: var(--primary-color);
+}
+
+/* Popover Customization */
+.popover {
+    max-width: 400px;
+    border: 1px solid #dee2e6;
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+}
+
+.popover .popover-header {
+    background-color: #f8f9fa;
+    border-bottom: 1px solid #dee2e6;
+    font-weight: 600;
+}
+
+.popover .popover-body {
+    padding: 1rem;
+    color: #495057;
+}
+
+/* Alert Styling */
+.alert {
+    border: none;
+    border-radius: 0.375rem;
+}
+
+.alert-info {
+    background-color: #e7f5ff;
+    color: #0c5460;
+}
+
+.alert-success {
+    background-color: #d4edda;
+    color: #155724;
+}
+
+.alert-danger {
+    background-color: #f8d7da;
+    color: #721c24;
+}
+
+/* Code Blocks in Alerts */
+.alert code {
+    background-color: rgba(0, 0, 0, 0.05);
+    padding: 0.2em 0.4em;
+    border-radius: 0.25rem;
+    font-size: 0.9em;
+}
+
+/* Test Connection Result */
+#testConnectionResult {
+    margin-top: 1rem;
+}
+
+#testConnectionResult .alert {
+    margin-bottom: 0;
+}
+
+/* Button Styling */
+.btn-outline-primary {
+    border-color: #0d6efd;
+    color: #0d6efd;
+}
+
+.btn-outline-primary:hover {
+    background-color: #0d6efd;
+    color: #fff;
+}
+
+.btn-primary {
+    background-color: #0d6efd;
+    border-color: #0d6efd;
+}
+
+.btn-primary:hover {
+    background-color: #0b5ed7;
+    border-color: #0a58ca;
+}