/* --- Preview/embed ergonomics (no regressions) --- */


/* --- AJAX tab loading state (progressive enhancement) --- */
.dmxr4-ssot__content{ position: relative; }


/* Theme margin resets (Kadence/Woo wrappers can add margins on direct children) */
.dmxr4-ssot__content > *{ margin-top:0 !important; margin-bottom:0 !important; }
.dmxr4-ssot__content > .v4-card{ margin:0 !important; }

/*
  SSOT Settings wrapper
  --------------------
  The Settings shell includes transparent header/heading elements.
  On dark preview surfaces (demo shells) this can read as a large empty “gap”.
  We also prevent margin-collapse surprises from theme CSS.
*/
.dmxr4-ssot__settings{
  margin:0 !important;
  padding:16px !important;
  border:1px solid var(--v4-line, color-mix(in srgb, var(--v4-ink) 8%, transparent)) !important;
  border-radius:24px !important;
  background:var(--v4-card, var(--v4-card)) !important;
  box-shadow:var(--v4-shadow-sm, 0 10px 22px color-mix(in srgb, var(--v4-ink) 12%, transparent)) !important;
}
@media (max-width: 640px){
  .dmxr4-ssot__settings{ padding:14px !important; border-radius:22px !important; }
}
.dmxr4-ssot__settings > .dmxr4{ margin:0 !important; }
.dmxr4-ssot{ color: var(--v4-ink, #0b1220); }
/* Ensure the SSOT shell provides its own canvas.
   Without this, dark tone tokens can render "white on white" inside WP themes/PV3. */
.dmxr4.dmxr4-ssot{
  background: var(--v4-bg, #f6f7fb);
  color: var(--v4-ink, #0b1220);
  min-height: 100vh;
}

/* Some themes/WebViews apply -webkit-text-fill-color; force currentColor for readable text. */
.dmxr4.dmxr4-ssot :where(h1,h2,h3,h4,p,span,small,strong,em,li,label,a,button,.v4-btn,.v4-chip){
  -webkit-text-fill-color: currentColor;
}

.dmxr4-ssot__muted{ color: var(--v4-muted, #64748b); }
.dmxr4-ssot__muted strong{ color: var(--v4-ink, #0b1220); }
.dmxr4-ssot__content.is-loading{
  opacity: .72;
  filter: saturate(.95);
  pointer-events: none;
}
.dmxr4-ssot__content.is-loading::after{
  content:"";
  position:absolute;
  top: 10px;
  right: 12px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid var(--v4-line);
  border-top-color: var(--v4-brand);
  animation: dmxr4Spin .8s linear infinite;
}
@keyframes dmxr4Spin{ to{ transform: rotate(360deg); } }
.dmxr4-embed-pad{
  padding: var(--dmxr4-embed-pad, 16px);
}


/* (PREGNORF ✅) SSOT Admin Shell chrome (Quick Start / Settings / Help)
 * Goal: settings surface matches Public View styling by using the same skin + v4-ui.
 * Scoped to `.dmxr4-ssot` so it never leaks into app content.
 */
.dmxr4-ssot{
  width: 100%;
  max-width: none;
  margin: 0;
}

/* WP-Admin stays compact — complexity remains “behind the scenes”. */
body.wp-admin .dmxr4-ssot{
  max-width: 1200px;
  margin: 0 auto;
}
.dmxr4-ssot__container{
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

body.dmxr4-view-embed .dmxr4-ssot__container{
  max-width: none;
  margin: 0;
}

body.wp-admin .dmxr4-ssot__container{
  max-width: 980px;
}


.dmxr4-ssot__container--compact{
  max-width: 980px;
}
.dmxr4-ssot__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}
.dmxr4-ssot__title{
  margin: 0;
  font-size: 18px;
  font-weight: 1000;
  letter-spacing: -0.02em;
  color: var(--v4-ink);
}
.dmxr4-ssot__meta{
  margin-top: 4px;
  font-size: 12px;
  color: var(--v4-muted);
  font-weight: 700;
}
.dmxr4-ssot__tabs{
  margin-top: 10px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}
.dmxr4-ssot__tab{
  text-decoration:none;
}
.dmxr4-ssot__tab.is-active{
  background: var(--v4-brand);
  color: var(--v4-brand-ink);
  border-color: color-mix(in srgb, var(--v4-ink) 10%, transparent);
}
.dmxr4-ssot__tab.is-active:hover{
  filter: brightness(.98);
}
.dmxr4-ssot__content{
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.dmxr4-ssot__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 880px){
  .dmxr4-ssot__grid{ grid-template-columns: 1fr; }
}
.dmxr4-ssot__h2{
  margin: 0;
  font-size: 14px;
  font-weight: 1000;
  letter-spacing: -0.01em;
  color: var(--v4-ink);
}
.dmxr4-ssot__h3{
  margin: 0 0 8px 0;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: -0.01em;
  color: var(--v4-ink);
}
.dmxr4-ssot__notice p{
  color: var(--v4-muted);
}
.dmxr4-ssot__code{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--v4-line);
  background: var(--v4-soft);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: var(--v4-ink);
  font-size: 13px;
}
.dmxr4-ssot__code--scroll{
  max-height: 260px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
.dmxr4-ssot__card--wide{
  grid-column: 1 / -1;
}
.dmxr4-ssot__helpGrid{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 880px){
  .dmxr4-ssot__helpGrid{ grid-template-columns: 1fr; }
}
.dmxr4-ssot__list{
  margin: 0;
  padding-left: 18px;
  color: var(--v4-muted);
  font-size: 13px;
}
.dmxr4-ssot__list li{ margin: 6px 0; }
.dmxr4-ssot__p{ color: var(--v4-muted); }
.dmxr4-ssot__p--tight{ margin: 0; }
.dmxr4-ssot__p--spaced{ margin-top: 12px; }


/* In demo preview, move "Install & embed" content to the outer help rail. */
.dmxr4-embed-pad .dmxr4-panel[data-dmxr4-panel-id="usage_embed"]{
  display: none;
}

/* Harden button text visibility against theme styles.
   Note: the root wrapper is `.dmxr4-app-settings` (not `...-shell`). */
.dmxr4-app-settings .dmxr4-button,
.dmxr4-app-settings .button,
.dmxr4-app-settings button,
.dmxr4-app-settings input[type="submit"],
.dmxr4-app-settings input[type="button"],
.dmxr4-app-settings input[type="reset"]{
  color: var(--dmxr4-ink, var(--v4-ink));
  -webkit-text-fill-color: currentColor;
}

/* (PREGNORF ✅) DMXR4 App Settings — Accordion Styles
 * File: factory/modules/settings/assets/css/app.settings.css
 * Version: 10.7.37
 *
 * This file intentionally overrides the legacy tabbed settings shell styles.
 * The two-column cockpit layout is provided by the global skin.
 */

.dmxr4-app-settings--accordion .dmxr4-settings-header{
  margin: 0 0 14px 0;
  padding: 0;
}

.dmxr4-app-settings--accordion .dmxr4-settings-header__titleRow{
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.dmxr4-app-settings--accordion .dmxr4-settings-header__title{
  display:flex;
  gap: 10px;
  align-items:baseline;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--v4-ink);
  font-size: 16px;
}

.dmxr4-app-settings--accordion .dmxr4-settings-header__emoji{
  font-size: 18px;
  line-height: 1;
}

.dmxr4-app-settings--accordion .dmxr4-settings-header__version{
  font-weight: 700;
  font-size: 12px;
  color: var(--v4-muted);
  padding: 2px 8px;
  border: 1px solid var(--v4-line);
  border-radius: 999px;
  background: var(--v4-soft);
}

.dmxr4-app-settings--accordion .dmxr4-settings-header__search{
  min-width: 220px;
  flex: 1 1 320px;
  display:flex;
  justify-content:flex-end;
}

.dmxr4-app-settings--accordion .dmxr4-settings-search{
  width:100%;
  max-width: 520px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--v4-line);
  background: var(--v4-card);
  color: var(--v4-ink);
  outline: none;
}

.dmxr4-app-settings--accordion .dmxr4-settings-search:focus{
  box-shadow: 0 0 0 3px var(--v4-ring);
  border-color: var(--v4-brand);
}

.dmxr4-app-settings--accordion .dmxr4-settings-header__sub{
  margin-top: 8px;
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap:wrap;
  color: var(--v4-muted);
  font-size: 13px;
}

.dmxr4-app-settings--accordion .dmxr4-settings-header__code{
  padding: 3px 8px;
  border-radius: 10px;
  border: 1px solid var(--v4-line);
  background: var(--v4-soft);
  color: var(--v4-ink);
}

.dmxr4-app-settings--accordion .dmxr4-settings-readonlyNote{font-size:13px;
  margin: 10px 0 12px 0;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed var(--v4-line);
  background: var(--v4-soft);
  color: var(--v4-muted);
  font-size: 13px;
}

.dmxr4-app-settings--accordion .dmxr4-settings-accordionWrap{
  display:block;
}

.dmxr4-app-settings--accordion .dmxr4-settings-panel,
.dmxr4-app-settings--accordion .dmxr4-settings-advanced{
  border: 1px solid var(--v4-line);
  border-radius: 16px;
  background: var(--v4-card);
  overflow:hidden;
  margin: 10px 0;
}

.dmxr4-app-settings--accordion .dmxr4-settings-panel__summary,
.dmxr4-app-settings--accordion .dmxr4-settings-advanced__summary{
  list-style:none;
  cursor:pointer;
  padding: 12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  user-select:none;
}

.dmxr4-app-settings--accordion details > summary::-webkit-details-marker{ display:none; }

.dmxr4-app-settings--accordion .dmxr4-settings-panel__summary::after,
.dmxr4-app-settings--accordion .dmxr4-settings-advanced__summary::after{
  content: '▾';
  color: var(--v4-muted);
  font-size: 12px;
  transform: translateY(-1px);
}

.dmxr4-app-settings--accordion details[open] > summary::after{
  content: '▴';
}

.dmxr4-app-settings--accordion .dmxr4-settings-panel__label{
  font-weight: 800;
  color: var(--v4-ink);
  font-size: 13px;
}

.dmxr4-app-settings--accordion .dmxr4-settings-panel__body,
.dmxr4-app-settings--accordion .dmxr4-settings-advanced__body{
  padding: 12px 14px 14px 14px;
  border-top: 1px solid var(--v4-line);
}

.dmxr4-app-settings--accordion .dmxr4-settings-panel__body :is(h1,h2,h3){
  margin-top: 0;
}

.dmxr4-app-settings--accordion .dmxr4-settings-empty{
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--v4-line);
  background: var(--v4-soft);
  color: var(--v4-muted);
}

/* Ensure hidden panels don't take space */
.dmxr4-app-settings--accordion details[hidden]{
  display:none !important;
}



/* ───────────────────────────────
   Cards mode (v10.7.30)
   ─────────────────────────────── */

.dmxr4-app-settings--cards .dmxr4-settings-header{
  margin: 0 0 14px 0;
}

.dmxr4-app-settings--cards .dmxr4-settings-cardsWrap{
  display:block;
}

.dmxr4-app-settings--cards .dmxr4-settings-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.dmxr4-app-settings--cards .dmxr4-settings-stack__heading{
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--v4-muted);
  margin: 6px 0 4px 0;
}

.dmxr4-app-settings--cards .dmxr4-panels{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.dmxr4-app-settings--cards .dmxr4-card--settings{
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius);
  background: var(--v4-card);
  overflow: hidden;
  box-shadow: var(--v4-shadow-sm);
}

/* When using the v4 card markup, let .v4-card__hd handle spacing.
   Keep a legacy fallback for older shells. */
.dmxr4-app-settings--cards .dmxr4-card__header:not(.v4-card__hd){
  padding: 14px 16px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--v4-bg) 3%, transparent), transparent);
}

.dmxr4-app-settings--cards .dmxr4-card__toggle{
  appearance:none;
  border:0;
  background:transparent;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding: 0;
  cursor:pointer;
  text-align:left;
  font-weight: 800;
  color: var(--v4-ink);
}


.dmxr4-app-settings--cards .dmxr4-card__title{
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.dmxr4-app-settings--cards .dmxr4-card__chev{
  font-size: 14px;
  opacity: .6;
  transition: transform .18s ease;
}

.dmxr4-app-settings--cards .dmxr4-card--settings.is-collapsed .dmxr4-card__chev{
  transform: rotate(-90deg);
}

.dmxr4-app-settings--cards .dmxr4-card__body:not(.v4-card__bd){
  padding: 16px;
  border-top: 1px solid var(--v4-border);
}


.dmxr4-app-settings--cards .dmxr4-settings-empty{
  border: 1px dashed var(--v4-line);
  border-radius: 16px;
  padding: 14px;
  color: var(--v4-muted);
  background: var(--v4-soft);
}

/* Normalize legacy inner panels (avoid card-in-card look) */
.dmxr4-app-settings--cards .dmxr4-card--settings .dmxr4-panel{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.dmxr4-app-settings--cards .dmxr4-card--settings .dmxr4-panel-header{
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.dmxr4-app-settings--cards .dmxr4-card--settings .dmxr4-panel-body{
  padding: 0 !important;
}

/* NOTE:
 * The settings cockpit supports both our native v4 field markup
 * (dmxr4-settings-*) and legacy WP-admin markup (form-table).
 * Keep a *single* normalization block for .form-table to avoid
 * cascade drift across versions.
 */


/* Help rail: embed copy */
.dmxr4-app-help__embed{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.dmxr4-app-help__code{padding:6px 10px;border:1px solid var(--v4-line);border-radius:12px;background:var(--v4-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;}
.dmxr4-app-help__copy{margin-left:auto;}
@media (max-width:900px){.dmxr4-app-help__copy{margin-left:0;}}

/* ---------- Install & embed panel (SSOT) ---------- */
.dmxr4-app-settings .dmxr4-usage-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
}
@media (max-width: 900px){
  .dmxr4-app-settings .dmxr4-usage-grid{grid-template-columns: 1fr;}
}

.dmxr4-app-settings .dmxr4-usage-card{
  border: 1px solid var(--v4-border);
  background: var(--v4-soft);
  border-radius: var(--v4-radius);
  padding: 14px;
}

.dmxr4-app-settings .dmxr4-usage-card__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.dmxr4-app-settings .dmxr4-usage-card__title{
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--v4-ink);
}

.dmxr4-app-settings .dmxr4-codebox{
  margin: 0;
  padding: 10px 12px;
  background: var(--v4-card);
  border: 1px solid var(--v4-border);
  border-radius: 14px;
  overflow: auto;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size: 12px;
  line-height: 1.35;
  color: var(--v4-ink);
}

.dmxr4-app-settings .dmxr4-usage-actions{
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.dmxr4-app-settings .dmxr4-usage-note{
  margin: 10px 0 0;
  font-size: 12px;
  color: var(--v4-muted);
}


/* Advanced cards: subtle tint so Core stands out */
.dmxr4-app-settings--cards .dmxr4-card--settings.is-advanced{
  background: linear-gradient(180deg, color-mix(in srgb, var(--v4-bg) 1%, transparent), transparent);
}

.dmxr4-app-settings--cards .dmxr4-card__toggle:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--v4-info) 45%, transparent);
  outline-offset: 3px;
  border-radius: 12px;
}


/* ------------------------------------------------------------------
 * Legacy WP markup normalization (tables/buttons/inputs)
 * Many app settings sections still output classic WP-admin form markup
 * (e.g., .form-table, .button, .regular-text). In our front-end settings
 * cockpit we restyle those elements to match the DMXR4 v4 UI.
 * ------------------------------------------------------------------ */

.dmxr4-app-settings .form-table{
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.dmxr4-app-settings .form-table tbody{
  display: block;
}

.dmxr4-app-settings .form-table tr{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 14px;
  padding: 14px 0;
  border-top: 1px solid var(--v4-border);
}

.dmxr4-app-settings .form-table tr:first-child{
  border-top: 0;
}

.dmxr4-app-settings .form-table th,
.dmxr4-app-settings .form-table td{
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  vertical-align: top;
}

.dmxr4-app-settings .form-table th{
  font-size: 12px;
  font-weight: 800;
  color: var(--v4-muted);
  line-height: 1.25;
}

.dmxr4-app-settings .form-table th label{
  cursor: default;
}

@media (max-width: 720px){
  .dmxr4-app-settings .form-table tr{
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

/* A more modern feel: let fields actually use the available width.
   (Legacy WP styles cap at 25em; we don't.) */
.dmxr4-app-settings .form-table td :is(input, select, textarea){
  max-width: 100% !important;
}

/* Checkbox/radio rows: keep the control aligned with its label text */
.dmxr4-app-settings .form-table td label{
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.35;
}
.dmxr4-app-settings .form-table td label input[type="checkbox"],
.dmxr4-app-settings .form-table td label input[type="radio"]{
  margin-top: 2px;
}

/* Inputs */
.dmxr4-app-settings input[type="text"],
.dmxr4-app-settings input[type="password"],
.dmxr4-app-settings input[type="url"],
.dmxr4-app-settings input[type="email"],
.dmxr4-app-settings input[type="number"],
.dmxr4-app-settings textarea,
.dmxr4-app-settings select{
  width: 100%;
  max-width: 520px;
  border: 1px solid var(--v4-border);
  background: var(--v4-card);
  border-radius: 12px;
  padding: 10px 12px;
  font: inherit;
  color: var(--v4-ink);
  box-shadow: none;
}

.dmxr4-app-settings input.regular-text{
  max-width: 520px;
}

.dmxr4-app-settings textarea{
  min-height: 96px;
  resize: vertical;
}

.dmxr4-app-settings input[type="checkbox"],
.dmxr4-app-settings input[type="radio"]{
  width: 16px;
  height: 16px;
  accent-color: var(--v4-brand);
}

/* WP-style buttons -> v4 pills */
.dmxr4-app-settings .button,
.dmxr4-app-settings .button-secondary,
.dmxr4-app-settings .button-primary,
.dmxr4-app-settings button.button{
  appearance: none;
  -webkit-appearance: none;
  border-radius: 999px;
  padding: 9px 12px;
  border: 1px solid var(--v4-border);
  background: var(--v4-card);
  color: var(--v4-ink);
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: none;
}

.dmxr4-app-settings .button:hover,
.dmxr4-app-settings .button-secondary:hover,
.dmxr4-app-settings button.button:hover{
  background: var(--v4-soft);
}

.dmxr4-app-settings .button-primary,
.dmxr4-app-settings .button.button-primary,
.dmxr4-app-settings .button-primary:hover,
.dmxr4-app-settings .button.button-primary:hover{
  background: var(--v4-brand);
  border-color: color-mix(in srgb, var(--v4-ink) 12%, transparent);
  color: var(--v4-on-brand);
}

.dmxr4-app-settings .button:disabled,
.dmxr4-app-settings .button[disabled],
.dmxr4-app-settings .button-primary:disabled,
.dmxr4-app-settings button.button:disabled{
  opacity: .55;
  cursor: not-allowed;
}

/* WP descriptions */
.dmxr4-app-settings .description{
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--v4-muted);
}

.dmxr4-app-settings .description a{
  color: var(--v4-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* (PREGNORF ✅) Search bar hidden behind a toggle */
.dmxr4-settings-header__actions{ display:flex; align-items:center; gap:8px; }
.dmxr4-settings-searchToggle{ padding:6px 10px; border-radius:10px; }
.dmxr4-settings-header__searchRow{ margin-top:10px; display:flex; flex-direction:column; gap:6px; }
.dmxr4-settings-header__searchRow[hidden]{ display:none !important; }
.dmxr4-settings-emptyNote{ margin:12px 0 0; padding:12px 14px; border:1px dashed color-mix(in srgb, var(--v4-ink) 16%, transparent); border-radius:14px; background:color-mix(in srgb, var(--v4-bg) 2%, transparent); }
.dmxr4-settings-emptyNote .dmxr4-muted{ margin:6px 0 0; opacity:.78; }


/* (PREGNORF ✅) Inbox + Automation (Owner Shell)
 * These styles are global because SSOT tab swaps can strip inline styles.
 * Scope is limited to inbox/automation classnames to avoid theme/plugin collisions.
 */

.dmxr4-inboxQuickStats{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.dmxr4-inboxStat{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
}
.dmxr4-inboxStat strong{ font-size:18px; line-height:1; }
.dmxr4-inboxStat span{ opacity:.75; font-size:12px; }

.dmxr4-inboxHr{
  border:0;
  height:1px;
  background:color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  margin:14px 0;
}

/* Filters + actions */
.dmxr4-inboxActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  margin:12px 0 10px;
}
.dmxr4-inboxFilters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:end;
}
.dmxr4-inboxFilters label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
  opacity:.85;
}
.dmxr4-inboxFilters input[type="text"],
.dmxr4-inboxFilters select{
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:var(--v4-card, #fff);
  color:var(--v4-ink, #111);
}


/* Delivery + routing pills */
.dmxr4-inboxDelivery__pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  line-height:1;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
}
.dmxr4-inboxDelivery__pill.is-muted{ opacity:.72; }
.dmxr4-inboxDelivery__pill.is-ok{ border-color: color-mix(in srgb, var(--v4-accent, #2563eb) 38%, transparent); }

/* List/Table view (default). */
.dmxr4-inboxList{
  display:block;
}
.dmxr4-inboxTableWrap{
  overflow:auto;
  border-radius:18px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  background:var(--v4-card, #fff);
  box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.dmxr4-inboxTable{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width: 980px;
}
.dmxr4-inboxTh,
.dmxr4-inboxTd{
  text-align:left;
  padding:10px 12px;
  vertical-align:top;
}
.dmxr4-inboxTh{
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.78;
  background:color-mix(in srgb, var(--v4-card, #fff) 94%, var(--v4-ink, #111) 6%);
  position:sticky;
  top:0;
  z-index:1;
}
.dmxr4-inboxTable tbody tr{
  transition:background .12s ease;
  cursor:pointer;
}
.dmxr4-inboxTable tbody tr:hover{
  background:color-mix(in srgb, var(--v4-card, #fff) 90%, var(--v4-ink, #111) 10%);
}
.dmxr4-inboxRow.is-unread,
.dmxr4-inboxRow[data-unread="1"]{
  background:color-mix(in srgb, var(--v4-card, #fff) 84%, var(--v4-brand, #4f46e5) 16%);
}
.dmxr4-inboxTable tbody td{
  border-top:1px solid color-mix(in srgb, var(--v4-ink, #111) 8%, transparent);
}
.dmxr4-inboxRow:focus-visible{
  outline:3px solid color-mix(in srgb, var(--v4-brand, #4f46e5) 45%, transparent);
  outline-offset:2px;
}
.dmxr4-inboxLead__name{ font-weight:700; font-size:13px; line-height:1.2; }
.dmxr4-inboxLead__meta{ font-size:12px; opacity:.72; margin-top:2px; }
.dmxr4-inboxLead__meta a{ color:inherit; text-decoration:none; }
.dmxr4-inboxLead__meta a:hover{ text-decoration:underline; }
.dmxr4-inboxMsg__subject{ font-weight:650; font-size:13px; line-height:1.25; }
.dmxr4-inboxMsg__preview{ margin-top:4px; font-size:13px; line-height:1.35; opacity:.9; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dmxr4-inboxRowActions{ display:flex; flex-wrap:wrap; gap:8px; }

.dmxr4-inboxRowActions .v4-btn[disabled],
.dmxr4-inboxRowActions button[aria-disabled="true"]{
  opacity:.5;
  cursor:not-allowed;
  pointer-events:none;
}
.dmxr4-col--sel{ width:44px; }
.dmxr4-col--status{ width:140px; white-space:nowrap; }
.dmxr4-col--time{ width:150px; white-space:nowrap; }
.dmxr4-col--actions{ width:220px; }

@media (max-width: 920px){
  .dmxr4-inboxTable{ min-width: 860px; }
}

/* Card grid */
.dmxr4-inboxGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 980px){
  .dmxr4-inboxGrid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  .dmxr4-inboxGrid{ grid-template-columns:1fr; }
}

.dmxr4-inboxCard{
  border-radius:18px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  background:var(--v4-card, #fff);
  padding:12px 12px 10px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.dmxr4-inboxCard:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 40px rgba(0,0,0,.10);
  border-color:color-mix(in srgb, var(--v4-ink, #111) 18%, transparent);
}

.dmxr4-inboxCard:focus-visible{
  outline:3px solid color-mix(in srgb, var(--v4-brand, #4f46e5) 45%, transparent);
  outline-offset:2px;
}
.dmxr4-inboxCard.is-unread,
.dmxr4-inboxCard[data-unread="1"]{
  border-color:color-mix(in srgb, var(--v4-brand, #4f46e5) 55%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 85%, var(--v4-brand, #4f46e5) 15%);
}
.dmxr4-inboxCard__top{
  display:flex;
  gap:10px;
  align-items:flex-start;
  justify-content:space-between;
}
.dmxr4-inboxCard__name{
  font-weight:700;
  font-size:14px;
  line-height:1.2;
}
.dmxr4-inboxCard__meta{
  font-size:12px;
  opacity:.7;
  margin-top:2px;
}

.dmxr4-inboxCard__meta a{ color:inherit; text-decoration:none; }
.dmxr4-inboxCard__meta a:hover{ text-decoration:underline; }

.dmxr4-inboxDate{
  font-size:12px;
  opacity:.7;
  white-space:nowrap;
}
.dmxr4-inboxCard__subject{
  margin-top:8px;
  font-weight:650;
  font-size:13px;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.dmxr4-inboxMini{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  font-size:12px;
  opacity:.82;
}
.dmxr4-inboxMini b{ font-weight:650; margin-right:4px; }
.dmxr4-inboxMini span{ white-space:nowrap; }
.dmxr4-inboxCard__msg{
  margin-top:10px;
  font-size:13px;
  line-height:1.35;
  opacity:.92;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.dmxr4-inboxChips{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.dmxr4-inboxChip{
  font-size:11px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
}
.dmxr4-inboxBadge{
  font-size:11px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 14%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 88%, var(--v4-ink, #111) 12%);
}
.dmxr4-inboxBadge.is-unread{
  border-color:color-mix(in srgb, var(--v4-brand, #4f46e5) 65%, transparent);
  background:color-mix(in srgb, var(--v4-brand, #4f46e5) 16%, var(--v4-card, #fff) 84%);
}
.dmxr4-inboxBadge.is-new{
  border-color:color-mix(in srgb, var(--v4-brand, #4f46e5) 65%, transparent);
  background:color-mix(in srgb, var(--v4-brand, #4f46e5) 16%, var(--v4-card, #fff) 84%);
}
.dmxr4-inboxBadge.is-delivered{
  border-color:color-mix(in srgb, var(--v4-ink, #0f172a) 18%, transparent);
  background:color-mix(in srgb, var(--v4-ink, #0f172a) 6%, var(--v4-card, #fff) 94%);
}
.dmxr4-inboxBadge.is-failed{
  border-color:color-mix(in srgb, var(--v4-brand, #4f46e5) 40%, transparent);
  background:color-mix(in srgb, var(--v4-brand, #4f46e5) 10%, var(--v4-card, #fff) 90%);
}
.dmxr4-inboxChip.is-route{
  font-weight:600;
}
.dmxr4-inboxChip.is-app{
  opacity:.8;
}
.dmxr4-inboxWrap.is-simple .dmxr4-inboxFilters{
  grid-template-columns:1fr;
}
.dmxr4-inboxWrap.is-simple .dmxr4-inboxFilterActions{
  justify-content:flex-start;
}

/* Inbox — owner-grade Activity bar */
.dmxr4-inboxBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px;
  border-radius:18px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  background:var(--v4-card, #fff);
}
.dmxr4-inboxBar__left{ flex:1; min-width:220px; }
.dmxr4-inboxBar__right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.dmxr4-inboxSearch input{
  width:100%;
  padding:10px 12px;
  height:40px;
  border-radius:14px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
}
.dmxr4-inboxSearch input:focus{
  outline:none;
  border-color:color-mix(in srgb, var(--v4-brand, #4f46e5) 55%, transparent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--v4-brand, #4f46e5) 22%, transparent);
}

/* Switch */
.dmxr4-switch{
  display:inline-flex;
  align-items:center;
  gap:8px;
  user-select:none;
  cursor:pointer;
}
.dmxr4-switch input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
.dmxr4-switch__track{
  width:40px;
  height:22px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 16%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 85%, var(--v4-ink, #111) 15%);
  position:relative;
  transition:background .15s ease, border-color .15s ease;
}
.dmxr4-switch__track:after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:999px;
  background:var(--v4-card, #fff);
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  transition:transform .15s ease;
}
.dmxr4-switch input:checked + .dmxr4-switch__track{
  background:color-mix(in srgb, var(--v4-brand, #4f46e5) 70%, #0000 30%);
  border-color:color-mix(in srgb, var(--v4-brand, #4f46e5) 55%, transparent);
}
.dmxr4-switch input:checked + .dmxr4-switch__track:after{
  transform:translateX(18px);
}
.dmxr4-switch__label{
  font-size:12px;
  font-weight:700;
  opacity:.85;
}

/* Mini select pill */
.dmxr4-inboxMiniSelect{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:40px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
}
.dmxr4-inboxMiniSelect__label{
  font-size:12px;
  font-weight:700;
  opacity:.75;
}
.dmxr4-inboxMiniSelect select{
  border:none;
  background:transparent;
  padding:0 2px 0 0;
  height:32px;
  font-size:13px;
}
.dmxr4-inboxMiniSelect select:focus{ outline:none; }

/* Advanced filters panel */
.dmxr4-inboxMore{
  margin-top:10px;
  padding:10px;
  border-radius:18px;
  border:1px dashed color-mix(in srgb, var(--v4-ink, #111) 18%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 94%, var(--v4-ink, #111) 6%);
}
.dmxr4-inboxMore__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}
.dmxr4-inboxMore__actions{
  margin-top:10px;
  display:flex;
  justify-content:flex-end;
}
@media (max-width: 760px){
  .dmxr4-inboxBar{ align-items:stretch; flex-direction:column; }
  .dmxr4-inboxBar__right{ justify-content:flex-start; }
  .dmxr4-inboxMore__grid{ grid-template-columns:1fr; }
}

/* Timeline feel (simple mode) */
.dmxr4-inboxWrap.is-timeline .dmxr4-inboxGrid{
  grid-template-columns:1fr;
}
.dmxr4-inboxWrap.is-timeline .dmxr4-inboxCard{
  position:relative;
  padding-left:18px;
}
.dmxr4-inboxWrap.is-timeline .dmxr4-inboxCard:before{
  content:"";
  position:absolute;
  left:8px;
  top:18px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:color-mix(in srgb, var(--v4-brand, #4f46e5) 55%, var(--v4-card, #fff) 45%);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--v4-brand, #4f46e5) 15%, transparent);
}
.dmxr4-inboxWrap.is-timeline .dmxr4-inboxCard:after{
  content:"";
  position:absolute;
  left:11px;
  top:28px;
  bottom:-14px;
  width:2px;
  background:color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
}
.dmxr4-inboxWrap.is-timeline .dmxr4-inboxCard:last-child:after{ display:none; }

/* Routing — two-column console */
.dmxr4-inboxRoutingConsole{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  gap:14px;
  align-items:start;
  margin-top:12px;
}
.dmxr4-inboxRoutingConsole__side{ position:sticky; top:12px; }
.dmxr4-inboxRoutingConsole__sideActions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.dmxr4-inboxRoutingConsole__last{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
}
@media (max-width: 980px){
  .dmxr4-inboxRoutingConsole{ grid-template-columns:1fr; }
  .dmxr4-inboxRoutingConsole__side{ position:relative; top:auto; }
}


/* Card bottom row */
.dmxr4-inboxCard__btm{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.dmxr4-inboxSelWrap{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  opacity:.8;
}

/* Drawer + backdrop */
.dmxr4-inboxBackdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.38);
  backdrop-filter:blur(2px);
  z-index:99998;
}
.dmxr4-inboxDrawer{
  position:fixed;
  top:12px;
  right:12px;
  bottom:12px;
  width:440px;
  max-width:calc(100vw - 24px);
  border-radius:22px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 14%, transparent);
  background:var(--v4-card, #fff);
  box-shadow:0 22px 70px rgba(0,0,0,.25);
  z-index:99999;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.dmxr4-inboxDrawer[hidden],
.dmxr4-inboxBackdrop[hidden]{ display:none !important; }

.dmxr4-inboxDrawer__hd{
  padding:14px 14px 12px;
  border-bottom:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.dmxr4-inboxDrawer__hd h3{
  margin:0;
  font-size:16px;
  line-height:1.2;
}
.dmxr4-inboxDrawer__hdMeta{
  margin-top:4px;
  font-size:12px;
  opacity:.7;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.dmxr4-inboxDrawer__hdActions{
  display:flex;
  gap:8px;
  align-items:center;
}

.dmxr4-inboxHdrTog{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  opacity:.88;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
}
.dmxr4-inboxHdrTog input{ margin:0; }

.dmxr4-inboxDrawer__bd{
  padding:14px;
  overflow:auto;
}
.dmxr4-inboxDrawer__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media (max-width: 520px){
  .dmxr4-inboxDrawer__grid{ grid-template-columns:1fr; }
}
.dmxr4-inboxDrawer__field label{
  display:block;
  font-size:12px;
  opacity:.8;
  margin-bottom:6px;
}
.dmxr4-inboxDrawer__field input[type="text"],
.dmxr4-inboxDrawer__field textarea,
.dmxr4-inboxDrawer__field select{
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:var(--v4-card, #fff);
  color:var(--v4-ink, #111);
}
.dmxr4-inboxDrawer__pre{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px;
  line-height:1.4;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.dmxr4-inboxInlineLabel{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  font-size:12px;
  opacity:.85;
}

.dmxr4-inboxPipe{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 2px;
}
.dmxr4-inboxPipeBtn{
  border-radius:999px;
  padding:8px 10px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
  font-size:12px;
  cursor:pointer;
}
.dmxr4-inboxPipeBtn.is-active{
  border-color:color-mix(in srgb, var(--v4-brand, #4f46e5) 55%, transparent);
  background:color-mix(in srgb, var(--v4-brand, #4f46e5) 16%, var(--v4-card, #fff) 84%);
}

.dmxr4-inboxDrawer__actions{
  padding:12px 14px 14px;
  border-top:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
}

.dmxr4-inboxDrawer__actions a[aria-disabled="true"]{
  opacity:.55;
  pointer-events:none;
}

/* Bulk bar */
.dmxr4-inboxBulk{
  position:sticky;
  bottom:0;
  margin-top:14px;
  padding:12px;
  border-radius:18px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:color-mix(in srgb, var(--v4-card, #fff) 92%, var(--v4-ink, #111) 8%);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}
.dmxr4-inboxBulk strong{ font-size:13px; }
.dmxr4-inboxBulk select,
.dmxr4-inboxBulk input[type="text"]{
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:var(--v4-card, #fff);
  color:var(--v4-ink, #111);
}

/* Fallback: style WP admin ".button" used inside inbox when shell CSS isn't present */
.dmxr4-inboxActions .button,
.dmxr4-inboxDrawer .button,
.dmxr4-inboxBulk .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:36px;
  padding:8px 12px;
  border-radius:12px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 14%, transparent);
  background:var(--v4-card, #fff);
  color:var(--v4-ink, #111);
  text-decoration:none;
  cursor:pointer;
}
.dmxr4-inboxActions .button.button-primary,
.dmxr4-inboxDrawer .button.button-primary,
.dmxr4-inboxBulk .button.button-primary{
  background:color-mix(in srgb, var(--v4-brand, #4f46e5) 16%, var(--v4-card, #fff) 84%);
  border-color:color-mix(in srgb, var(--v4-brand, #4f46e5) 55%, transparent);
}

/* Automation */
.dmxr4-inboxAutomation{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.dmxr4-inboxAutomation .dmxr4-inboxSummary{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 820px){
  .dmxr4-inboxAutomation .dmxr4-inboxSummary{ grid-template-columns:1fr; }
}
.dmxr4-inboxSummaryCard{
  border-radius:18px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  background:var(--v4-card, #fff);
  padding:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.dmxr4-inboxSummaryCard h4{ margin:0 0 6px; font-size:14px; }
.dmxr4-inboxSummaryCard p{ margin:0; font-size:12px; opacity:.8; }

.dmxr4-inboxSection{
  border-radius:20px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  background:var(--v4-card, #fff);
  padding:14px;
}
.dmxr4-inboxSection h3{ margin:0 0 10px; font-size:14px; }
.dmxr4-inboxSection .description{ margin:0 0 12px; opacity:.8; font-size:12px; }

.dmxr4-inboxNotify__row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.dmxr4-inboxNotify__toggle{
  display:flex;
  align-items:center;
  gap:10px;
}
.dmxr4-inboxNotify__toggle input{ transform:scale(1.1); }
.dmxr4-inboxNotify__fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}
@media (max-width: 720px){
  .dmxr4-inboxNotify__fields{ grid-template-columns:1fr; }
}
.dmxr4-inboxNotify__fields input[type="text"],
.dmxr4-inboxNotify__fields input[type="email"],
.dmxr4-inboxNotify__fields select,
.dmxr4-inboxTriage input[type="text"],
.dmxr4-inboxTriage select{
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:var(--v4-card, #fff);
  color:var(--v4-ink, #111);
}

.dmxr4-inboxTriage__rules{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:14px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
}
.dmxr4-inboxTriage__rules th,
.dmxr4-inboxTriage__rules td{
  padding:10px;
  font-size:12px;
  text-align:left;
  border-bottom:1px solid color-mix(in srgb, var(--v4-ink, #111) 8%, transparent);
}
.dmxr4-inboxTriage__rules th{ opacity:.85; }
.dmxr4-inboxTriage__rules tr:last-child td{ border-bottom:0; }


/* --------------------------------------------------------------------------
   Inbox / Automation UI (owner dashboard) — v2 markup (grid + div-table)
   Fixes: broken / unstyled Notifications + Triage forms
   -------------------------------------------------------------------------- */

.dmxr4 .dmxr4-inboxNotify,
.dmxr4 .dmxr4-inboxTriage{
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  border-radius:16px;
  background:var(--v4-card, #fff);
  padding:14px;
}

.dmxr4 .dmxr4-inboxNotify__hd,
.dmxr4 .dmxr4-inboxTriage__hd{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.dmxr4 .dmxr4-inboxNotify__title,
.dmxr4 .dmxr4-inboxTriage__title{
  font-weight:800;
  font-size:16px;
  letter-spacing:-0.01em;
}

.dmxr4 .dmxr4-inboxNotify__meta,
.dmxr4 .dmxr4-inboxTriage__meta{
  margin-top:2px;
  font-size:12px;
  opacity:.72;
}

.dmxr4 .dmxr4-inboxNotify__form,
.dmxr4 .dmxr4-inboxTriage__form,
.dmxr4 .dmxr4-inboxTriage__run{
  margin:0;
}

.dmxr4 .dmxr4-inboxNotify__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.dmxr4 .dmxr4-inboxNotify__toggle,
.dmxr4 .dmxr4-inboxTriage__toggle{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:color-mix(in srgb, var(--v4-ink, #111) 3%, transparent);
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 8%, transparent);
  font-size:13px;
}

.dmxr4 .dmxr4-inboxNotify__toggle{ grid-column:1 / -1; }

.dmxr4 .dmxr4-inboxNotify__toggle input,
.dmxr4 .dmxr4-inboxTriage__toggle input{
  margin-top:2px;
}

.dmxr4 .dmxr4-inboxNotify__field label,
.dmxr4 .dmxr4-inboxTriage__field label{
  display:block;
  font-size:12px;
  opacity:.75;
  margin-bottom:6px;
}

.dmxr4 .dmxr4-inboxNotify__field input,
.dmxr4 .dmxr4-inboxNotify__field textarea,
.dmxr4 .dmxr4-inboxNotify__field select,
.dmxr4 .dmxr4-inboxTriage__cell input,
.dmxr4 .dmxr4-inboxTriage__cell select,
.dmxr4 .dmxr4-inboxTriage__cell textarea{
  width:100%;
  min-height:40px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 12%, transparent);
  background:var(--v4-card, #fff);
  color:var(--v4-ink, #111);
}

.dmxr4 .dmxr4-inboxNotify__field textarea,
.dmxr4 .dmxr4-inboxTriage__cell textarea{
  min-height:120px;
  resize:vertical;
}

.dmxr4 .dmxr4-inboxNotify__details{
  margin-top:12px;
  border-top:1px solid color-mix(in srgb, var(--v4-ink, #111) 8%, transparent);
  padding-top:12px;
}

.dmxr4 .dmxr4-inboxNotify__details > summary{
  cursor:pointer;
  list-style:none;
  user-select:none;
  font-weight:800;
  font-size:13px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  background:color-mix(in srgb, var(--v4-ink, #111) 2%, transparent);
}

.dmxr4 .dmxr4-inboxNotify__details[open] > summary{
  background:color-mix(in srgb, var(--v4-ink, #111) 3%, transparent);
}

.dmxr4 .dmxr4-inboxNotify__tokens{
  margin-top:10px;
  font-size:12px;
  opacity:.70;
  padding:10px 12px;
  border-radius:14px;
  border:1px dashed color-mix(in srgb, var(--v4-ink, #111) 18%, transparent);
  background:color-mix(in srgb, var(--v4-ink, #111) 1.5%, transparent);
}

.dmxr4 .dmxr4-inboxNotify__actions,
.dmxr4 .dmxr4-inboxTriage__actions{
  margin-top:12px;
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

/* Triage div-table */
.dmxr4 .dmxr4-inboxTriage__table{
  margin-top:10px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  border-radius:16px;
  overflow:hidden;
}

.dmxr4 .dmxr4-inboxTriage__thead,
.dmxr4 .dmxr4-inboxTriage__row{
  display:grid;
  grid-template-columns: 1.1fr 2.0fr 1fr 1.1fr 1.4fr;
}

.dmxr4 .dmxr4-inboxTriage__thead{
  background:color-mix(in srgb, var(--v4-ink, #111) 3%, transparent);
}

.dmxr4 .dmxr4-inboxTriage__th{
  padding:10px 12px;
  font-size:12px;
  font-weight:800;
  opacity:.78;
  border-right:1px solid color-mix(in srgb, var(--v4-ink, #111) 7%, transparent);
}
.dmxr4 .dmxr4-inboxTriage__th:last-child{ border-right:0; }

.dmxr4 .dmxr4-inboxTriage__cell{
  padding:10px 12px;
  border-top:1px solid color-mix(in srgb, var(--v4-ink, #111) 7%, transparent);
  border-right:1px solid color-mix(in srgb, var(--v4-ink, #111) 7%, transparent);
}
.dmxr4 .dmxr4-inboxTriage__row .dmxr4-inboxTriage__cell:last-child{ border-right:0; }

.dmxr4 .dmxr4-inboxTriage__hint{
  margin-top:10px;
  font-size:12px;
  opacity:.72;
}

.dmxr4 .dmxr4-inboxTriage__runRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 10%, transparent);
  border-radius:16px;
  background:color-mix(in srgb, var(--v4-ink, #111) 1.5%, transparent);
}

.dmxr4 .dmxr4-inboxTriage__runText{ font-size:13px; opacity:.85; }

/* Make legacy WP "button" classes look like v4 buttons inside the DMXR4 shell */
.dmxr4 .button,
.dmxr4 a.button,
.dmxr4 button.button,
.dmxr4 input[type="submit"].button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--v4-ink, #111) 14%, transparent);
  background:color-mix(in srgb, var(--v4-ink, #111) 2%, transparent);
  color:var(--v4-ink, #111);
  font-weight:800;
  font-size:12px;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
}

.dmxr4 .button.button-primary{
  background:var(--v4-brand, #2563eb);
  border-color:color-mix(in srgb, var(--v4-brand, #2563eb) 70%, #000);
  color:var(--v4-brand-ink, #fff);
}

.dmxr4 .button.disabled,
.dmxr4 .button:disabled{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
}

@media (max-width: 780px){
  .dmxr4 .dmxr4-inboxNotify__grid{ grid-template-columns:1fr; }
  .dmxr4 .dmxr4-inboxTriage__thead{ display:none; }
  .dmxr4 .dmxr4-inboxTriage__row{
    grid-template-columns:1fr;
  }
  .dmxr4 .dmxr4-inboxTriage__cell{
    border-right:0;
    padding:10px 12px;
  }
  .dmxr4 .dmxr4-inboxTriage__cell[data-label]:before{
    content:attr(data-label);
    display:block;
    font-size:11px;
    font-weight:800;
    opacity:.65;
    margin-bottom:6px;
  }
}

.dmxr4 .dmxr4-inboxNotify__details > summary::-webkit-details-marker{ display:none; }
.dmxr4 .dmxr4-inboxNotify__details > summary::marker{ content:""; }
/* Delivery Log (Routing tab) */
.dmxr4-inboxDelivery{ margin-top: 12px; }
.dmxr4-inboxDelivery__hd{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:12px 14px; border:1px solid rgba(0,0,0,.08); border-radius:14px; background:rgba(255,255,255,.6); }
.dmxr4-inboxDelivery__title{ font-weight:700; font-size:14px; letter-spacing:-0.01em; }
.dmxr4-inboxDelivery__meta{ opacity:.72; font-size:12px; margin-top:2px; }

.dmxr4-inboxDelivery__table{ margin-top:10px; border:1px solid rgba(0,0,0,.08); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.6); }
.dmxr4-inboxDelivery__thead, .dmxr4-inboxDelivery__row{ display:grid; grid-template-columns: 1.2fr 1.1fr 2fr 1fr; gap:0; }
.dmxr4-inboxDelivery__th{ padding:10px 12px; font-size:11px; opacity:.7; font-weight:700; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid rgba(0,0,0,.08); }
.dmxr4-inboxDelivery__cell{ padding:10px 12px; border-bottom:1px solid rgba(0,0,0,.06); }
.dmxr4-inboxDelivery__row:last-child .dmxr4-inboxDelivery__cell{ border-bottom:none; }

@media (max-width: 640px){
  .dmxr4-inboxDelivery__thead{ display:none; }
  .dmxr4-inboxDelivery__row{ grid-template-columns: 1fr; }
  .dmxr4-inboxDelivery__cell{ position:relative; padding-left: 110px; }
  .dmxr4-inboxDelivery__cell:before{
    content: attr(data-label);
    position:absolute;
    left:12px; top:10px;
    font-size:11px; opacity:.72; font-weight:700;
    text-transform:uppercase; letter-spacing:.04em;
  }
}

/* (PREGNORF ✅) — Inbox Automation 3-step wizard */
.dmxr4-setupStepsNav{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.dmxr4-setupStepsNav__pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  font-size:12px;
  color:inherit;
  background:rgba(0,0,0,.02);
}
.dmxr4-setupStepsNav__num{
  width:18px;
  height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,0,0,.18);
  font-size:11px;
  opacity:.8;
}

.dmxr4-setupStep{
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.65);
}
.dmxr4-setupStep__hd{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.dmxr4-setupStep__kicker{
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.65;
}
.dmxr4-setupStep__title{
  font-size:15px;
  font-weight:700;
}
.dmxr4-setupStep__meta{
  font-size:12px;
  opacity:.72;
}

.dmxr4-setupNote,
.dmxr4-setupFuture{
  border:1px dashed rgba(0,0,0,.18);
  border-radius:12px;
  padding:10px;
  font-size:12px;
  background:rgba(0,0,0,.02);
}

/* Sample runner */
.dmxr4-inboxProof__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media (max-width: 980px){
  .dmxr4-inboxProof__grid{ grid-template-columns: 1fr; }
}

.dmxr4-inboxSample__field label{
  display:block;
  font-size:12px;
  opacity:.75;
  margin-bottom:4px;
}
.dmxr4-inboxSample__field input,
.dmxr4-inboxSample__field textarea{
  width:100%;
}
.dmxr4-inboxSample__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.dmxr4-inboxSample__hint{
  font-size:12px;
  opacity:.72;
  margin-top:8px;
}

.dmxr4-inboxSampleResult{
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:10px;
  background:rgba(0,0,0,.015);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.dmxr4-inboxSampleResult__row{
  display:grid;
  grid-template-columns: 120px 1fr;
  gap:10px;
  align-items:start;
}
.dmxr4-inboxSampleResult__k{
  font-size:12px;
  opacity:.75;
}
.dmxr4-inboxSampleResult__v{
  font-size:12px;
}
.dmxr4-inboxSampleResult__box textarea{
  width:100%;
  resize:vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px;
}
.dmxr4-inboxProof__links{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}


/* (PREGNORF ✅) Assistant Deliverables Tray */
.dmxr4-assistant-hd{display:flex; align-items:flex-start; justify-content:space-between; gap:14px;}
.dmxr4-assistant-badges{display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.dmxr4-pill{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; font-size:12px; font-weight:900; letter-spacing:.2px; border:1px solid var(--v4-border); background:var(--v4-card); color:var(--v4-text);}
.dmxr4-pill--soft{background:var(--v4-muted);}
.dmxr4-pill--strong{background:var(--v4-brand); color:#fff; border-color:transparent;}

.dmxr4-assistant-list{display:grid; gap:10px;}
.dmxr4-assistant-item{border:1px solid var(--v4-border); border-radius:14px; background:var(--v4-card); padding:10px 12px;}
.dmxr4-assistant-summary{display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none;}
.dmxr4-assistant-summary::-webkit-details-marker{display:none;}
.dmxr4-assistant-title{font-weight:900;}
.dmxr4-assistant-status{display:inline-flex; align-items:center; padding:4px 9px; border-radius:999px; font-size:11px; font-weight:900; border:1px solid var(--v4-border); background:var(--v4-muted); color:var(--v4-text);}
.dmxr4-assistant-status--active{background:var(--v4-brand); border-color:transparent; color:#fff;}
.dmxr4-assistant-status--done{opacity:.65;}

.dmxr4-assistant-actions{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px;}
.dmxr4-assistant-outputbox{width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--v4-border); background:var(--v4-bg); color:var(--v4-text);}
.dmxr4-assistant-saveRow{display:flex; align-items:center; gap:10px; margin-top:10px;}
.dmxr4-assistant-msg{font-weight:800; font-size:12px; color:var(--v4-text); opacity:.85;}
.dmxr4-assistant-msg.is-err{opacity:1;}

.dmxr4-demo-note{padding:10px 12px; border-radius:14px; border:1px dashed var(--v4-border); background:var(--v4-muted); font-weight:800;}


/* -------------------------------------------------------------------------- */
/* Inline Focus Tips (Option 1): show descriptions on focus (JS toggles hidden) */
/* -------------------------------------------------------------------------- */
p.description.dmxr4-inline-focus-tip{
  margin-top: 8px;
  padding: 10px 12px;
  border-left: 3px solid rgba(0,0,0,.18);
  background: rgba(0,0,0,.03);
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.35;
}
p.description.dmxr4-inline-focus-tip.is-inline-tip-active{
  /* keep class for targeting; visibility handled via [hidden] */
}