email templates

2026-06-03 13:14:08 -04:00
parent 49c9994156
commit a2c4924191
5 changed files with 389 additions and 51 deletions
@@ -6453,3 +6453,112 @@
  background: rgba(201, 168, 76, 0.08);
  border-radius: 6px;
 }
+
+/* ── Admin: Email Templates ── */
+.admin-et-card {
+  border-radius: 10px;
+  margin-bottom: 0.75rem;
+  overflow: hidden;
+  border: 1px solid rgba(201, 168, 76, 0.12);
+  border-left-width: 4px;
+  background: #0b0b09;
+}
+
+.admin-et-card--newsletter  { border-left-color: #c9a84c; }
+.admin-et-card--study       { border-left-color: #7abf7a; }
+.admin-et-card--transactional { border-left-color: #7aaacf; }
+
+.admin-et-card--open {
+  border-color: rgba(201, 168, 76, 0.3);
+  border-left-width: 4px;
+}
+.admin-et-card--open.admin-et-card--newsletter  { border-left-color: #c9a84c; }
+.admin-et-card--open.admin-et-card--study       { border-left-color: #7abf7a; }
+.admin-et-card--open.admin-et-card--transactional { border-left-color: #7aaacf; }
+
+.admin-et-card-header {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  padding: 0.9rem 1.1rem;
+  background: none;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  text-align: left;
+}
+
+.admin-et-card-header:hover {
+  background: rgba(201, 168, 76, 0.04);
+}
+
+.admin-et-card-icon {
+  font-size: 1.4rem;
+  flex-shrink: 0;
+  line-height: 1;
+}
+
+.admin-et-card-meta {
+  flex: 1;
+  min-width: 0;
+}
+
+.admin-et-card-title-row {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.2rem;
+  flex-wrap: wrap;
+}
+
+.admin-et-card-title {
+  font-size: 0.95rem;
+  font-weight: 700;
+  color: #f0e9cc;
+}
+
+.admin-et-card-trigger {
+  font-size: 0.78rem;
+  color: #8a7f5a;
+  margin: 0;
+}
+
+.admin-et-card-chevron {
+  font-size: 0.75rem;
+  color: #5a5440;
+  flex-shrink: 0;
+}
+
+.admin-et-badge {
+  font-size: 0.62rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  padding: 0.15rem 0.5rem;
+  border-radius: 3px;
+  flex-shrink: 0;
+}
+
+.admin-et-badge--newsletter    { background: rgba(201,168,76,0.15);  color: #c9a84c; }
+.admin-et-badge--study         { background: rgba(100,160,100,0.15); color: #7abf7a; }
+.admin-et-badge--transactional { background: rgba(100,140,200,0.15); color: #7aaacf; }
+
+.admin-et-card-body {
+  padding: 0 1.25rem 1.25rem;
+  border-top: 1px solid rgba(201, 168, 76, 0.08);
+}
+
+.admin-et-card-vars {
+  font-size: 0.78rem;
+  color: #6a6040;
+  background: rgba(201, 168, 76, 0.05);
+  border-radius: 5px;
+  padding: 0.45rem 0.75rem;
+  margin: 0.75rem 0 1rem;
+}
+
+.admin-et-card-vars-label {
+  color: #8a7f5a;
+  font-weight: 600;
+}