/* (PREGNORF ✅) DMXReady v4 — Premium Empty States
 * Version: 1.0.0
 */

.dmxr4 .dmxr4-empty{
  --es-ink: var(--v4-ink, color-mix(in srgb, var(--v4-ink) 92%, transparent));
  --es-muted: var(--v4-muted, color-mix(in srgb, var(--v4-ink) 68%, transparent));
  --es-line: color-mix(in srgb, var(--v4-ink) 14%, transparent);
  --es-soft: color-mix(in srgb, var(--v4-ink) 4%, transparent);
  --es-accent: var(--dmxr4-brand, var(--global-palette1, var(--v4-brand)));

  border: 1px solid var(--es-line);
  border-radius: 18px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--v4-card) 92%, transparent), color-mix(in srgb, var(--v4-card) 76%, transparent));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--v4-ink) 8%, transparent);
  padding: 14px 14px 12px;
  max-width: 980px;
  margin: 18px auto;
}

.dmxr4 .dmxr4-empty__row{display:flex;gap:12px;align-items:flex-start;}
.dmxr4 .dmxr4-empty__icon{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--v4-card) 92%, transparent), var(--es-soft));
  border: 1px solid color-mix(in srgb, var(--v4-ink) 10%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v4-card) 75%, transparent);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 18px;
}

.dmxr4 .dmxr4-empty__title{margin:0;color:var(--es-ink);font-size:15px;font-weight:750;line-height:1.25;}
.dmxr4 .dmxr4-empty__text{margin:4px 0 0;color:var(--es-muted);font-size:13px;line-height:1.55;}

.dmxr4 .dmxr4-empty__steps{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px;}
.dmxr4 .dmxr4-empty__step{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid color-mix(in srgb, var(--v4-ink) 10%, transparent);border-radius:14px;background:color-mix(in srgb, var(--v4-card) 70%, transparent);}
.dmxr4 .dmxr4-empty__dot{width:18px;height:18px;border-radius:999px;background:var(--es-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--v4-ink) 4%, transparent);flex:0 0 18px;margin-top:1px;}
.dmxr4 .dmxr4-empty__step b{display:block;color:var(--es-ink);font-size:13px;line-height:1.2;}
.dmxr4 .dmxr4-empty__step span{display:block;color:var(--es-muted);font-size:12.5px;line-height:1.45;margin-top:2px;}

.dmxr4 .dmxr4-empty__actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;}
.dmxr4 .dmxr4-empty__chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--v4-ink) 14%, transparent);
  background:color-mix(in srgb, var(--v4-card) 78%, transparent);
  color:var(--es-ink);
  font-size:12.5px;
  text-decoration:none;
}
.dmxr4 .dmxr4-empty__chip:hover{filter:brightness(.98);}

.dmxr4 .dmxr4-empty__hint{margin:10px 0 0;color:color-mix(in srgb, var(--v4-ink) 54%, transparent);font-size:12px;}

.dmxr4 .dmxr4-empty--compact{max-width:none;margin:10px 0;padding:12px;background:linear-gradient(180deg, color-mix(in srgb, var(--v4-card) 88%, transparent), color-mix(in srgb, var(--v4-card) 78%, transparent));box-shadow:0 10px 22px color-mix(in srgb, var(--v4-ink) 6%, transparent);}
.dmxr4 .dmxr4-empty--compact .dmxr4-empty__icon{width:34px;height:34px;border-radius:12px;}