:root {
  --admin-forest: #123728;
  --admin-cream: #fff4e2;
  --admin-paper: #fffdf8;
  --admin-pink: #ff4fa3;
  --admin-coral: #ff6b2e;
  --admin-lavender: #b28ae3;
  --admin-palm: #7a8f4a;
  --admin-sun: #ffd65a;
  --admin-line: rgba(18, 55, 40, .15);
}

html {
  touch-action: manipulation;
  background: #f4f7f3;
}

body {
  color: var(--admin-forest);
  background:
    linear-gradient(rgba(255, 253, 248, .94), rgba(255, 253, 248, .94)),
    repeating-linear-gradient(0deg, transparent 0 23px, rgba(18, 55, 40, .035) 23px 24px);
}

button,
.button,
input[type="submit"],
input[type="button"] {
  min-height: 42px;
  border-radius: 6px !important;
  letter-spacing: .02em;
}

input,
select,
textarea {
  border-color: var(--admin-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
}

.card,
.panel,
.admin-card,
[class*="card"] {
  border-color: var(--admin-line);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(18, 55, 40, .055);
}

.df-admin-brand-strip {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  height: 5px;
}

.df-admin-brand-strip span:nth-child(1) { background: var(--admin-forest); }
.df-admin-brand-strip span:nth-child(2) { background: var(--admin-pink); }
.df-admin-brand-strip span:nth-child(3) { background: var(--admin-coral); }
.df-admin-brand-strip span:nth-child(4) { background: var(--admin-lavender); }
.df-admin-brand-strip span:nth-child(5) { background: var(--admin-palm); }
.df-admin-brand-strip span:nth-child(6) { background: var(--admin-sun); }
.df-admin-brand-strip span:nth-child(7) { background: var(--admin-cream); }
.df-admin-brand-strip span:nth-child(8) { background: var(--admin-forest); }

.business-card,
[class*="business-card"],
.print-a6,
[class*="print-a6"],
.recipient-card,
[class*="recipient-name"] {
  position: relative;
  overflow: hidden;
  color: var(--admin-forest);
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 79, 163, .11), transparent 30%),
    linear-gradient(135deg, #fffdf8, #fff4e2);
  border: 1px solid var(--admin-line);
  border-radius: 8px !important;
}

.business-card::after,
[class*="business-card"]::after,
.print-a6::after,
[class*="print-a6"]::after,
.recipient-card::after,
[class*="recipient-name"]::after {
  position: absolute;
  right: -24px;
  bottom: -24px;
  width: 92px;
  height: 92px;
  content: "";
  border: 18px solid rgba(18, 55, 40, .06);
  border-radius: 50%;
  pointer-events: none;
}

@media print {
  body {
    background: #fff !important;
  }

  .business-card,
  [class*="business-card"],
  .print-a6,
  [class*="print-a6"],
  .recipient-card,
  [class*="recipient-name"] {
    box-shadow: none !important;
  }
}