04/26 Enhanced functionalities

2026-04-26 10:10:29 -04:00
parent 194601e461
commit 517f4dab61
10 changed files with 1114 additions and 1046 deletions
@@ -2032,3 +2032,94 @@ html.sidebar-open {
  font-family: monospace;
  letter-spacing: 0.05em;
 }
+
+/* ── Import / Export view ──────────────────────────────────────────────────── */
+
+.import-export-section {
+  background: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  padding: 24px;
+  margin-bottom: 20px;
+  max-width: 640px;
+}
+
+.import-export-heading {
+  font-size: 15px;
+  font-weight: 700;
+  color: #111827;
+  margin: 0 0 8px;
+}
+
+.import-export-desc {
+  font-size: 13px;
+  color: #6b7280;
+  margin: 0 0 16px;
+  line-height: 1.55;
+}
+
+.import-export-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.import-file-label {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  padding: 7px 14px;
+  border-radius: 7px;
+  font-size: 13px;
+}
+
+.import-file-name {
+  font-size: 13px;
+  color: #6b7280;
+}
+
+.import-preview {
+  margin: 14px 0 0;
+  font-size: 13px;
+  color: #374151;
+  background: #f9fafb;
+  border: 1px solid #e5e7eb;
+  border-radius: 7px;
+  padding: 12px 14px;
+  line-height: 1.6;
+}
+
+.import-preview-list {
+  margin: 6px 0 0 16px;
+  padding: 0;
+}
+
+.import-note {
+  color: #6b7280;
+  font-size: 12px;
+  margin: 4px 0 0;
+}
+
+.import-error {
+  color: #dc2626;
+}
+
+.import-result {
+  margin-top: 14px;
+  font-size: 13px;
+  padding: 10px 14px;
+  border-radius: 7px;
+}
+
+.import-result-ok {
+  background: #f0fdf4;
+  color: #15803d;
+  border: 1px solid #bbf7d0;
+}
+
+.import-result-err {
+  background: #fef2f2;
+  color: #dc2626;
+  border: 1px solid #fecaca;
+}