Update assets/custom.css via AI Editor

assets/custom.css

@@ -1,10 +1,44 @@
-/* Left column navbar light gray, right column white background */
+/* Left column navbar light gray, left-aligned bold text, transparent buttons, no underlines */
 .dash-bootstrap .dbc-row > .dbc-col:first-child {
     background-color: #F5F5F5 !important;
     min-height: 100vh;
     word-break: break-word;
     word-wrap: break-word;
+    text-align: left;
 }
+.dash-bootstrap .dbc-row > .dbc-col:first-child .navbar-btn {
+    display: block;
+    width: 100%;
+    background: transparent;
+    border: none;
+    outline: none;
+    text-align: left;
+    font-weight: bold;
+    color: #1C304A;
+    padding: 12px 18px;
+    margin: 0;
+    cursor: pointer;
+    text-decoration: none !important;
+    box-shadow: none;
+    border-radius: 4px;
+    transition: background 0.2s, color 0.2s;
+}
+.dash-bootstrap .dbc-row > .dbc-col:first-child .navbar-btn:hover,
+.dash-bootstrap .dbc-row > .dbc-col:first-child .navbar-btn:focus {
+    background-color: #DEF4F4;
+    color: #116F70;
+    text-decoration: none !important;
+}
+
+/* Remove underline from all links in left navbar */
+.dash-bootstrap .dbc-row > .dbc-col:first-child a,
+.dash-bootstrap .dbc-row > .dbc-col:first-child a:visited,
+.dash-bootstrap .dbc-row > .dbc-col:first-child a:hover,
+.dash-bootstrap .dbc-row > .dbc-col:first-child a:active {
+    text-decoration: none !important;
+}
+
+/* Right column white background */
 .dash-bootstrap .dbc-row > .dbc-col:last-child {
     background-color: #FFFFFF !important;
     min-height: 100vh;