/* ═══════════════════════════════════════════════════════════════════
   DM MINIMAL SKIN  v1.0
   Refined-minimal design layer. Loaded AFTER theme.css / theme-saas.css.
   Philosophy:
   • One accent (the brand red) used ONLY for primary actions & active state
   • Hairline borders instead of colored glows and heavy shadows
   • One radius scale, one control height per context, one type scale
   • No gradient-animated text, no floating cards, no pulsing ornaments
   • Identical rhythm in light and dark mode
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. Tokens ─────────────────────────────────────────────────────── */
:root{
  --dm-primary:#E60023;
  --dm-primary-hover:#C4001E;
  --dm-primary-light:#FDF2F4;
  --dm-bg:#FAFAFA;
  --dm-surface:#FFFFFF;
  --dm-text:#141414;
  --dm-text-secondary:#5C5F66;
  --dm-text-muted:#9A9DA3;
  --dm-border:#E8E8EA;
  --dm-border-light:#F2F2F3;

  --dm-radius:14px;
  --dm-radius-sm:10px;
  --dm-radius-xs:8px;

  --dm-header-h:60px;
  --dm-card-gap:14px;

  /* flat, quiet elevation */
  --dm-shadow:0 1px 2px rgba(0,0,0,.04);
  --dm-shadow-md:0 4px 12px rgba(0,0,0,.06);
  --dm-shadow-lg:0 8px 24px rgba(0,0,0,.08);
  --dm-shadow-xl:0 16px 40px rgba(0,0,0,.10);
  --dm-transition:all .16s ease;
}
[data-theme=dark]{
  --dm-bg:#101012;
  --dm-surface:#18181B;
  --dm-text:#F4F4F5;
  --dm-text-secondary:#A1A1AA;
  --dm-text-muted:#6E6E76;
  --dm-border:#26262A;
  --dm-border-light:#1E1E22;
  --dm-primary-light:rgba(230,0,35,.12);
  --dm-shadow:0 1px 2px rgba(0,0,0,.4);
  --dm-shadow-md:0 4px 12px rgba(0,0,0,.45);
  --dm-shadow-lg:0 8px 24px rgba(0,0,0,.5);
  --dm-shadow-xl:0 16px 40px rgba(0,0,0,.55);
}

/* ── 2. Global calm-down: kill glows, gradient text, ornaments ─────── */
.dm-search-submit,.dm-nav-btn,.dm-copy-btn,.dm-tool-card-btn,
.dm-btn-primary-full,.dm-auth-submit,.dmap-btn-publish,.dmd-save-btn,
.dmd-create-btn,.dm-hero-cta,.dm-sp-cta-primary,.dml-cta-btn,
.dm-follow-inline-btn,.dmd-edit-profile-btn,.dmembed-copy-btn,
.dm-like-btn.liked,.dm-save-btn.saved,.dmap-tool.selected,
.dm-tool-chip.selected,.dm-brand-icon,.dm-logo-icon,.dm-auth-logo-icon{
  box-shadow:none!important;
}
.dm-hero-accent,.dmhv2-accent,.dm-sp-subtitle{
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  animation:none!important;
  color:var(--dm-primary)!important;
}
.dm-hero-badge-dot,.dmhv2-badge-dot,.dm-sp-badge-dot{animation:none!important}
.dmhv2-star,.dmhv2-float,.dmhv2-glow-bottom,.dmhv2-glow-tr{display:none!important}
.dm-hero::before,.dm-sp-hero::before{display:none!important} /* dot grids */

/* ── 3. Header — one 40px control line, true vertical centering ────── */
.dm-feed-header{
  height:var(--dm-header-h)!important;
  padding:0 24px!important;
  gap:16px!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  border-bottom:1px solid var(--dm-border)!important;
}
[data-theme=dark] .dm-feed-header{background:rgba(24,24,27,.88)!important;border-bottom-color:var(--dm-border)!important}
.dm-brand-logo-img,.dm-brand-icon{width:32px!important;height:32px!important;border-radius:9px!important}
.dm-brand-name{font-size:15px!important;font-weight:700!important;letter-spacing:-.2px!important;margin-left:9px!important}
.dm-feed-search{max-width:480px!important}
.dm-search-field{
  height:40px!important;font-size:14px!important;
  padding:0 96px 0 40px!important;
  border:1px solid var(--dm-border)!important;background:var(--dm-bg)!important;
}
.dm-search-field:focus{background:var(--dm-surface)!important;border-color:var(--dm-text-muted)!important;box-shadow:none!important}
.dm-search-icon{left:14px!important}
.dm-search-submit{height:30px!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important;right:5px!important}
.dm-nav-link{padding:8px 12px!important;font-size:13.5px!important;font-weight:500!important;color:var(--dm-text-secondary)!important}
.dm-nav-link:hover{background:var(--dm-border-light)!important;color:var(--dm-text)!important}
.dm-nav-btn{height:36px!important;padding:0 18px!important;font-size:13.5px!important;font-weight:600!important}
.dm-nav-btn.dm-nav-create{background:var(--dm-text)!important;color:var(--dm-surface)!important}
[data-theme=dark] .dm-nav-btn.dm-nav-create{background:var(--dm-primary)!important;color:#fff!important}
[data-theme=dark] .dm-nav-btn.dm-nav-create:hover{background:var(--dm-primary-hover)!important;color:#fff!important}
.dm4-avatar-btn{width:34px!important;height:34px!important;border-width:1px!important}

/* ── 4. Category rail ──────────────────────────────────────────────── */
.dm-categories{padding:10px 24px!important;gap:6px!important;background:var(--dm-surface)!important;border-bottom:1px solid var(--dm-border)!important;box-shadow:none!important}
.dm-cat-btn{
  height:32px!important;padding:0 15px!important;font-size:12.5px!important;font-weight:500!important;
  border:1px solid var(--dm-border)!important;color:var(--dm-text-secondary)!important;background:transparent!important;
  transform:none!important;letter-spacing:0!important;
}
.dm-cat-btn:hover{border-color:var(--dm-text-muted)!important;color:var(--dm-text)!important;background:transparent!important;transform:none!important}
.dm-cat-btn.active,[data-theme=dark] .dm-cat-btn.active{
  background:var(--dm-text)!important;border-color:var(--dm-text)!important;color:var(--dm-surface)!important;
  font-weight:600!important;box-shadow:none!important;
}
[data-theme=dark] .dm-cat-btn.active{color:#101012!important}

/* ── 5. Hero — flat, typographic, quiet ────────────────────────────── */
.dm-hero,.dm-hero.dm-hero-v2,#dm-hero.dm-hero-v2,body #dm-hero.dm-hero-v2{
  background:var(--dm-surface)!important;background-color:var(--dm-surface)!important;
  border-bottom:1px solid var(--dm-border)!important;
  min-height:0!important;padding:64px 24px 60px!important;
}
[data-theme=dark] .dm-hero,[data-theme=dark] .dm-hero.dm-hero-v2,[data-theme=dark] #dm-hero.dm-hero-v2{background:var(--dm-bg)!important;background-color:var(--dm-bg)!important}
.dmhv2-title{font-size:46px!important;font-weight:800!important;letter-spacing:-1.2px!important;line-height:1.1!important;color:var(--dm-text)!important;margin-bottom:16px!important}
.dmhv2-sub{font-size:16px!important;color:var(--dm-text-secondary)!important;margin-bottom:32px!important}
.dmhv2-badge{background:transparent!important;border:1px solid var(--dm-border)!important;color:var(--dm-text-secondary)!important;font-weight:600!important;letter-spacing:.06em!important;margin-bottom:24px!important}
.dmhv2-badge-dot{background:var(--dm-primary)!important}
.dmhv2-search-wrap{background:var(--dm-surface)!important;border:1px solid var(--dm-border)!important;box-shadow:var(--dm-shadow-md)!important}
.dmhv2-search-wrap:focus-within{border-color:var(--dm-text-muted)!important;box-shadow:var(--dm-shadow-md)!important}
.dmhv2-search-input{color:var(--dm-text)!important;padding:17px 140px 17px 52px!important;caret-color:var(--dm-primary)!important}
.dmhv2-search-input::placeholder{color:var(--dm-text-muted)!important}
.dmhv2-search-icon{color:var(--dm-text-muted)!important}
.dmhv2-search-btn{box-shadow:none!important;padding:11px 26px!important;transform:translateY(-50%)!important}
.dmhv2-search-btn:hover{transform:translateY(-50%)!important;box-shadow:none!important}
.dmhv2-tag{background:transparent!important;border:1px solid var(--dm-border)!important;color:var(--dm-text-secondary)!important;transform:none!important}
.dmhv2-tag:hover{border-color:var(--dm-text-muted)!important;color:var(--dm-text)!important;background:transparent!important}
.dmhv2-trending-label{color:var(--dm-text-muted)!important}
.dmhv2-stats{background:var(--dm-surface)!important;border:1px solid var(--dm-border)!important;box-shadow:none!important;backdrop-filter:none!important}
.dmhv2-stat{border-right:1px solid var(--dm-border)!important}
.dmhv2-stat-val{color:var(--dm-text)!important}
.dmhv2-stat-lbl{color:var(--dm-text-muted)!important}
.dmhv2-stat-icon{background:var(--dm-border-light)!important}
.dmhv2-proof-main{color:var(--dm-text-secondary)!important}
.dmhv2-proof-main strong{color:var(--dm-text)!important}
.dmhv2-proof-sub{color:var(--dm-text-muted)!important}
.dmhv2-avatar,.dmhv2-avatar-more{border-color:var(--dm-surface)!important}
[data-theme=dark] .dmhv2-avatar,[data-theme=dark] .dmhv2-avatar-more{border-color:var(--dm-bg)!important}
@media(max-width:640px){.dmhv2-title{font-size:28px!important;letter-spacing:-.6px!important}}

/* ── 6. Cards & masonry — aligned grid rhythm ──────────────────────── */
.dm-masonry{column-gap:var(--dm-card-gap)!important;padding:20px 24px!important}
.dm-card,.dm-card-skeleton{
  border-radius:var(--dm-radius)!important;
  border:1px solid var(--dm-border)!important;
  box-shadow:none!important;
  margin-bottom:var(--dm-card-gap)!important;
}
.dm-card:hover{transform:translateY(-2px)!important;box-shadow:var(--dm-shadow-md)!important;border-color:var(--dm-border)!important}
.dm-card:active{transform:none!important}
.dm-card:hover .dm-card-img{transform:none!important}
.dm-card-overlay{background:rgba(0,0,0,.28)!important}
.dm-card-view-btn{box-shadow:none!important;font-weight:600!important}
.dm-card-body{padding:10px 12px 11px!important;gap:8px!important}
.dm-card-title{font-size:13px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important}
.dm-card-likes{font-size:11px!important;font-weight:700!important;color:#b0001c!important}
[data-theme=dark] .dm-card-likes{color:#ff7085!important}
.dm-card-badge,.dm-card-badge--cat,.dm-card-badge.dm-card-badge--cat{
  background:rgba(20,20,20,.72)!important;color:#fff!important;font-weight:600!important;box-shadow:none!important;
}
.dm-trending-badge{background:var(--dm-primary)!important;box-shadow:none!important;font-weight:700!important}
.dm-load-btn{
  height:42px!important;padding:0 28px!important;font-size:13.5px!important;font-weight:600!important;
  border:1px solid var(--dm-border)!important;box-shadow:none!important;transform:none!important;background:var(--dm-surface)!important;color:var(--dm-text)!important;
}
.dm-load-btn:hover{border-color:var(--dm-text)!important;color:var(--dm-text)!important;background:var(--dm-surface)!important;transform:none!important;box-shadow:none!important}

/* ── 7. Single prompt page ─────────────────────────────────────────── */
.dm-title{font-size:22px!important;font-weight:700!important;letter-spacing:-.3px!important;line-height:1.3!important}
.dm-prompt-box{
  border:1px solid var(--dm-border)!important;border-left:3px solid var(--dm-primary)!important;
  border-radius:var(--dm-radius-sm)!important;font-size:14px!important;line-height:1.75!important;
  background:var(--dm-bg)!important;
}
[data-theme=dark] .dm-prompt-box{background:var(--dm-surface)!important;border-color:var(--dm-border)!important;border-left-color:var(--dm-primary)!important}
.dm-copy-btn{border-radius:var(--dm-radius-sm)!important;padding:12px 24px!important;font-weight:600!important;transform:none!important}
.dm-copy-btn:hover{transform:none!important;box-shadow:none!important}
.dm-tool-open-btn{border-radius:var(--dm-radius-sm)!important;border:1px solid var(--dm-border)!important}
.dm-primary-actions .dm-copy-btn{border-radius:var(--dm-radius-sm)!important}
.dm-btn{border:1px solid var(--dm-border)!important;border-radius:var(--dm-radius-xs)!important;font-weight:500!important}
.dm-btn:hover{border-color:var(--dm-text-muted)!important}
.dm-tool-card{border:1px solid var(--dm-border)!important;box-shadow:none!important;border-radius:var(--dm-radius)!important}
.dm-tool-card-btn{border-radius:var(--dm-radius-xs)!important;transform:none!important}
.prompt-tag{background:var(--dm-border-light)!important;border:none!important;font-weight:500!important}
.prompt-tag-cat{background:var(--dm-primary-light)!important;color:var(--dm-primary)!important}
.dm-stats{border-top:1px solid var(--dm-border)!important}
.dm-stat-value{font-weight:700!important}
.dm4-similar-card{border:1px solid var(--dm-border)!important;box-shadow:none!important;transform:none!important}
.dm4-similar-card:hover{border-color:var(--dm-text-muted)!important;transform:none!important;box-shadow:none!important}
.dm4-author-avatar{border:1px solid var(--dm-border)!important}
.dm-follow-inline-btn{font-weight:600!important}

/* ── 8. Auth pages — clean card, calm background ───────────────────── */
.dm-auth-page,.dm-auth-wrap{background:var(--dm-bg)!important}
.dm-auth-wrap::before{display:none!important}
.dm-auth-card{
  border:1px solid var(--dm-border)!important;border-radius:18px!important;
  box-shadow:var(--dm-shadow-lg)!important;padding:40px 36px 34px!important;max-width:420px!important;
  backdrop-filter:none!important;
}
@media(max-width:480px){.dm-auth-card{padding:30px 20px 26px!important;border-radius:14px!important}}
.dm-auth-heading,.dm-auth-title{font-size:23px!important;font-weight:700!important;letter-spacing:-.3px!important}
.dm-auth-sub,.dm-auth-subtitle{font-size:14px!important;line-height:1.6!important}
.dm-auth-input,.dm-form-group input,.dm-form-group select,.dm-form-group textarea,.dmd-input,.dmap-input,.dmap-select,.dmap-textarea{
  border:1px solid var(--dm-border)!important;border-radius:var(--dm-radius-sm)!important;
  background:var(--dm-bg)!important;font-size:15px!important;padding:13px 15px!important;
}
[data-theme=dark] .dm-auth-input,[data-theme=dark] .dm-form-group input,
[data-theme=dark] .dmd-input,[data-theme=dark] .dmap-input,
[data-theme=dark] .dmap-select,[data-theme=dark] .dmap-textarea{background:#202024!important;border-color:var(--dm-border)!important}
.dm-auth-input:focus,.dm-form-group input:focus,.dmd-input:focus,
.dmap-input:focus,.dmap-select:focus,.dmap-textarea:focus{
  background:var(--dm-surface)!important;border-color:var(--dm-text)!important;
  box-shadow:0 0 0 3px rgba(20,20,20,.06)!important;
}
[data-theme=dark] .dm-auth-input:focus,[data-theme=dark] .dmap-input:focus,
[data-theme=dark] .dmap-textarea:focus,[data-theme=dark] .dmd-input:focus{
  background:#232327!important;border-color:var(--dm-text-secondary)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.05)!important;
}
.dm-auth-label{font-size:12px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important}
.dm-auth-submit,.dm-btn-primary-full{
  background:var(--dm-primary)!important;border-radius:var(--dm-radius-sm)!important;
  padding:14px!important;font-size:15px!important;font-weight:600!important;
  transform:none!important;letter-spacing:0!important;
}
.dm-auth-submit:hover,.dm-btn-primary-full:hover{background:var(--dm-primary-hover)!important;transform:none!important;box-shadow:none!important}
.dm-google-btn,.dm-btn-google,.dma-google{
  border:1px solid var(--dm-border)!important;border-radius:var(--dm-radius-sm)!important;
  font-weight:500!important;padding:13px 20px!important;background:var(--dm-surface)!important;
}
.dm-google-btn:hover,.dm-btn-google:hover,.dma-google:hover{
  border-color:var(--dm-text-muted)!important;background:var(--dm-surface)!important;box-shadow:none!important;
}
.dm-auth-forgot,.dm-auth-footer-link{font-weight:600!important}

/* ── 9. Dashboard — aligned sidebar + content rhythm ───────────────── */
.dmd-sidebar{width:236px!important;border-right:1px solid var(--dm-border)!important;background:var(--dm-surface)!important}
.dmd-user-avatar{border:1px solid var(--dm-border)!important}
.dmd-nav-item{padding:10px 12px!important;font-size:13.5px!important;border-radius:var(--dm-radius-xs)!important}
.dmd-nav-item.active{background:var(--dm-border-light)!important;color:var(--dm-text)!important;font-weight:600!important}
[data-theme=dark] .dmd-nav-item.active{background:#232327!important}
.dmd-nav-item.active .dmd-nav-icon{background:transparent!important}
.dmd-nav-item.active .dmd-nav-icon svg{stroke:var(--dm-text)!important}
.dmd-nav-icon{background:transparent!important;width:28px!important;height:28px!important}
.dmd-topbar{border-bottom:1px solid var(--dm-border)!important;background:rgba(255,255,255,.88)!important;min-height:56px!important;padding:0 24px!important}
[data-theme=dark] .dmd-topbar{background:rgba(24,24,27,.88)!important}
.dmd-topbar-title{font-size:16px!important;font-weight:700!important}
.dmd-create-btn{box-shadow:none!important;font-weight:600!important;padding:9px 18px!important}
.dmd-stat-card{border:1px solid var(--dm-border)!important;box-shadow:none!important;transform:none!important;padding:18px 14px!important}
.dmd-stat-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--dm-text-muted)!important}
.dmd-stat-val{font-size:22px!important;font-weight:700!important}
.dmd-highlight,.dmd-highlight-card,.dm-highlight-card{
  background:var(--dm-text)!important;box-shadow:none!important;border-radius:var(--dm-radius)!important;
}
[data-theme=dark] .dmd-highlight,[data-theme=dark] .dmd-highlight-card,[data-theme=dark] .dm-highlight-card{background:#232327!important}
.dmd-highlight::after,.dmd-highlight-card::after,.dm-highlight-card::after{display:none!important}
.dmd-post-card,.dm-post-card{border:1px solid var(--dm-border)!important;box-shadow:none!important;border-radius:var(--dm-radius)!important;transform:none!important}
.dmd-post-card:hover,.dm-post-card:hover{transform:none!important;box-shadow:var(--dm-shadow-md)!important}
.dmd-rec-tab.active{background:var(--dm-text)!important;border-color:var(--dm-text)!important;color:var(--dm-surface)!important}
[data-theme=dark] .dmd-rec-tab.active{color:#101012!important;background:var(--dm-text)!important;border-color:var(--dm-text)!important}
.dmd-save-btn{border-radius:var(--dm-radius-sm)!important;font-weight:600!important}
.dmd-edit-profile-btn{font-weight:600!important}

/* ── 10. Add-prompt / forms ────────────────────────────────────────── */
.dmap-title{font-size:24px!important;font-weight:700!important;letter-spacing:-.3px!important}
.dmap-label{font-size:12px!important;font-weight:600!important;text-transform:none!important;letter-spacing:.01em!important}
.dmap-dropzone{border:1.5px dashed var(--dm-border)!important;background:var(--dm-bg)!important}
.dmap-dropzone:hover,.dmap-dropzone.dragging{border-color:var(--dm-text-muted)!important;background:var(--dm-bg)!important;box-shadow:none!important;transform:none!important}
.dmap-tool{border:1px solid var(--dm-border)!important;font-weight:500!important;border-radius:var(--dm-radius-xs)!important}
.dmap-tool:hover{border-color:var(--dm-text-muted)!important;background:transparent!important;color:var(--dm-text)!important}
.dmap-tool.selected{background:var(--dm-text)!important;border-color:var(--dm-text)!important;color:var(--dm-surface)!important;box-shadow:none!important}
[data-theme=dark] .dmap-tool.selected{color:#101012!important;background:var(--dm-text)!important;border-color:var(--dm-text)!important}
.dmap-btn-publish{border-radius:var(--dm-radius-sm)!important;font-weight:600!important;transform:none!important}
.dmap-btn-publish:hover{transform:none!important;box-shadow:none!important}
.dmap-btn-draft{border:1px solid var(--dm-border)!important;border-radius:var(--dm-radius-sm)!important}

/* ── 11. Leaderboard / lists / collections ─────────────────────────── */
.dml-title{font-size:26px!important;font-weight:700!important;letter-spacing:-.4px!important}
.dml-card,.dml-podium-card,.dm-coll-card{border:1px solid var(--dm-border)!important;box-shadow:none!important;transform:none!important}
.dml-card:hover,.dml-podium-card:hover,.dm-coll-card:hover{transform:translateY(-2px)!important;box-shadow:var(--dm-shadow-md)!important;border-color:var(--dm-border)!important}
.dml-podium-first{border-color:var(--dm-border)!important;box-shadow:none!important}
.dml-cta-btn{transform:none!important;font-weight:600!important}
.dml-rank-top{background:var(--dm-text)!important;border-color:var(--dm-text)!important;color:var(--dm-surface)!important}

/* ── 12. Mobile bottom nav — flat pill, no glowing FAB ─────────────── */
.dmbn-nav{background:rgba(255,255,255,.94)!important;border-top:1px solid var(--dm-border)!important;box-shadow:none!important}
[data-theme=dark] .dmbn-nav{background:rgba(24,24,27,.94)!important}
.dmbn-fab>svg{box-shadow:var(--dm-shadow-md)!important}
[data-theme=light] #dm4-mobnav::after,html:not([data-theme=dark]) #dm4-mobnav::after{
  background:rgba(255,255,255,.96)!important;border:1px solid var(--dm-border)!important;
  box-shadow:var(--dm-shadow-lg)!important;border-radius:18px!important;
}
#dm4-mobnav .mbn-fab{box-shadow:var(--dm-shadow-md)!important}
#dm4-lnav-circle{box-shadow:var(--dm-shadow-md)!important}

/* ── 13. Footer — quiet monochrome ─────────────────────────────────── */
.dm4-footer{background:var(--dm-surface)!important;border-top:1px solid var(--dm-border)!important;color:var(--dm-text-muted)!important}
.dm4-footer-logo,.dm4-footer-col h4,.dm4-footer-col .dm4-footer-h{color:var(--dm-text)!important}
.dm4-footer-tagline{color:var(--dm-text-muted)!important}
.dm4-footer-col a{color:var(--dm-text-secondary)!important}
.dm4-footer-col a:hover{color:var(--dm-text)!important}
.dm4-footer-bottom,.dm4-footer-toggle-row{border-top:1px solid var(--dm-border)!important;color:var(--dm-text-muted)!important}
.dm4-footer-toggle-label{color:var(--dm-text-muted)!important}

/* ── 14. Toasts / modals ───────────────────────────────────────────── */
.dm-toast{background:var(--dm-text)!important;color:var(--dm-surface)!important;box-shadow:var(--dm-shadow-lg)!important;border-radius:12px!important;font-weight:500!important}
[data-theme=dark] .dm-toast{background:#F4F4F5!important;color:#101012!important}
.dm-toast.dm-toast-success{background:#0A8A52!important;color:#fff!important}
.dm-toast.dm-toast-error{background:#B4002A!important;color:#fff!important}
.dm-logout-modal-box,.dm-embed-box{border:1px solid var(--dm-border)!important;box-shadow:var(--dm-shadow-xl)!important}

/* ── 15. Search results / misc pills ───────────────────────────────── */
.dmsr-cat-pill{border:1px solid var(--dm-border)!important;font-weight:500!important}
.dmsr-cat-pill:hover{border-color:var(--dm-text-muted)!important;color:var(--dm-text)!important;background:transparent!important}
.dmsr-cat-pill.active,[data-theme=dark] .dmsr-cat-pill.active{background:var(--dm-text)!important;border-color:var(--dm-text)!important;color:var(--dm-surface)!important}
[data-theme=dark] .dmsr-cat-pill.active{color:#101012!important}
.dmsr-search-wrap,.dmsr-search-bar{border:1px solid var(--dm-border)!important}
.dmsr-search-wrap:focus-within{border-color:var(--dm-text-muted)!important;box-shadow:none!important}

/* ── 16. Focus visibility (a11y) — one consistent ring ─────────────── */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--dm-primary)!important;outline-offset:2px!important;
}

/* ── 17. Android WebView refinements (kept from base, flattened) ───── */
body.is-android-webview .dma-google:hover,
body.is-android-webview .dma-submit:hover{transform:none!important;box-shadow:none!important}
body.is-android-webview .dm-card,body.is-android-webview .dm-card:hover{transform:none!important;box-shadow:none!important}

/* ── 18. Reduced motion respected globally ─────────────────────────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ═══════════════════════════════════════════════════════════════════════
   v6.9.37 additions — global bell, card pro star (moved out of the loop
   partial), logged-in home welcome strip, dashboard nav groups & stat
   skeletons. Appended here because dm-minimal.css loads last.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Prompt card: Pro creator star (moved from template-parts/prompt-card.php) ── */
.dm-card-pro-star{position:absolute;top:6px;right:6px;font-size:11px;line-height:1;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));}

/* ── Global notification bell (header) ─────────────────────────────────── */
.dm-hbell-wrap{position:relative;display:inline-flex;flex-shrink:0;}
.dm-hbell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:var(--dm-text-secondary,#6b7280);cursor:pointer;transition:background .15s ease,color .15s ease;}
.dm-hbell-btn:hover{background:var(--dm-primary-light,rgba(230,0,35,.08));color:var(--dm-primary,#E60023);}
.dm-hbell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--dm-primary,#E60023);color:#fff;font-size:9.5px;font-weight:800;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--dm-surface,#fff);}
.dm-hbell-drop{display:none;position:absolute;top:calc(100% + 10px);right:0;width:340px;max-width:calc(100vw - 24px);background:var(--dm-surface,#fff);border:1px solid var(--dm-border,#e5e7eb);border-radius:14px;box-shadow:var(--dm-shadow-lg,0 8px 32px rgba(0,0,0,.14));overflow:hidden;z-index:600;}
.dm-hbell-wrap.open .dm-hbell-drop{display:block;animation:dm-dropdown-in .18s cubic-bezier(.4,0,.2,1);transform-origin:top right;}
.dm-hbell-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--dm-border-light,#f0f0f0);font-size:13px;font-weight:800;color:var(--dm-text,#111);}
.dm-hbell-head a{font-size:12px;font-weight:700;color:var(--dm-primary,#E60023);text-decoration:none;}
.dm-hbell-head a:hover{text-decoration:underline;}
.dm-hbell-list{max-height:340px;overflow-y:auto;}
.dm-hbell-item{display:block;padding:11px 16px;border-bottom:1px solid var(--dm-border-light,#f0f0f0);text-decoration:none;color:inherit;transition:background .12s ease;}
.dm-hbell-item:last-child{border-bottom:none;}
a.dm-hbell-item:hover{background:var(--dm-bg,#f8f8f8);}
.dm-hbell-item.is-unread{background:var(--dm-primary-light,rgba(230,0,35,.05));}
.dm-hbell-msg{display:block;font-size:13px;line-height:1.45;color:var(--dm-text,#111);}
.dm-hbell-time{display:block;font-size:11px;color:var(--dm-text-muted,#9ca3af);margin-top:3px;}
.dm-hbell-empty{padding:26px 18px;text-align:center;font-size:13px;color:var(--dm-text-muted,#9ca3af);margin:0;}
.dm-hbell-empty span{font-size:11.5px;display:inline-block;margin-top:4px;}
[data-theme=dark] .dm-hbell-btn{color:#a1a1aa;}
[data-theme=dark] .dm-hbell-btn:hover{background:rgba(230,0,35,.14);color:#ff4060;}
[data-theme=dark] .dm-hbell-badge{box-shadow:0 0 0 2px #0f0f10;}
[data-theme=dark] .dm-hbell-drop{background:#1c1c1f;border-color:#3f3f46;}
[data-theme=dark] .dm-hbell-item.is-unread{background:rgba(230,0,35,.10);}
[data-theme=dark] a.dm-hbell-item:hover{background:rgba(255,255,255,.05);}
@media (max-width:768px){
  .dm-hbell-drop{position:fixed;top:64px;left:12px;right:12px;width:auto;}
}

/* ── Logged-in homepage: compact welcome strip (replaces marketing hero) ── */
.dm-home-welcome{background:var(--dm-surface,#fff);border-bottom:1px solid var(--dm-border,#eee);}
.dm-home-welcome-inner{max-width:1200px;margin:0 auto;padding:26px 20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.dm-home-welcome-title{margin:0 0 3px;font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--dm-text,#111);}
.dm-home-welcome-sub{margin:0;font-size:13.5px;color:var(--dm-text-secondary,#6b7280);}
.dm-home-welcome-cta{display:inline-flex;align-items:center;gap:6px;background:var(--dm-primary,#E60023);color:#fff;border-radius:999px;padding:10px 20px;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .18s ease,transform .15s ease;}
.dm-home-welcome-cta:hover{background:var(--dm-primary-hover,#C4001E);transform:translateY(-1px);color:#fff;}
@media (max-width:640px){
  .dm-home-welcome-inner{padding:18px 14px 16px;}
  .dm-home-welcome-title{font-size:18px;}
}

/* ── Dashboard sidebar: group labels ───────────────────────────────────── */
.dmd-nav-group{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--dm-text-muted,#9ca3af);padding:14px 14px 6px;user-select:none;}
.dmd-nav-group:first-child{padding-top:4px;}

/* ── Dashboard stat skeletons (replace the "—" AJAX placeholders) ──────── */
.dnz-stat-skel{display:inline-block;width:52px;height:26px;border-radius:7px;background:linear-gradient(105deg,var(--dm-border-light,#eee) 0,var(--dm-border-light,#eee) 30%,var(--dm-border,#e0e0e0) 50%,var(--dm-border-light,#eee) 70%,var(--dm-border-light,#eee) 100%);background-size:300% 100%;animation:dm-shimmer 1.6s ease-in-out infinite;vertical-align:middle;}
.dnz-stat.feat .dnz-stat-skel{background:linear-gradient(105deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 30%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.18) 70%,rgba(255,255,255,.18) 100%);background-size:300% 100%;}

/* ── Prompt page action bar (Like / Share / Save / Report) — head-level copy
   of the canonical rules in single-dm_prompt.php. Having them in the head
   stylesheet removes the flash window while the template's inline <style>
   blocks are still streaming: the row is correct from first paint.
   Root fixes: (1) .dmsp-wrap / .dm-report-wrap are centering flex containers
   (flex default align-items:stretch made the Share icon ride higher);
   (2) every top-level item is an equal flex:1 cell with a fixed 44px button
   height, so dynamic like counts and the auth-injected Save button can never
   change heights, shift spacing, or wrap the row. ── */
.dm-single .dm-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-width:0!important;}
.dm-single .dm-actions > *{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;}
.dm-single .dm-actions > .dmsp-wrap,
.dm-single .dm-actions > .dm-report-wrap{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;}
.dm-single .dm-actions .dm-btn{display:inline-flex!important;width:100%!important;height:44px!important;min-height:44px!important;flex:1 1 0!important;padding:0 6px!important;margin:0!important;align-items:center!important;justify-content:center!important;gap:7px!important;line-height:1!important;min-width:0!important;box-sizing:border-box!important;white-space:nowrap!important;}
.dm-single .dm-actions .dm-btn svg{width:28px!important;height:28px!important;flex-shrink:0!important;display:block!important;}
.dm-single .dm-actions .dm-like-count{line-height:1!important;white-space:nowrap!important;flex-shrink:0!important;}

/* v6.9.42: footer column headings are now <h2 class="dm4-footer-h"> (heading-order
   audit — h4 skipped levels). Normalise the UA top margin to match the old h4. */
.dm4-footer-col .dm4-footer-h{margin-top:14px;}
.dm4-footer-col .dm4-footer-h:first-child{margin-top:0;}