settings updates

resources/themes/backend/assets/css/app.css

@@ -1,4 +1,5 @@
 @import 'tailwindcss';
+@import '@fortawesome/fontawesome-free/css/all.min.css';
 @import '../../../../../vendor/livewire/flux/dist/flux.css';
 @import './helpdesk.css';
 
@@ -14,13 +15,3 @@
     --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
         'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 }
-
-@layer base {
-    *,
-    ::after,
-    ::before,
-    ::backdrop,
-    ::file-selector-button {
-        border-color: var(--color-gray-200, currentColor);
-    }
-}

resources/themes/backend/assets/css/helpdesk.css

@@ -972,3 +972,36 @@ span.flatpickr-weekday {
     box-shadow: 0 0 0 1000px #09090b inset !important;
     transition: background-color 9999s ease-in-out 0s;
 }
+
+
+/* Backend theme integration: keep Core Helpdesk surfaces full-width and dark. */
+.hd-helpdesk-surface {
+    width: 100%;
+}
+
+.dark .hd-core-settings input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
+.dark .hd-core-settings textarea,
+.dark .hd-core-settings select,
+.dark .hd-core-settings [data-flux-control] {
+    background: #2b2b2b !important;
+    border-color: #4b4b4b !important;
+    color: #f4f4f5 !important;
+}
+
+.dark .hd-core-settings input::placeholder,
+.dark .hd-core-settings textarea::placeholder {
+    color: #9ca3af !important;
+}
+
+.dark .hd-core-settings [data-flux-field] label,
+.dark .hd-core-settings [data-flux-label] {
+    color: #f4f4f5 !important;
+}
+
+/* Coloured Settings cards remain cards at all common desktop widths. */
+.hd-core-settings > .grid.md\:grid-cols-4.xl\:grid-cols-7 > a {
+    min-height: 4.6rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}