Centralize styling assets

css/tailwind.source.css

@@ -423,11 +423,11 @@
     @apply translate-x-5;
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .form-control,
-    .checkbox,
-    .checkbox::after,
-    .switch,
+@media (prefers-reduced-motion: reduce) {
+  .form-control,
+  .checkbox,
+  .checkbox::after,
+  .switch,
     .switch::before,
     .popover__panel,
     .menu__item {
@@ -2028,3 +2028,25 @@
     animation: none !important;
   }
 }
+
+@layer components {
+  .ui-grid-row {
+    border-bottom: 1px solid var(--color-border-subtle, rgb(209 213 219));
+  }
+
+  .status-line {
+    @apply my-1 text-sm leading-snug text-text;
+  }
+
+  .status-line.error {
+    color: var(--color-critical-strong);
+  }
+
+  .status-line.success {
+    color: var(--color-blog-green-500);
+  }
+
+  .status-line.warn {
+    color: var(--color-warning-strong);
+  }
+}