conflict & reminder dialogs & styles #89

src/styles/components/dialogs/_conflict_dialog.scss

@@ -0,0 +1,88 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
+/* 
+  Conflict Dialog Styles
+  Used for platform conflict detection dialogs
+*/
+
+.conflict-dialog-header {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+
+  h3 {
+    margin: 0;
+    flex: 1;
+    font-size: 1.1rem;
+    color: var(--text-primary);
+  }
+
+  svg {
+    color: var(--warning);
+    flex-shrink: 0;
+  }
+}
+
+.conflict-dialog-body {
+  p {
+    margin-bottom: 1rem;
+    color: var(--text-secondary);
+    line-height: 1.5;
+
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+
+    strong {
+      color: var(--text-primary);
+      font-weight: var(--bold);
+    }
+  }
+}
+
+/* 
+  Reminder Dialog Styles
+  Used for Steam launch option reminders
+*/
+
+.reminder-dialog-header {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+
+  h3 {
+    margin: 0;
+    flex: 1;
+    font-size: 1.1rem;
+    color: var(--text-primary);
+  }
+
+  svg {
+    color: var(--info);
+    flex-shrink: 0;
+  }
+}
+
+.reminder-dialog-body {
+  p {
+    margin-bottom: 1rem;
+    color: var(--text-secondary);
+    line-height: 1.5;
+  }
+
+  .reminder-steps {
+    margin: 1rem 0 0 1.5rem;
+    padding: 0;
+    color: var(--text-secondary);
+    line-height: 1.6;
+
+    li {
+      margin-bottom: 0.5rem;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+}

src/styles/components/dialogs/_index.scss

@@ -3,3 +3,4 @@
 @forward './progress_dialog';
 @forward './settings_dialog';
 @forward './smokeapi_settings_dialog';
+@forward './conflict_dialog';