refactor: Remove unnecessary card header from overview tab in risk item template

static/css/design.css

@@ -275,8 +275,6 @@ body.dark-mode a { color: #bb86fc; }
   min-width: 1.15rem; height: 1.15rem;
   font-size: 0.70rem; line-height: 1.15rem;
 }
-/* Dark navbar badge shadow */
-.navbar.is-dark .avatar-wrap .badge { box-shadow: 0 0 0 2px hsl(229, 53%, 18%); }
 
 /* =========================
    Bulma Design Changes
@@ -304,3 +302,137 @@ body.dark-mode a { color: #bb86fc; }
 .erp-tabs a:hover {
   background: rgba(0,0,0,.03);
 }
+
+/* =========================
+   Dark Mode
+   ========================= */
+/* =========================
+   Dark Mode Palette
+   ========================= */
+body.dark-mode {
+  --bg-main: #121212;
+  --bg-surface: #1e1e1e;
+  --bg-hover: #2a2a2a;
+  --border-color: #333;
+  --text-main: #f5f5f5;
+  --text-muted: #bbb;
+  --link-color: #bb86fc;
+  --link-hover: #d0aaff;
+
+  background-color: var(--bg-main);
+  color: var(--text-main);
+}
+
+/* =========================
+   Global Elements
+   ========================= */
+body.dark-mode a {
+  color: var(--link-color);
+}
+body.dark-mode a:hover {
+  color: var(--link-hover);
+}
+
+body.dark-mode .content {
+  background: var(--bg-surface);
+  color: var(--text-main);
+}
+
+/* =========================
+   Navbar / Topbar
+   ========================= */
+body.dark-mode .navbar.topbar-nav {
+  background-color: var(--bg-surface) !important;
+  box-shadow: none;
+}
+body.dark-mode .navbar.topbar-nav .navbar-item,
+body.dark-mode .navbar.topbar-nav .navbar-link {
+  color: var(--text-main);
+}
+body.dark-mode .navbar.topbar-nav .navbar-item:hover,
+body.dark-mode .navbar.topbar-nav .navbar-link:hover {
+  background-color: var(--bg-hover);
+  color: #fff;
+}
+body.dark-mode .navbar.topbar-nav .navbar-link::after {
+  border-color: var(--link-color);
+}
+
+/* =========================
+   Cards, Boxen, Dropdowns
+   ========================= */
+body.dark-mode .box,
+body.dark-mode .card,
+body.dark-mode .navbar-dropdown {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border: 1px solid var(--border-color);
+}
+
+/* =========================
+   Breadcrumbs
+   ========================= */
+body.dark-mode .breadcrumb {
+  background-color: var(--bg-surface);
+  border-bottom: 1px solid var(--border-color);
+}
+body.dark-mode .breadcrumb a {
+  color: var(--link-color) !important;
+}
+
+/* =========================
+   Messages / Notifications
+   ========================= */
+body.dark-mode .notification {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border-left: 4px solid var(--prosoft-normal);
+}
+body.dark-mode .message .message-body {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border-color: var(--border-color);
+}
+
+/* =========================
+   Tables
+   ========================= */
+body.dark-mode table,
+body.dark-mode th,
+body.dark-mode td {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border-color: var(--border-color);
+}
+
+/* =========================
+   Inputs / Forms
+   ========================= */
+body.dark-mode input,
+body.dark-mode select,
+body.dark-mode textarea {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border: 1px solid var(--border-color);
+}
+body.dark-mode input::placeholder {
+  color: var(--text-muted);
+}
+
+/* =========================
+   Navbar Dropdown (Dark Mode)
+   ========================= */
+body.dark-mode .navbar-dropdown {
+  background: var(--bg-surface);
+  border: 1px solid var(--border-color);
+}
+
+body.dark-mode .navbar-dropdown .navbar-item {
+  background: var(--bg-surface);
+  color: var(--text-main) !important;
+}
+
+body.dark-mode .navbar-dropdown .navbar-item:hover {
+  background: var(--bg-hover);
+  color: #fff !important;
+}

templates/risks/item_risk.html

@@ -18,9 +18,6 @@
   <!-- Tab: Overview -->
   <div class="tab-panel" data-tab="overview">
     <div class="card">
-      <header class="card-header">
-        <p class="card-header-title">{% trans "Overview" %}</p>
-      </header>
       <div class="card-content">
 
         <!-- General info -->