working Mods Cat

nonpacks/static/css/style.css

@@ -3554,3 +3554,49 @@ a.deletelink {
 }
 .skin-render-btn { width: 100%; }
 
+
+/* Mod Info tab */
+.mods-warning {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.5rem;
+    background: #fff4e0;
+    border: 1px solid #f0c878;
+    color: #7a4d00;
+    padding: 0.7rem 0.9rem;
+    border-radius: 8px;
+    margin-bottom: 0.9rem;
+    font-size: 0.85rem;
+}
+.mod-card {
+    background: var(--md-sys-color-surface-variant, #45475a);
+    border: 1px solid var(--md-sys-color-outline-variant, #3a3f4d);
+    border-radius: 10px;
+    padding: 0.9rem;
+    margin-bottom: 0.75rem;
+}
+.mod-card-head {
+    display: flex;
+    align-items: center;
+    gap: 0.6rem;
+    flex-wrap: wrap;
+    color: var(--md-sys-color-on-surface, #cdd6f4);
+    font-size: 1rem;
+}
+.mod-loader-badge {
+    border-radius: 999px;
+    background: #e0e7ff;
+    color: #3730a3;
+    padding: 0.1rem 0.55rem;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+}
+.mod-version { color: var(--md-sys-color-on-surface-variant, #a6adc8); font-size: 0.85rem; }
+.mod-id { margin: 0.3rem 0 0; color: var(--md-sys-color-on-surface-variant, #a6adc8); font-size: 0.78rem; }
+.mod-desc { margin: 0.4rem 0; color: var(--md-sys-color-on-surface, #cdd6f4); font-size: 0.88rem; }
+.mod-meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; color: var(--md-sys-color-on-surface-variant, #a6adc8); font-size: 0.78rem; }
+.mod-deps { list-style: none; margin: 0.5rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.8rem; }
+.mod-deps li { color: var(--md-sys-color-on-surface-variant, #a6adc8); }
+.mod-deps code { background: #313244; color: #cdd6f4; padding: 0 0.3rem; border-radius: 4px; }
+.mod-dep-type { color: #8a94b0; font-size: 0.72rem; }