/* UI previews — matches budtendr-dashboard app/globals.css */
.dm-gallery{
  display:grid;grid-template-columns:1fr;gap:32px;margin-top:40px;
}
.dm-shot{
  border:1px solid #2a2f3a;
  background:#0f1115;
  overflow:hidden;
  border-radius:10px;
}
.dm-shot-scroll .dm-body{
  max-height:min(720px,85vh);
  overflow-y:auto;
}
.dm-shot-label{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:12px 16px;background:#171a21;border-bottom:1px solid #2a2f3a;
  font-family:var(--mono, 'JetBrains Mono', monospace);
  font-size:10px;text-transform:uppercase;letter-spacing:.12em;
  color:#8b91a0;
}
.dm-shot-label strong{color:#e6e8ec;font-weight:600}
.dm-shot-label span{color:#7dd957}
.dm-frame{border:0;width:100%;display:block}

.dm-topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 18px;background:#171a21;border-bottom:1px solid #2a2f3a;
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;color:#e6e8ec;
}
.dm-topbar .brand{font-weight:700;font-size:16px;color:#e6e8ec}
.dm-topbar .brand .dm-dot{color:#7dd957}
.dm-topbar .brand .dm-brand-sub{color:#8b91a0;font-weight:400;font-size:16px}
.dm-topbar nav{display:flex;gap:10px;align-items:center;color:#8b91a0;font-size:13px}
.dm-topbar .dm-muted{color:#8b91a0}

.dm-body{
  padding:22px 20px 28px;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:14px;color:#e6e8ec;line-height:1.5;
}
.dm-body h1.dm-title{font-size:22px;font-weight:600;margin:0;line-height:1.2}
.dm-body h2.dm-h{font-size:16px;font-weight:600;margin:26px 0 12px;color:#e6e8ec}
.dm-body h2.dm-h:first-of-type{margin-top:18px}
.dm-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.dm-row h1{font-size:18px;font-weight:600;margin:0}
.dm-sub{color:#8b91a0;font-size:12px;margin:0 0 14px}
.dm-badge{
  display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;
  border:1px solid #2a2f3a;
}
.dm-badge.ok{color:#7dd957;border-color:#4a7c33}
.dm-badge.warn{color:#e0a93d;border-color:#6b5320}
.dm-badge.danger{color:#e0533d;border-color:#6b2f26}
.dm-badge.muted{color:#8b91a0}

.dm-card{
  background:#171a21;border:1px solid #2a2f3a;border-radius:10px;
  padding:18px;margin-bottom:16px;
}
.dm-section-title,.dm-card .st{
  font-size:13px;font-weight:700;color:#7dd957;text-transform:uppercase;
  letter-spacing:.05em;margin:20px 0 10px;
}
.dm-card .st:first-child,.dm-card > .dm-section-title:first-child{margin-top:0}
.dm-card p{color:#8b91a0;font-size:12px;margin:0 0 10px}
.dm-card .dm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.dm-btn{
  display:inline-block;padding:8px 14px;border-radius:7px;font-size:13px;font-weight:600;
  border:1px solid #2a2f3a;background:#1e222b;color:#e6e8ec;
}
.dm-btn.sm{padding:5px 10px;font-size:12px}
.dm-btn.primary{background:#7dd957;color:#0f1115;border-color:#7dd957}
.dm-btn.danger{color:#e0533d;border-color:#6b2f26;background:#1e222b}

.dm-grid{display:grid;gap:10px;margin-bottom:4px}
.dm-grid.g4{grid-template-columns:repeat(4,1fr)}
.dm-grid.g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.dm-grid.g4,.dm-grid.g3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.dm-grid.g4,.dm-grid.g3{grid-template-columns:1fr}}

.dm-metric{
  background:#1e222b;border:1px solid #2a2f3a;border-radius:8px;padding:14px;
}
.dm-metric .ml{color:#8b91a0;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.dm-metric .mv{font-size:22px;font-weight:700;margin-top:4px;line-height:1.1}

.dm-table{width:100%;border-collapse:collapse;font-size:12px}
.dm-table th,.dm-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #2a2f3a}
.dm-table th{color:#8b91a0;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.dm-table td{color:#e6e8ec}
.dm-table tr:last-child td{border-bottom:0}
.dm-table a{color:#7dd957;text-decoration:none}
.dm-table .mono{font-family:ui-monospace,monospace;font-size:11px;color:#8b91a0}

.dm-qr-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.dm-qr{
  width:110px;height:110px;background:
  repeating-linear-gradient(0deg,#e6e8ec 0 4px,#0f1115 4px 8px),
  repeating-linear-gradient(90deg,#e6e8ec 0 4px,#0f1115 4px 8px);
  border:1px solid #2a2f3a;border-radius:4px;flex-shrink:0;
}
.dm-qr.dm-pay-qr{width:100px;height:100px;margin-top:10px}

.dm-notice{
  padding:10px 14px;border-radius:7px;font-size:13px;margin-bottom:14px;line-height:1.45;
}
.dm-notice.warn{background:rgba(224,169,61,.12);border:1px solid #6b5320;color:#e0a93d}
.dm-notice.err{background:rgba(224,83,61,.12);border:1px solid #6b2f26;color:#e0533d}

.dm-setup-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;margin-top:12px;
}
@media (max-width:640px){.dm-setup-grid{grid-template-columns:1fr}}
.dm-setup-item{font-size:13px;color:#a8a496;line-height:1.45}
.dm-setup-item strong{display:block;color:#ede4ce;font-weight:600;font-size:13px;margin-bottom:2px}
.dm-setup-note{
  font-size:13px;color:#8b91a0;margin-top:14px;padding-top:14px;border-top:1px dashed #2e2d29;
}

.dm-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
@media (max-width:900px){.dm-two-col{grid-template-columns:1fr}}

.dm-role-card{
  border:1px solid var(--rule, #2e2d29);
  padding:24px;background:var(--black-2, #181816);
}
.dm-role-card h3{
  font-family:var(--display, Anton, Impact, sans-serif);
  font-size:28px;text-transform:uppercase;margin-bottom:10px;color:var(--cream, #ede4ce);
}
.dm-role-card ul{list-style:none;padding:0;margin-top:14px}
.dm-role-card li{
  font-size:14px;color:var(--muted-2, #a8a496);
  padding:8px 0;border-top:1px dashed var(--rule, #2e2d29);
  padding-left:18px;position:relative;line-height:1.5;
}
.dm-role-card li::before{content:'+';position:absolute;left:0;color:#7dd957;font-weight:700}