/* ── Modular Skin v2 ─────────────────────────────────────────────
   Shared visual layer for confirmed modular surfaces.
   Keep design changes here so modular pages inherit the sitewide skin
   through framework primitives instead of page-by-page restyling.
*/
:root{
  --modular-bg:rgba(6,8,16,.92);
  --modular-bg-strong:rgba(8,10,20,.98);
  --modular-panel:rgba(124,58,237,.105);
  --modular-panel-strong:rgba(149,80,255,.16);
  --modular-border:rgba(178,105,255,.72);
  --modular-border-soft:rgba(178,105,255,.22);
  --modular-accent:#b86cff;
  --modular-accent-2:#ef233c;
  --modular-good:#6dffb8;
  --modular-glow:0 0 0 1px rgba(184,108,255,.24), 0 14px 34px rgba(0,0,0,.30), 0 0 22px rgba(184,108,255,.15);
}

.dbd-modular-skin{
  position:relative;
  border:1px solid var(--modular-border);
  border-radius:24px;
  background:
    linear-gradient(145deg, rgba(92,37,160,.34), rgba(8,10,18,.96) 42%, rgba(4,6,12,.96)),
    var(--modular-bg);
  box-shadow:var(--modular-glow);
  overflow:hidden;
}
.dbd-modular-skin::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(184,108,255,.24), transparent 22%, transparent 82%, rgba(239,35,60,.08));
  opacity:.45;
}
.dbd-modular-skin > *{ position:relative; z-index:1; }

.modular-skin-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid var(--modular-border-soft);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
}
.modular-skin-title{
  margin:0;
  font-family:var(--font-heading);
  font-size:clamp(1.45rem, 2.3vw, 2rem);
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.modular-skin-subtitle{
  margin:6px 0 0;
  color:var(--muted);
  max-width:760px;
}
.modular-skin-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:14px;
  border:1px solid rgba(109,255,184,.25);
  background:rgba(109,255,184,.08);
  color:#eafff5;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 0 24px rgba(109,255,184,.10);
}
.modular-skin-badge::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--modular-good);
  box-shadow:0 0 14px rgba(109,255,184,.8);
}
.modular-skin-body{ padding:16px; }
.modular-skin-note{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid rgba(184,108,255,.36);
  border-radius:16px;
  background:rgba(0,0,0,.24);
  color:var(--text);
}
.modular-skin-note::before{
  content:"i";
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:999px;
  border:1px solid rgba(184,108,255,.66);
  color:#c698ff;
  font-weight:900;
  font-family:ui-serif, Georgia, serif;
}



.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-manager-module{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-manager-intro{
  border-color:rgba(184,108,255,.36);
  background:
    radial-gradient(circle at 0 0, rgba(184,108,255,.22), transparent 45%),
    rgba(255,255,255,.035);
  border-radius:16px;
  padding:12px 14px;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-manager-intro strong{
  color:var(--accent-text);
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-manager-toolbar{
  border:1px solid rgba(184,108,255,.24);
  border-radius:18px;
  background:rgba(0,0,0,.18);
  padding:12px;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-manager-layout{
  gap:18px;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-manager-list{
  border:1px solid rgba(184,108,255,.22);
  border-radius:18px;
  background:rgba(0,0,0,.16);
  padding:10px;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-row{
  border-color:rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(255,255,255,.035);
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-row:hover,
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-row.active{
  border-color:rgba(184,108,255,.72);
  background:rgba(184,108,255,.17);
  box-shadow:0 0 0 1px rgba(184,108,255,.14), 0 12px 28px rgba(0,0,0,.22);
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-card{
  border-color:rgba(184,108,255,.34);
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    rgba(0,0,0,.24);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-tooltip-editor,
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-wiki-importer,
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-bulk-wiki-importer{
  border-color:rgba(184,108,255,.24);
  border-radius:16px;
  background:rgba(255,255,255,.032);
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-badge{
  border-color:rgba(184,108,255,.36);
  background:rgba(184,108,255,.14);
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-badge.good{
  border-color:rgba(84,214,137,.35);
  background:rgba(84,214,137,.12);
}

@media (max-width:760px){
  .modular-skin-header{ flex-direction:column; }
  .modular-skin-badge{ align-self:flex-start; }
  .modular-skin-body{ padding:12px; }
}

/* ── Public modular page skin ────────────────────────────────────
   Applied to live modular pages via the shared framework. Page-specific
   classes may refine spacing, but card/header/button language belongs here.
*/
.dbd-modular-page-skin{
  background:
    linear-gradient(180deg, #050711 0%, #080a14 46%, #04050a 100%);
}

.dbd-modular-page-skin .site-shell,
.dbd-modular-page-skin .page-wrap{
  position:relative;
}
.dbd-modular-page-skin .dbd-page-header{
  border-color:rgba(184,108,255,.58);
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(45,18,82,.96), rgba(9,10,20,.98) 55%, rgba(8,10,18,.96));
  box-shadow:var(--modular-glow);
}
.dbd-modular-page-skin .dbd-page-header::before{
  width:5px;
  background:linear-gradient(to bottom, var(--modular-accent), rgba(184,108,255,.52), transparent 84%);
}
.dbd-modular-page-skin .dbd-page-header::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg, rgba(184,108,255,.95), rgba(255,255,255,.18), rgba(184,108,255,.62));
  opacity:.82;
}
.dbd-modular-page-skin .dbd-page-header-kicker{ color:#d9c2ff; }
.dbd-modular-page-skin .panel-card,
.dbd-modular-page-skin .dbd-section-card,
.dbd-modular-page-skin .dbd-component-card,
.dbd-modular-page-skin .dbd-module-card{
  border-color:rgba(184,108,255,.46);
  border-radius:22px;
  background:
    linear-gradient(145deg, rgba(78,32,137,.28), rgba(7,11,18,.94) 44%, rgba(4,6,12,.96));
  box-shadow:var(--modular-glow);
}
.dbd-modular-page-skin .panel-card::before,
.dbd-modular-page-skin .dbd-section-card::before,
.dbd-modular-page-skin .dbd-component-card::before,
.dbd-modular-page-skin .dbd-module-card::before{
  background:linear-gradient(to bottom, var(--modular-accent), rgba(184,108,255,.52), transparent 84%);
  opacity:.72;
}
.dbd-modular-page-skin .dbd-section-card-head,
.dbd-modular-page-skin .dbd-component-card-header{
  border-bottom-color:rgba(184,108,255,.26);
}
.dbd-modular-page-skin .dbd-section-card-title,
.dbd-modular-page-skin .dbd-component-card h3{
  letter-spacing:.06em;
  text-shadow:0 0 22px rgba(184,108,255,.24);
}
.dbd-modular-page-skin .dbd-chip,
.dbd-modular-page-skin .dbd-component-badge,
.dbd-modular-page-skin .dbd-component-pill,
.dbd-modular-page-skin .pill{
  border-color:rgba(184,108,255,.36);
  background:rgba(184,108,255,.13);
}
.dbd-modular-page-skin input,
.dbd-modular-page-skin select,
.dbd-modular-page-skin textarea{
  border-color:rgba(184,108,255,.36);
  background:rgba(0,0,0,.32);
}
.dbd-modular-page-skin input:focus,
.dbd-modular-page-skin select:focus,
.dbd-modular-page-skin textarea:focus{
  border-color:rgba(184,108,255,.72);
  box-shadow:0 0 0 3px rgba(184,108,255,.20);
  outline:none;
}
.dbd-modular-page-skin .dbd-empty-state,
.dbd-modular-page-skin .dbd-loading-state,
.dbd-modular-page-skin .empty-state{
  border-color:rgba(184,108,255,.26);
  background:rgba(0,0,0,.22);
  border-radius:18px;
}

/* ── Admin Branding module geometry hotfix ───────────────────────
   The Branding tab uses the shared module card markup directly inside
   the legacy admin shell. Give its header/body the same internal spacing
   as the confirmed modular admin managers so content does not touch or
   clip against the neon frame.
*/
.dbd-modular-page-skin .admin-branding-card{
  overflow:hidden;
}
.dbd-modular-page-skin .admin-branding-card > .dbd-module-card__head,
.dbd-modular-page-skin .admin-branding-card > .head.dbd-module-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px 14px !important;
  border-bottom:1px solid rgba(184,108,255,.26);
}
.dbd-modular-page-skin .admin-branding-card > .dbd-module-card__body,
.dbd-modular-page-skin .admin-branding-card > .body.dbd-module-card__body{
  padding:18px 20px 20px !important;
  min-width:0;
}
.dbd-modular-page-skin .admin-branding-card .admin-branding-preview{
  margin:0;
}
.dbd-modular-page-skin .admin-branding-card .field-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:16px;
  min-width:0;
}
.dbd-modular-page-skin .admin-branding-card .field{
  flex:1 1 260px;
  min-width:min(260px, 100%);
}
.dbd-modular-page-skin .admin-branding-card input[type="text"],
.dbd-modular-page-skin .admin-branding-card input[type="file"]{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.dbd-modular-page-skin .admin-branding-card .actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0;
  min-width:0;
}
.dbd-modular-page-skin .admin-branding-card .small-note{
  overflow-wrap:anywhere;
}
@media (max-width:760px){
  .dbd-modular-page-skin .admin-branding-card > .dbd-module-card__head,
  .dbd-modular-page-skin .admin-branding-card > .head.dbd-module-card__head,
  .dbd-modular-page-skin .admin-branding-card > .dbd-module-card__body,
  .dbd-modular-page-skin .admin-branding-card > .body.dbd-module-card__body{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}


/* ── Admin Modular Geometry Restore v3.2.11 ──────────────────────
   Restores shared geometry for modular admin surfaces that survived the
   snapshot as modular markup but lost their skin/spacing rules.
*/
.dbd-modular-page-skin .admin-modular-panel,
.dbd-modular-page-skin .dbd-modular-admin-surface{
  position:relative;
  border:1px solid rgba(184,108,255,.52);
  border-radius:24px;
  background:
    radial-gradient(circle at 0 0, rgba(184,108,255,.22), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(239,35,60,.045), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(7,11,18,.88);
  box-shadow:var(--modular-glow);
  overflow:hidden;
}
.dbd-modular-page-skin .admin-modular-panel::before,
.dbd-modular-page-skin .dbd-modular-admin-surface::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(to bottom, var(--modular-accent), rgba(184,108,255,.52), transparent 84%);
  opacity:.72;
  pointer-events:none;
}
.dbd-modular-page-skin .admin-modular-panel > *,
.dbd-modular-page-skin .dbd-modular-admin-surface > *{
  position:relative;
  z-index:1;
}
.dbd-modular-page-skin .dbd-modular-admin-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px 14px;
  border-bottom:1px solid rgba(184,108,255,.26);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
}
.dbd-modular-page-skin .dbd-modular-admin-body{
  padding:18px 20px 20px;
  min-width:0;
}
.dbd-modular-page-skin .dbd-modular-admin-title{
  margin:0;
  font-family:var(--font-heading);
  font-size:clamp(1.35rem, 2vw, 1.85rem);
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.dbd-modular-page-skin .dbd-modular-admin-subtitle{
  margin:6px 0 0;
  color:var(--muted);
  max-width:840px;
}
.dbd-modular-page-skin .dbd-module-eyebrow{
  margin:0 0 6px;
  color:#d9c2ff;
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.dbd-modular-page-skin .dbd-module-dev-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:14px;
  border:1px solid rgba(109,255,184,.25);
  background:rgba(109,255,184,.08);
  color:#eafff5;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 0 24px rgba(109,255,184,.10);
}
.dbd-modular-page-skin .dbd-module-dev-badge::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--modular-good);
  box-shadow:0 0 14px rgba(109,255,184,.8);
}

/* Users module spacing inside the legacy admin tab host. */
.dbd-modular-page-skin .admin-modular-panel[data-admin-panel="users"]{
  padding:0;
}
.dbd-modular-page-skin #adminUsersModuleRoot{
  padding:18px 20px 20px;
  min-width:0;
}
.dbd-modular-page-skin #adminUsersModuleRoot > .dbd-module-card,
.dbd-modular-page-skin #adminUsersModuleRoot > .dbd-component-card,
.dbd-modular-page-skin #adminUsersModuleRoot > .admin-user-manager-shell{
  margin:0;
}
.dbd-modular-page-skin #adminUsersModuleRoot input,
.dbd-modular-page-skin #adminUsersModuleRoot select,
.dbd-modular-page-skin #adminUsersModuleRoot textarea{
  box-sizing:border-box;
  max-width:100%;
}
.dbd-modular-page-skin #adminUsersModuleRoot .field-row,
.dbd-modular-page-skin #adminUsersModuleRoot .actions{
  min-width:0;
  flex-wrap:wrap;
}

/* Cache Management restored module geometry. */
.dbd-modular-page-skin .admin-cache-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(360px, 100%), 1fr));
  gap:16px;
}
.dbd-modular-page-skin .admin-cache-card,
.dbd-modular-page-skin .dbd-modular-admin-panel{
  border:1px solid rgba(184,108,255,.36);
  border-radius:20px;
  background:rgba(0,0,0,.22);
  box-shadow:0 14px 38px rgba(0,0,0,.22);
  overflow:hidden;
}
.dbd-modular-page-skin .admin-cache-card-head{
  padding:15px 16px 12px;
  border-bottom:1px solid rgba(164,94,255,.15);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.01));
}
.dbd-modular-page-skin .admin-cache-card-head h3{
  margin:0;
  font-family:var(--font-heading);
  text-transform:uppercase;
  letter-spacing:.045em;
}
.dbd-modular-page-skin .admin-cache-card-head p:not(.dbd-module-eyebrow){
  margin:5px 0 0;
  color:var(--muted);
}
.dbd-modular-page-skin .admin-cache-summary,
.dbd-modular-page-skin .admin-cache-toolbar,
.dbd-modular-page-skin .admin-cache-table{
  margin:14px 16px;
}
.dbd-modular-page-skin .admin-cache-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
}
.dbd-modular-page-skin .admin-cache-note{
  overflow-wrap:anywhere;
}
.dbd-modular-page-skin .admin-cache-table{
  overflow:auto;
}
.dbd-modular-page-skin .admin-cache-table .mini-table{
  min-width:620px;
}

/* Catalog Objects restored modular geometry without touching BHVR Sync. */

.dbd-modular-page-skin .admin-catalog-manager-card{
  border:1px solid rgba(184,108,255,.34) !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
    rgba(7,11,18,.76) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.26) !important;
  overflow:hidden;
}
.dbd-modular-page-skin .admin-catalog-manager-card > .head{
  padding:17px 20px 13px !important;
  border-bottom:1px solid rgba(184,108,255,.24) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
}
.dbd-modular-page-skin .admin-catalog-manager-card > .head h2{
  margin:0;
  font-family:var(--font-heading);
  text-transform:uppercase;
  letter-spacing:.045em;
}
.dbd-modular-page-skin .admin-catalog-manager-card > .head p{
  color:var(--muted);
}
.dbd-modular-page-skin .admin-catalog-manager-card > .body{
  padding:16px 20px 18px !important;
}
.dbd-modular-page-skin .catalog-manager-tabs button{
  border-radius:999px;
}

.dbd-modular-page-skin .admin-universal-catalog-manager-card{
  border:1px solid rgba(184,108,255,.52) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 0 0, rgba(184,108,255,.22), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(239,35,60,.045), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(7,11,18,.88) !important;
  box-shadow:var(--modular-glow) !important;
  overflow:hidden;
}
.dbd-modular-page-skin .admin-universal-catalog-manager-card > .head,
.dbd-modular-page-skin .admin-universal-catalog-manager-card > .dbd-modular-admin-header{
  padding:18px 20px 14px !important;
  border-bottom:1px solid rgba(184,108,255,.26) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
}
.dbd-modular-page-skin .admin-universal-catalog-manager-card > .body,
.dbd-modular-page-skin .admin-universal-catalog-manager-card > .dbd-modular-admin-body{
  padding:18px 20px 20px !important;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot{
  min-width:0;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .admin-object-manager,
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .dbd-component-card,
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .dbd-section-card{
  border-color:rgba(184,108,255,.36);
  border-radius:18px;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .field-row,
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot .actions{
  flex-wrap:wrap;
  min-width:0;
}
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot input,
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot select,
.dbd-modular-page-skin #adminUniversalCatalogManagerRoot textarea{
  box-sizing:border-box;
  max-width:100%;
}

@media (max-width:760px){
  .dbd-modular-page-skin .dbd-modular-admin-header{
    flex-direction:column;
    padding-left:14px;
    padding-right:14px;
  }
  .dbd-modular-page-skin .dbd-modular-admin-body,
  .dbd-modular-page-skin #adminUsersModuleRoot,
  .dbd-modular-page-skin .admin-universal-catalog-manager-card > .body,
  .dbd-modular-page-skin .admin-universal-catalog-manager-card > .dbd-modular-admin-body{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}


/* ── Admin shell modular skin bridge ──────────────────────────────
   The individual admin tabs are now module-owned/themed. This bridge
   brings the remaining parent admin page chrome — background, outer
   layout, and primary section tabs — into the same modular visual system.
*/
body.admin-page.admin-modular-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% -10%, rgba(184,108,255,.36), transparent 34rem),
    linear-gradient(180deg, #050609 0%, #090c12 46%, #050607 100%) !important;
}
body.admin-page.admin-modular-shell::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(184,108,255,.12), transparent 24%, transparent 82%, rgba(239,35,60,.035));
}
body.admin-page.admin-modular-shell .page-wrap.site-shell.admin-shell{
  width:min(100% - 32px, 1680px);
  max-width:1680px;
  padding:28px 0 44px;
}
body.admin-page.admin-modular-shell .admin-layout.site-stack{
  gap:18px;
}
body.admin-page.admin-modular-shell #adminContent.admin-content-grid{
  gap:18px;
}
body.admin-page.admin-modular-shell .admin-tabs{
  position:relative;
  border:1px solid rgba(184,108,255,.52);
  border-radius:24px;
  padding:12px;
  background:
    linear-gradient(145deg, rgba(78,32,137,.26), rgba(7,11,18,.95) 46%, rgba(4,6,12,.96)) !important;
  box-shadow:var(--modular-glow);
  overflow:hidden;
}
body.admin-page.admin-modular-shell .admin-tabs::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg, rgba(184,108,255,.95), rgba(255,255,255,.16), rgba(184,108,255,.62));
  opacity:.72;
}
body.admin-page.admin-modular-shell .admin-tabs::after{
  content:"Admin Modules";
  position:absolute;
  right:14px;
  top:10px;
  padding:5px 9px;
  border:1px solid rgba(109,255,184,.22);
  border-radius:999px;
  background:rgba(109,255,184,.07);
  color:rgba(234,255,245,.82);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  pointer-events:none;
}
body.admin-page.admin-modular-shell .admin-tab{
  position:relative;
  z-index:1;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(0,0,0,.28) !important;
  color:rgba(232,237,244,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}
body.admin-page.admin-modular-shell .admin-tab:hover{
  transform:translateY(-1px);
  color:var(--text);
  border-color:rgba(184,108,255,.62);
  background:rgba(184,108,255,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
body.admin-page.admin-modular-shell .admin-tab.active{
  color:#f7f0ff;
  border-color:rgba(184,108,255,.78);
  background:
    linear-gradient(180deg, rgba(184,108,255,.42), rgba(124,58,237,.28)),
    rgba(0,0,0,.30) !important;
  box-shadow:0 0 0 1px rgba(184,108,255,.24), 0 0 26px rgba(184,108,255,.34), inset 0 1px 0 rgba(255,255,255,.10);
}
body.admin-page.admin-modular-shell .admin-main-column,
body.admin-page.admin-modular-shell .catalog-manager-column{
  min-width:0;
}
body.admin-page.admin-modular-shell .catalog-manager-column.dbd-modular-page-skin{
  padding:0;
  background:transparent;
}
@media (max-width:720px){
  body.admin-page.admin-modular-shell .page-wrap.site-shell.admin-shell{width:min(100% - 24px, 1680px);padding-top:18px;}
  body.admin-page.admin-modular-shell .admin-tabs{padding-top:36px;}
  body.admin-page.admin-modular-shell .admin-tabs::after{left:12px;right:auto;}
}

/* ── Public legacy page modular skin bridge — 2026-06-10 ──────────
   Lets front-facing pages that still use legacy markup inherit the
   mockup-inspired modular visual language without page-by-page rewrites.
*/
.dbd-modular-page-skin .page-hero,
.dbd-modular-page-skin .public-hero,
.dbd-modular-page-skin .lb-hero,
.dbd-modular-page-skin .lb-assets-hero,
.dbd-modular-page-skin .lb-roster-hero,
.dbd-modular-page-skin .stream-command-hero,
.dbd-modular-page-skin .analytics-hero-head{
  position:relative;
  border:1px solid rgba(184,108,255,.58);
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(45,18,82,.96), rgba(9,10,20,.98) 55%, rgba(8,10,18,.96));
  box-shadow:var(--modular-glow);
  overflow:hidden;
}
.dbd-modular-page-skin .page-hero::before,
.dbd-modular-page-skin .public-hero::before,
.dbd-modular-page-skin .lb-hero::before,
.dbd-modular-page-skin .lb-assets-hero::before,
.dbd-modular-page-skin .lb-roster-hero::before,
.dbd-modular-page-skin .stream-command-hero::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(to bottom, var(--modular-accent), rgba(184,108,255,.52), transparent 84%);
  opacity:.74;
  pointer-events:none;
}
.dbd-modular-page-skin .page-hero::after,
.dbd-modular-page-skin .public-hero::after,
.dbd-modular-page-skin .lb-hero::after,
.dbd-modular-page-skin .lb-assets-hero::after,
.dbd-modular-page-skin .lb-roster-hero::after,
.dbd-modular-page-skin .stream-command-hero::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg, rgba(184,108,255,.95), rgba(255,255,255,.18), rgba(184,108,255,.62));
  opacity:.82;
  pointer-events:none;
}
.dbd-modular-page-skin .page-hero > *,
.dbd-modular-page-skin .public-hero > *,
.dbd-modular-page-skin .lb-hero > *,
.dbd-modular-page-skin .lb-assets-hero > *,
.dbd-modular-page-skin .lb-roster-hero > *,
.dbd-modular-page-skin .stream-command-hero > *{
  position:relative;
  z-index:1;
}
.dbd-modular-page-skin .eyebrow,
.dbd-modular-page-skin .stream-tool-kicker,
.dbd-modular-page-skin .public-card-kicker{
  color:#d9c2ff;
  letter-spacing:.13em;
}
.dbd-modular-page-skin .panel-head,
.dbd-modular-page-skin .head{
  border-bottom-color:rgba(184,108,255,.24);
}
.dbd-modular-page-skin .panel-card.accent-red,
.dbd-modular-page-skin .panel-card.killer,
.dbd-modular-page-skin .stream-feature-card.befuddle,
.dbd-modular-page-skin .stream-feature-card.counters{
  border-color:rgba(239,35,60,.46);
  background:
    linear-gradient(145deg, rgba(70,14,28,.20), rgba(7,11,18,.94) 42%, rgba(4,6,12,.96));
}
.dbd-modular-page-skin .panel-card.accent-gold{
  border-color:rgba(245,191,90,.28);
  background:
    radial-gradient(circle at 0 0, rgba(245,191,90,.12), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(184,108,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(7,11,18,.88);
}
.dbd-modular-page-skin .button,
.dbd-modular-page-skin button,
.dbd-modular-page-skin .secondary,
.dbd-modular-page-skin .primary{
  border-radius:12px;
}
.dbd-modular-page-skin .site-shell{
  max-width:1600px;
}
@media (max-width:760px){
  .dbd-modular-page-skin .page-hero,
  .dbd-modular-page-skin .public-hero,
  .dbd-modular-page-skin .lb-hero,
  .dbd-modular-page-skin .lb-assets-hero,
  .dbd-modular-page-skin .lb-roster-hero,
  .dbd-modular-page-skin .stream-command-hero{
    border-radius:20px;
  }
}

/* ── Public dashboard skin force-pass v3.2.24 ─────────────────────
   The homepage/dashboard still has several legacy, highly-specific DBD
   dashboard classes that intentionally paint red/gold surfaces after the
   generic panel rules. This block targets those classes directly so the
   public landing page actually inherits the purple glass framework instead
   of keeping the older muddy red wash.
*/
body.dashboard-page.dbd-modular-page-skin{
  background:
    radial-gradient(circle at 18% -8%, rgba(184,108,255,.42), transparent 34rem),
    radial-gradient(circle at 86% 8%, rgba(92,37,160,.24), transparent 30rem),
    linear-gradient(180deg, #050711 0%, #070914 46%, #03050b 100%) !important;
}
body.dashboard-page.dbd-modular-page-skin::before{
  background:
    linear-gradient(90deg, rgba(184,108,255,.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(184,108,255,.045) 1px, transparent 1px),
    radial-gradient(circle at 35% 20%, rgba(184,108,255,.10), transparent 2px),
    radial-gradient(circle at 76% 48%, rgba(255,255,255,.045), transparent 2px) !important;
  background-size:72px 72px,72px 72px,420px 360px,520px 420px !important;
  opacity:.22 !important;
}
body.dashboard-page.dbd-modular-page-skin .dbd-dashboard-shell{
  width:min(1600px, calc(100vw - 48px));
}
body.dashboard-page.dbd-modular-page-skin .dbd-dashboard-kpis{
  gap:16px;
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card{
  border-color:rgba(184,108,255,.32);
  border-radius:18px;
  background:
    linear-gradient(145deg, rgba(58,24,102,.34), rgba(7,11,18,.96) 46%, rgba(4,6,12,.98)),
    rgba(5,7,14,.96);
  box-shadow:0 16px 38px rgba(0,0,0,.30), 0 0 0 1px rgba(184,108,255,.065) inset;
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card::before{
  background:linear-gradient(180deg, rgba(184,108,255,.92), rgba(184,108,255,.22), transparent 86%);
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.status-bad::before,
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.status-red::before,
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.red::before{
  background:linear-gradient(180deg, rgba(184,108,255,.95), rgba(239,35,60,.34), transparent 86%);
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.status-good::before{
  background:linear-gradient(180deg, rgba(109,255,184,.82), rgba(184,108,255,.28), transparent 86%);
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.status-warn::before{
  background:linear-gradient(180deg, rgba(255,205,96,.74), rgba(184,108,255,.28), transparent 86%);
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card::after{
  color:rgba(184,108,255,.055);
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.status-bad::after,
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.status-red::after{
  color:rgba(184,108,255,.052);
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.status-good::after{
  color:rgba(109,255,184,.05);
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-card.status-warn::after{
  color:rgba(255,205,96,.05);
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-kicker{
  border-color:rgba(184,108,255,.20);
  background:rgba(184,108,255,.055);
  color:#d9c2ff;
}
body.dashboard-page.dbd-modular-page-skin .dbd-kpi-label,
body.dashboard-page.dbd-modular-page-skin .dbd-card-headline p,
body.dashboard-page.dbd-modular-page-skin .dbd-ranked-meta,
body.dashboard-page.dbd-modular-page-skin .dbd-recent-meta{
  color:rgba(232,224,255,.68);
}
body.dashboard-page.dbd-modular-page-skin .panel-card,
body.dashboard-page.dbd-modular-page-skin .dbd-dashboard-card,
body.dashboard-page.dbd-modular-page-skin .dbd-dashboard-room-code,
body.dashboard-page.dbd-modular-page-skin .dbd-dashboard-featured-streamer,
body.dashboard-page.dbd-modular-page-skin .dbd-dashboard-creators,
body.dashboard-page.dbd-modular-page-skin .accent-red,
body.dashboard-page.dbd-modular-page-skin .accent-gold{
  border-color:rgba(184,108,255,.48) !important;
  border-radius:22px;
  background:
    linear-gradient(145deg, rgba(70,28,124,.30), rgba(7,11,18,.96) 44%, rgba(4,6,12,.98)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.32), 0 0 0 1px rgba(184,108,255,.08) inset !important;
}
body.dashboard-page.dbd-modular-page-skin .dbd-dashboard-card::before,
body.dashboard-page.dbd-modular-page-skin .panel-card::before{
  background:linear-gradient(to bottom, rgba(184,108,255,.92), rgba(184,108,255,.34), transparent 86%);
}
body.dashboard-page.dbd-modular-page-skin .panel-head,
body.dashboard-page.dbd-modular-page-skin .dbd-card-headline{
  border-bottom-color:rgba(184,108,255,.28);
  background:linear-gradient(180deg, rgba(184,108,255,.105), rgba(255,255,255,.012));
}
body.dashboard-page.dbd-modular-page-skin .dbd-card-headline h2{
  color:#f4efff;
  text-shadow:0 0 18px rgba(184,108,255,.18);
}
body.dashboard-page.dbd-modular-page-skin .dbd-card-headline a{
  color:#cfa8ff;
}
body.dashboard-page.dbd-modular-page-skin .dashboard-room-code-input,
body.dashboard-page.dbd-modular-page-skin input,
body.dashboard-page.dbd-modular-page-skin select,
body.dashboard-page.dbd-modular-page-skin textarea{
  border-color:rgba(184,108,255,.42);
  background:rgba(2,4,10,.54);
}
body.dashboard-page.dbd-modular-page-skin .dashboard-room-code-input:focus,
body.dashboard-page.dbd-modular-page-skin input:focus,
body.dashboard-page.dbd-modular-page-skin select:focus,
body.dashboard-page.dbd-modular-page-skin textarea:focus{
  border-color:rgba(184,108,255,.86);
  box-shadow:0 0 0 3px rgba(184,108,255,.22), inset 0 0 0 1px rgba(255,255,255,.035);
}
body.dashboard-page.dbd-modular-page-skin .button.primary,
body.dashboard-page.dbd-modular-page-skin button.primary,
body.dashboard-page.dbd-modular-page-skin .btn.primary{
  border-color:rgba(184,108,255,.62);
  background:linear-gradient(180deg, rgba(151,78,255,.96), rgba(88,42,154,.96));
  color:#fff;
  box-shadow:0 10px 24px rgba(88,42,154,.26);
}
body.dashboard-page.dbd-modular-page-skin .featured-streamer-avatar,
body.dashboard-page.dbd-modular-page-skin .team-logo,
body.dashboard-page.dbd-modular-page-skin .team-mark{
  border-color:rgba(184,108,255,.42);
  box-shadow:0 14px 34px rgba(0,0,0,.26), 0 0 20px rgba(184,108,255,.12);
}
body.dashboard-page.dbd-modular-page-skin .featured-streamer-kicker span:first-child,
body.dashboard-page.dbd-modular-page-skin .profile-tag,
body.dashboard-page.dbd-modular-page-skin .badge,
body.dashboard-page.dbd-modular-page-skin .pill{
  border-color:rgba(184,108,255,.36);
  background:rgba(184,108,255,.12);
  color:#d9c2ff;
}
body.dashboard-page.dbd-modular-page-skin .featured-streamer-panel,
body.dashboard-page.dbd-modular-page-skin .teams-spotlight-panel,
body.dashboard-page.dbd-modular-page-skin .tournament-spotlight-panel,
body.dashboard-page.dbd-modular-page-skin .dbd-performance-chart,
body.dashboard-page.dbd-modular-page-skin .dbd-import-panel,
body.dashboard-page.dbd-modular-page-skin .dbd-ranked-list,
body.dashboard-page.dbd-modular-page-skin .dbd-codes-panel{
  border-color:rgba(184,108,255,.18);
  background:rgba(0,0,0,.18);
}

/* ── Referrals public skin pass v3.2.25 ──────────────────────────
   Referral dashboard is still legacy markup, but the visible surface should
   follow the public modular width and purple-glass rules.
*/
body.page-referrals.dbd-modular-page-skin{
  background:
    radial-gradient(circle at 18% -8%, rgba(184,108,255,.38), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(92,37,160,.20), transparent 32rem),
    linear-gradient(180deg, #050711 0%, #070914 48%, #03050b 100%) !important;
}
body.page-referrals.dbd-modular-page-skin .site-shell{
  width:min(1600px, calc(100vw - 24px));
  max-width:1600px;
  padding:0;
}
body.page-referrals.dbd-modular-page-skin .page-hero{
  padding:28px 32px;
  margin:0;
  min-height:auto;
  border-color:rgba(184,108,255,.72);
  background:
    radial-gradient(circle at 0 0, rgba(184,108,255,.34), transparent 28rem),
    linear-gradient(135deg, rgba(45,18,82,.96), rgba(9,10,20,.98) 58%, rgba(8,10,18,.96));
}
body.page-referrals.dbd-modular-page-skin .page-hero .eyebrow{
  display:block;
  margin:0 0 12px;
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
}
body.page-referrals.dbd-modular-page-skin .page-hero h1{
  margin:0 0 14px;
  font-size:clamp(2.1rem, 4vw, 3.45rem);
  line-height:.95;
  letter-spacing:.045em;
}
body.page-referrals.dbd-modular-page-skin .page-hero p{
  margin:0;
  color:#f4eadc;
  font-weight:800;
  max-width:1050px;
}
body.page-referrals.dbd-modular-page-skin .referrals-root,
body.page-referrals.dbd-modular-page-skin .referrals-grid{
  width:100%;
  min-width:0;
}
body.page-referrals.dbd-modular-page-skin .referrals-grid{
  display:grid;
  gap:18px;
}
body.page-referrals.dbd-modular-page-skin .panel-card{
  border-color:rgba(184,108,255,.58);
  background:
    radial-gradient(circle at 0 0, rgba(184,108,255,.18), transparent 30rem),
    linear-gradient(145deg, rgba(68,29,116,.22), rgba(7,11,18,.95) 44%, rgba(4,6,12,.97));
}
body.page-referrals.dbd-modular-page-skin .panel-head{
  padding:24px 28px;
  background:
    linear-gradient(180deg, rgba(184,108,255,.12), rgba(255,255,255,.014));
}
body.page-referrals.dbd-modular-page-skin .panel-head h2{
  margin:0 0 12px;
  font-size:1.22rem;
  letter-spacing:.04em;
}
body.page-referrals.dbd-modular-page-skin .panel-head p{
  margin:0;
  color:#f4eadc;
  font-weight:750;
}
body.page-referrals.dbd-modular-page-skin .panel-body{
  padding:22px 28px 24px;
}
body.page-referrals.dbd-modular-page-skin .field-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
body.page-referrals.dbd-modular-page-skin .field label{
  display:block;
  margin:0 0 7px;
  color:#d9c2ff;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.page-referrals.dbd-modular-page-skin .field input{
  width:100%;
  box-sizing:border-box;
  min-height:34px;
  border-color:rgba(184,108,255,.52);
  background:rgba(0,0,0,.40);
}
body.page-referrals.dbd-modular-page-skin .stat-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}
body.page-referrals.dbd-modular-page-skin .stat-card{
  border-color:rgba(184,108,255,.30);
  border-radius:15px;
  background:
    linear-gradient(180deg, rgba(184,108,255,.10), rgba(0,0,0,.20)),
    rgba(7,11,18,.74);
  box-shadow:none;
}
body.page-referrals.dbd-modular-page-skin .stat-card .label{
  color:#d9c2ff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.page-referrals.dbd-modular-page-skin .stat-card .value{
  margin-top:6px;
  color:#fff;
  font-family:var(--font-heading);
  font-size:1.8rem;
  font-weight:900;
  line-height:1;
}
body.page-referrals.dbd-modular-page-skin .actions button,
body.page-referrals.dbd-modular-page-skin .button-like{
  border-color:rgba(184,108,255,.34);
  background:linear-gradient(180deg, rgba(184,108,255,.16), rgba(7,11,18,.84));
  color:#f4eadc;
}
body.page-referrals.dbd-modular-page-skin .actions button:hover,
body.page-referrals.dbd-modular-page-skin .button-like:hover{
  border-color:rgba(184,108,255,.72);
  box-shadow:0 0 22px rgba(184,108,255,.16);
}
body.page-referrals.dbd-modular-page-skin .table-wrap{
  overflow:auto;
}
body.page-referrals.dbd-modular-page-skin .data-table{
  width:100%;
}
@media (max-width:900px){
  body.page-referrals.dbd-modular-page-skin .field-row,
  body.page-referrals.dbd-modular-page-skin .stat-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:760px){
  body.page-referrals.dbd-modular-page-skin .site-shell{width:min(100% - 16px, 1600px);}
  body.page-referrals.dbd-modular-page-skin .page-hero,
  body.page-referrals.dbd-modular-page-skin .panel-head,
  body.page-referrals.dbd-modular-page-skin .panel-body{
    padding-left:18px;
    padding-right:18px;
  }
}


/* Builds page public skin alignment */
body.modular-builds-page.dbd-modular-page-skin .builds-page-wrap{
  box-sizing:border-box;
  width:min(100vw, var(--navbar-rail-max, 1600px));
  max-width:var(--navbar-rail-max, 1600px);
  margin-inline:auto;
  padding-inline:0;
}
body.modular-builds-page.dbd-modular-page-skin .site-ad-slot,
body.modular-builds-page.dbd-modular-page-skin .builds-editor-card,
body.modular-builds-page.dbd-modular-page-skin .builds-library-card{
  border-color:rgba(184,108,255,.46);
  background:linear-gradient(145deg, rgba(78,32,137,.26), rgba(7,11,18,.94) 44%, rgba(4,6,12,.96));
}
body.modular-builds-page.dbd-modular-page-skin .builds-editor-card::before,
body.modular-builds-page.dbd-modular-page-skin .builds-library-card::before{
  background:linear-gradient(90deg, rgba(184,108,255,.92), rgba(255,255,255,.14), rgba(92,142,255,.45));
}
body.modular-builds-page.dbd-modular-page-skin .build-browser-search input,
body.modular-builds-page.dbd-modular-page-skin .build-browser-search select{
  border-color:rgba(184,108,255,.42);
}
body.modular-builds-page.dbd-modular-page-skin .build-browser-search input:focus,
body.modular-builds-page.dbd-modular-page-skin .build-browser-search select:focus{
  border-color:rgba(201,143,255,.78);
  box-shadow:0 0 0 3px rgba(153,83,255,.16);
}


/* ── Streamer Tools index width/skin pass — 2026-06-10 ────────────
   Scoped to /stream-tools only. Keeps the locked navbar untouched while
   moving the streamer tools index from the older pink/magenta card wash
   into the purple/blue glass framework used by the current public pages.
*/
body.identity-stream-page.dbd-modular-page-skin .stream-tools-page{
  box-sizing:border-box;
  width:min(100vw, var(--navbar-rail-max, 1600px));
  max-width:var(--navbar-rail-max, 1600px);
  margin-inline:auto;
  padding-inline:0;
}
body.identity-stream-page.dbd-modular-page-skin .stream-command-hero{
  border-color:rgba(184,108,255,.64) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(184,108,255,.34), transparent 34%),
    radial-gradient(circle at 72% 10%, rgba(92,142,255,.12), transparent 36%),
    linear-gradient(135deg, rgba(45,18,82,.96), rgba(9,10,20,.98) 56%, rgba(5,8,17,.98)) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.42), 0 0 30px rgba(139,83,255,.20), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-command-copy h2{
  text-shadow:0 0 26px rgba(184,108,255,.34) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-command-copy p{
  color:rgba(235,224,255,.72) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-command-stats{
  border-left-color:rgba(184,108,255,.20) !important;
  background:linear-gradient(180deg, rgba(3,6,14,.28), rgba(0,0,0,.46)) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-command-stats div{
  border-color:rgba(184,108,255,.20) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)), rgba(6,9,18,.70) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-tool-grid-featured{
  gap:16px;
}
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card,
body.identity-stream-page.dbd-modular-page-skin .obs-size-reference{
  border-color:rgba(184,108,255,.46) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(184,108,255,.20), transparent 34%),
    radial-gradient(circle at 90% 14%, rgba(92,142,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(12,14,26,.96), rgba(5,8,16,.98) 70%) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card::before{
  background:radial-gradient(circle at top right, rgba(184,108,255,.18), transparent 44%) !important;
  opacity:.74 !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.dashboard,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.befuddle,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.swv,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.randomizer,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.counters,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.challenges,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.hardcore,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.timers,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.bingo,
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card.tiers{
  background:
    radial-gradient(circle at 12% 0%, rgba(184,108,255,.24), transparent 36%),
    linear-gradient(180deg, rgba(18,15,36,.96), rgba(5,8,16,.98) 72%) !important;
  border-color:rgba(184,108,255,.48) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card:hover{
  border-color:rgba(206,156,255,.72) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.38), 0 0 28px rgba(184,108,255,.18), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card .stream-tool-icon{
  background:linear-gradient(145deg, rgba(120,64,210,.46), rgba(40,25,88,.78)) !important;
  border-color:rgba(184,108,255,.58) !important;
  box-shadow:0 0 22px rgba(184,108,255,.30), inset 0 1px 0 rgba(255,255,255,.09) !important;
}
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card strong{
  color:#fff7ee;
}
body.identity-stream-page.dbd-modular-page-skin .stream-feature-card span:last-child,
body.identity-stream-page.dbd-modular-page-skin .obs-size-grid small{
  color:rgba(235,224,255,.66) !important;
}
body.identity-stream-page.dbd-modular-page-skin .obs-size-grid > div{
  border-color:rgba(184,108,255,.26) !important;
  background:rgba(6,10,18,.68) !important;
}
@media(max-width:760px){
  body.identity-stream-page.dbd-modular-page-skin .stream-tools-page{width:min(100% - 16px, var(--navbar-rail-max, 1600px));}
}

/* Homepage identity refresh — streamer/community foreground */
body.dashboard-page.dbd-modular-page-skin .dashboard-section-head,
body.dashboard-page.dbd-modular-page-skin .dashboard-streamer-tools-section{
  border-color:rgba(184,108,255,.48) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(184,108,255,.24), transparent 28rem),
    radial-gradient(circle at 90% 18%, rgba(255,205,96,.11), transparent 22rem),
    linear-gradient(145deg, rgba(70,28,124,.28), rgba(7,11,18,.96) 48%, rgba(4,6,12,.98)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.32), 0 0 0 1px rgba(184,108,255,.08) inset !important;
}
body.dashboard-page.dbd-modular-page-skin .dashboard-section-head .eyebrow,
body.dashboard-page.dbd-modular-page-skin .dashboard-tool-kicker{
  color:#cfa8ff;
}
body.dashboard-page.dbd-modular-page-skin .dashboard-section-head p,
body.dashboard-page.dbd-modular-page-skin .dashboard-tool-feature-card span:last-child{
  color:rgba(232,224,255,.70);
}
body.dashboard-page.dbd-modular-page-skin .dashboard-tool-feature-card{
  border-color:rgba(184,108,255,.34);
  background:
    radial-gradient(circle at 86% 14%, rgba(184,108,255,.18), transparent 34%),
    linear-gradient(145deg, rgba(58,24,102,.30), rgba(7,11,18,.98) 48%, rgba(4,6,12,.99));
  box-shadow:0 16px 38px rgba(0,0,0,.30), 0 0 0 1px rgba(184,108,255,.065) inset;
}
body.dashboard-page.dbd-modular-page-skin .dashboard-tool-feature-card::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 34%),
    radial-gradient(circle at 18% 18%, rgba(184,108,255,.30), transparent 30%);
}
body.dashboard-page.dbd-modular-page-skin .dashboard-tool-feature-card::after{
  background:linear-gradient(90deg, rgba(184,108,255,.70), transparent);
}
body.dashboard-page.dbd-modular-page-skin .dashboard-tool-feature-card:hover{
  border-color:rgba(207,168,255,.70);
  box-shadow:0 22px 60px rgba(0,0,0,.38), 0 0 34px rgba(184,108,255,.18), inset 0 0 0 1px rgba(255,255,255,.04);
}
body.dashboard-page.dbd-modular-page-skin .dashboard-tool-feature-card.is-primary{
  border-color:rgba(207,168,255,.50);
  background:
    radial-gradient(circle at 78% 18%, rgba(255,205,96,.12), transparent 34%),
    radial-gradient(circle at 8% 8%, rgba(184,108,255,.30), transparent 30%),
    linear-gradient(145deg, rgba(70,28,124,.38), rgba(8,10,14,.98));
}
body.dashboard-page.dbd-modular-page-skin .dashboard-tool-kicker{
  border-color:rgba(184,108,255,.36);
  background:rgba(184,108,255,.12);
}