Added new modules and updated existing logic

dev/ui-ux/Opus 4.6/src/styles/global.css

@@ -0,0 +1,47 @@
+/* =============================================
+   GLOBAL STYLES — shared variables, resets, scrollbars
+   ============================================= */
+
+:root {
+  --left-col-width: 240px;
+  --cell-width: 100px;
+  --h-eod: 42px;
+  --h-status: 34px;
+  --h-dates: 52px;
+  --primary-soft: #f8fafc;
+  --border-color: #e2e8f0;
+  --highlight-bg: rgba(99, 102, 241, 0.12);
+  --highlight-border: rgba(99, 102, 241, 0.5);
+}
+
+/* MOBILE OPTIMIZATION */
+@media (max-width: 599px) {
+  :root {
+    --left-col-width: 160px;
+  }
+}
+
+body, html {
+  height: 100%;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  background-color: #f8fafc;
+  color: #334155;
+}
+
+/* Quasar overrides — functional, not decorative */
+.q-field--outlined.q-field--rounded .q-field__control { border-radius: 6px; }
+.q-btn--rounded { border-radius: 6px; }
+
+/* Strip shadows globally — depth only where structurally necessary */
+.shadow-1, .shadow-2, .shadow-3, .shadow-4, .shadow-5,
+.shadow-6, .shadow-7, .shadow-8, .shadow-9, .shadow-10,
+.shadow-11, .shadow-12, .shadow-13, .shadow-14, .shadow-15 {
+  box-shadow: none !important;
+}
+
+/* Allow a single minimal shadow for elevated overlays (drawers, menus) */
+.q-menu, .q-drawer--overlay {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
+}