Issues fixed

2026-06-11 10:10:48 +01:00
parent f8be057b52
commit 7ef94859fa
23 changed files with 455 additions and 397 deletions
@@ -542,3 +542,130 @@ select:focus[data-flux-control] {
        }
    }
 }
+
+@layer components {
+    .wms-main-panel {
+        min-width: 0;
+        flex: 1;
+        display: flex;
+        min-height: 100vh;
+        flex-direction: column;
+        background: rgb(250 250 250);
+    }
+
+    .dark .wms-main-panel {
+        background: rgb(9 9 11);
+    }
+
+    .wms-page-hero {
+        margin: 0.75rem 1rem 0;
+        overflow: hidden;
+        border-radius: 1rem;
+        background: linear-gradient(135deg, rgb(2 6 23) 0%, rgb(15 23 42) 55%, rgb(8 80 104) 100%);
+        color: white;
+        box-shadow: 0 24px 50px rgb(0 0 0 / 0.22);
+    }
+
+    .wms-page-hero-content {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 1rem;
+        padding: clamp(1rem, 2vw, 1.5rem);
+    }
+
+    .wms-page-eyebrow {
+        margin: 0 0 1.15rem;
+        color: rgb(103 232 249);
+        font-size: 0.9rem;
+        font-weight: 800;
+        letter-spacing: 0.32em;
+        text-transform: uppercase;
+    }
+
+    .wms-page-title {
+        margin: 0;
+        max-width: 58rem;
+        color: white;
+        font-size: clamp(1.4rem, 2vw, 2rem);
+        font-weight: 850;
+        letter-spacing: -0.06em;
+        line-height: 0.96;
+    }
+
+    .wms-page-subtitle {
+        margin: 0.5rem 0 0;
+        max-width: 60rem;
+        color: rgb(203 213 225);
+        font-size: 0.95rem;
+        line-height: 1.55;
+    }
+
+    .wms-page-metrics {
+        display: grid;
+        min-width: min(32rem, 100%);
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 1rem;
+    }
+
+    .wms-page-metric-card {
+        border-radius: 1.35rem;
+        background: rgb(255 255 255 / 0.12);
+        padding: 1.55rem;
+        backdrop-filter: blur(16px);
+    }
+
+    .wms-page-metric-label {
+        display: block;
+        color: rgb(203 213 225);
+        font-size: 1rem;
+        line-height: 1.2;
+    }
+
+    .wms-page-metric-value {
+        display: flex;
+        align-items: center;
+        gap: 0.65rem;
+        margin-top: 1rem;
+        color: white;
+        font-size: clamp(1.6rem, 2.4vw, 2.25rem);
+        font-weight: 850;
+        line-height: 1;
+    }
+
+    .wms-page-metric-ok {
+        color: rgb(110 231 183);
+    }
+
+    .wms-content {
+        padding-top: 1.5rem;
+    }
+
+    .module-page > .row > .col-12:first-child:has(.module-hero) {
+        display: none;
+    }
+
+    @media (max-width: 1023px) {
+        .wms-page-hero {
+            margin: 1rem 1rem 0;
+            border-radius: 1.35rem;
+        }
+
+        .wms-page-hero-content {
+            align-items: flex-start;
+            flex-direction: column;
+            padding: 1.6rem;
+        }
+
+        .wms-page-metrics {
+            min-width: 0;
+            width: 100%;
+        }
+    }
+
+    @media (max-width: 640px) {
+        .wms-page-metrics {
+            grid-template-columns: 1fr;
+        }
+    }
+}