/**
 * Ninja Extension Manager - frontend vanilla Joomla design utilities.
 * Designed to work without UIKit, YOOtheme, or Ninja Theme Pro.
 */
:root {
  --nem-site-navy: #0b2d4d;
  --nem-site-blue: #0077c8;
  --nem-site-aqua: #32c6d9;
  --nem-site-border: #d9e2ec;
  --nem-site-soft: #f6f8fb;
  --nem-site-muted: #64748b;
  --nem-site-radius: 16px;
  --nem-site-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}
.com-ninjaextensionmanager {
  --border-radius: var(--nem-site-radius);
}
.com-ninjaextensionmanager .nem-page-hero,
.com-ninjaextensionmanager .page-header,
.com-ninjaextensionmanager .ninja-page-header {
  background: linear-gradient(135deg, var(--nem-site-navy), var(--nem-site-blue));
  color: #fff;
  border-radius: var(--nem-site-radius);
  padding: 2rem;
  margin-bottom: 1.5rem;
  box-shadow: var(--nem-site-shadow);
  text-align: left;
}
.com-ninjaextensionmanager .nem-page-hero *,
.com-ninjaextensionmanager .page-header *,
.com-ninjaextensionmanager .ninja-page-header * {
  color: #fff !important;
}
.com-ninjaextensionmanager .extension-card,
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .plan-item,
.com-ninjaextensionmanager .ninja-card,
.com-ninjaextensionmanager .card {
  border: 1px solid var(--nem-site-border);
  border-radius: var(--nem-site-radius);
  box-shadow: var(--nem-site-shadow);
  background: #fff;
}
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .extension-card {
  padding: 1.25rem;
}
.com-ninjaextensionmanager .btn,
.com-ninjaextensionmanager .button {
  border-radius: 10px;
  font-weight: 700;
}
.com-ninjaextensionmanager .btn-primary,
.com-ninjaextensionmanager .button-primary {
  background: var(--nem-site-blue);
  border-color: var(--nem-site-blue);
  color: #fff;
}
.com-ninjaextensionmanager .badge,
.com-ninjaextensionmanager .nem-badge {
  border-radius: 999px;
  font-weight: 700;
}
.com-ninjaextensionmanager .nem-empty-state,
.com-ninjaextensionmanager .empty-state {
  border: 1px dashed var(--nem-site-border);
  background: var(--nem-site-soft);
  border-radius: var(--nem-site-radius);
  padding: 2rem;
  text-align: center;
}
.com-ninjaextensionmanager .filter-panel,
.com-ninjaextensionmanager .filters,
.com-ninjaextensionmanager .nem-filter-panel {
  border: 1px solid var(--nem-site-border);
  border-radius: var(--nem-site-radius);
  background: var(--nem-site-soft);
  padding: 1rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .com-ninjaextensionmanager .nem-page-hero,
  .com-ninjaextensionmanager .page-header,
  .com-ninjaextensionmanager .ninja-page-header {
    padding: 1.25rem;
  }
}


/* Phase 36.3 - unified frontend card and marketplace panel system */
.com-ninjaextensionmanager {
  --nem-site-card-padding: 1.25rem;
  --nem-site-card-gap: 1rem;
}
.com-ninjaextensionmanager .card,
.com-ninjaextensionmanager .ninja-card,
.com-ninjaextensionmanager .nem-card,
.com-ninjaextensionmanager .extension-card,
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .plan-item,
.com-ninjaextensionmanager .changelog-card,
.com-ninjaextensionmanager .help-article-card,
.com-ninjaextensionmanager .notification-card {
  border: 1px solid var(--nem-site-border) !important;
  border-radius: var(--nem-site-radius) !important;
  box-shadow: var(--nem-site-shadow) !important;
  background: #fff !important;
  overflow: hidden;
}
.com-ninjaextensionmanager .card-body,
.com-ninjaextensionmanager .nem-card-body,
.com-ninjaextensionmanager .extension-card,
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .plan-item {
  padding: var(--nem-site-card-padding) !important;
}
.com-ninjaextensionmanager .card-header,
.com-ninjaextensionmanager .nem-card-header {
  background: var(--nem-site-soft) !important;
  border-bottom: 1px solid var(--nem-site-border) !important;
  color: var(--nem-site-navy) !important;
  font-weight: 800;
  padding: .95rem 1.25rem !important;
}
.com-ninjaextensionmanager .card-title,
.com-ninjaextensionmanager .nem-card-title,
.com-ninjaextensionmanager .asset-card h2,
.com-ninjaextensionmanager .asset-card h3,
.com-ninjaextensionmanager .extension-card h2,
.com-ninjaextensionmanager .extension-card h3 {
  color: var(--nem-site-navy) !important;
  font-weight: 800;
}
.com-ninjaextensionmanager .nem-card-grid,
.com-ninjaextensionmanager .asset-grid,
.com-ninjaextensionmanager .extension-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--nem-site-card-gap);
}
.com-ninjaextensionmanager .nem-card-actions,
.com-ninjaextensionmanager .asset-actions,
.com-ninjaextensionmanager .extension-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  margin-top: 1rem;
}
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .extension-card {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.com-ninjaextensionmanager .asset-card:hover,
.com-ninjaextensionmanager .extension-card:hover {
  transform: translateY(-1px);
  border-color: rgba(0,119,200,.45) !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.12) !important;
}
@media (max-width: 768px) {
  .com-ninjaextensionmanager { --nem-site-card-padding: 1rem; }
  .com-ninjaextensionmanager .nem-card-grid,
  .com-ninjaextensionmanager .asset-grid,
  .com-ninjaextensionmanager .extension-grid { grid-template-columns: 1fr; }
}


/* Phase 36.4 - frontend typography and spacing system */
.com-ninjaextensionmanager {
  --nem-site-space-2xs: .25rem;
  --nem-site-space-xs: .5rem;
  --nem-site-space-sm: .75rem;
  --nem-site-space-md: 1rem;
  --nem-site-space-lg: 1.5rem;
  --nem-site-space-xl: 2rem;
  --nem-site-space-2xl: 3rem;
  --nem-site-font-xs: .78rem;
  --nem-site-font-sm: .9rem;
  --nem-site-font-base: 1rem;
  --nem-site-font-lg: 1.25rem;
  --nem-site-font-xl: 1.55rem;
  --nem-site-font-2xl: 2.15rem;
  color: #1f2937;
  font-size: var(--nem-site-font-base);
  line-height: 1.6;
}
.com-ninjaextensionmanager h1,
.com-ninjaextensionmanager h2,
.com-ninjaextensionmanager h3,
.com-ninjaextensionmanager .card-title,
.com-ninjaextensionmanager .nem-card-title {
  color: var(--nem-site-navy);
  font-weight: 850;
  letter-spacing: -.02em;
  line-height: 1.2;
}
.com-ninjaextensionmanager h1 {
  font-size: clamp(1.65rem, 3vw, var(--nem-site-font-2xl));
  margin: 0 0 var(--nem-site-space-md);
}
.com-ninjaextensionmanager h2 {
  font-size: clamp(1.35rem, 2vw, var(--nem-site-font-xl));
  margin: 0 0 var(--nem-site-space-sm);
}
.com-ninjaextensionmanager h3,
.com-ninjaextensionmanager .card-title,
.com-ninjaextensionmanager .nem-card-title {
  font-size: var(--nem-site-font-lg);
  margin: 0 0 var(--nem-site-space-xs);
}
.com-ninjaextensionmanager p,
.com-ninjaextensionmanager li {
  line-height: 1.62;
}
.com-ninjaextensionmanager .text-muted,
.com-ninjaextensionmanager .muted,
.com-ninjaextensionmanager .nem-muted,
.com-ninjaextensionmanager .asset-description,
.com-ninjaextensionmanager .extension-description {
  color: var(--nem-site-muted) !important;
  font-size: var(--nem-site-font-sm);
  line-height: 1.6;
}
.com-ninjaextensionmanager label,
.com-ninjaextensionmanager .form-label {
  color: var(--nem-site-navy);
  font-weight: 750;
  margin-bottom: var(--nem-site-space-xs);
}
.com-ninjaextensionmanager .form-control,
.com-ninjaextensionmanager .form-select,
.com-ninjaextensionmanager input[type="text"],
.com-ninjaextensionmanager input[type="search"],
.com-ninjaextensionmanager input[type="email"],
.com-ninjaextensionmanager select,
.com-ninjaextensionmanager textarea {
  border-color: var(--nem-site-border);
  border-radius: 10px;
  line-height: 1.55;
}
.com-ninjaextensionmanager .nem-section {
  margin-bottom: var(--nem-site-space-xl);
}
.com-ninjaextensionmanager .nem-section-title {
  color: var(--nem-site-navy);
  font-size: var(--nem-site-font-xl);
  font-weight: 850;
  margin: 0 0 var(--nem-site-space-sm);
}
.com-ninjaextensionmanager .nem-section-description {
  color: var(--nem-site-muted);
  max-width: 72ch;
  margin: 0 0 var(--nem-site-space-lg);
}
.com-ninjaextensionmanager .nem-stack-xs { display: grid; gap: var(--nem-site-space-xs); }
.com-ninjaextensionmanager .nem-stack-sm { display: grid; gap: var(--nem-site-space-sm); }
.com-ninjaextensionmanager .nem-stack-md { display: grid; gap: var(--nem-site-space-md); }
.com-ninjaextensionmanager .nem-stack-lg { display: grid; gap: var(--nem-site-space-lg); }
.com-ninjaextensionmanager .nem-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nem-site-space-sm);
  align-items: center;
}
.com-ninjaextensionmanager .nem-page-hero,
.com-ninjaextensionmanager .page-header,
.com-ninjaextensionmanager .ninja-page-header,
.com-ninjaextensionmanager .card,
.com-ninjaextensionmanager .nem-card,
.com-ninjaextensionmanager .extension-card,
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .alert,
.com-ninjaextensionmanager .filter-panel,
.com-ninjaextensionmanager .filters,
.com-ninjaextensionmanager .nem-filter-panel {
  margin-bottom: var(--nem-site-space-lg);
}
.com-ninjaextensionmanager .badge,
.com-ninjaextensionmanager .nem-badge {
  letter-spacing: .015em;
}
@media (max-width: 768px) {
  .com-ninjaextensionmanager {
    --nem-site-space-lg: 1rem;
    --nem-site-space-xl: 1.5rem;
    --nem-site-font-2xl: 1.7rem;
  }
}


/* Phase 36.5 - unified frontend iconography and visual language */
.com-ninjaextensionmanager {
  --nem-site-status-info-bg: #e6f4ff;
  --nem-site-status-info-fg: #075a9d;
  --nem-site-status-success-bg: #eaf7ef;
  --nem-site-status-success-fg: #1f7a4a;
  --nem-site-status-warning-bg: #fff4df;
  --nem-site-status-warning-fg: #9a5a00;
  --nem-site-status-danger-bg: #feeceb;
  --nem-site-status-danger-fg: #b42318;
  --nem-site-status-neutral-bg: #eef2f7;
  --nem-site-status-neutral-fg: #334155;
}
.com-ninjaextensionmanager [class^="icon-"],
.com-ninjaextensionmanager [class*=" icon-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: -0.12em;
}
.com-ninjaextensionmanager .nem-icon {
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
}
.com-ninjaextensionmanager .nem-icon-chip {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--nem-site-navy), var(--nem-site-blue));
  color: #fff;
  box-shadow: 0 10px 22px rgba(0,119,200,.18);
}
.com-ninjaextensionmanager .badge,
.com-ninjaextensionmanager .nem-badge,
.com-ninjaextensionmanager .status-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 1.55rem;
  padding: .28rem .62rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid transparent;
}
.com-ninjaextensionmanager .badge-info,
.com-ninjaextensionmanager .nem-status-info { background: var(--nem-site-status-info-bg) !important; color: var(--nem-site-status-info-fg) !important; border-color: rgba(7,90,157,.18) !important; }
.com-ninjaextensionmanager .badge-success,
.com-ninjaextensionmanager .nem-status-success { background: var(--nem-site-status-success-bg) !important; color: var(--nem-site-status-success-fg) !important; border-color: rgba(31,122,74,.18) !important; }
.com-ninjaextensionmanager .badge-warning,
.com-ninjaextensionmanager .nem-status-warning { background: var(--nem-site-status-warning-bg) !important; color: var(--nem-site-status-warning-fg) !important; border-color: rgba(154,90,0,.2) !important; }
.com-ninjaextensionmanager .badge-danger,
.com-ninjaextensionmanager .nem-status-danger { background: var(--nem-site-status-danger-bg) !important; color: var(--nem-site-status-danger-fg) !important; border-color: rgba(180,35,24,.18) !important; }
.com-ninjaextensionmanager .badge-secondary,
.com-ninjaextensionmanager .nem-status-neutral { background: var(--nem-site-status-neutral-bg) !important; color: var(--nem-site-status-neutral-fg) !important; border-color: rgba(51,65,85,.14) !important; }
.com-ninjaextensionmanager .asset-card .badge,
.com-ninjaextensionmanager .extension-card .badge,
.com-ninjaextensionmanager .nem-badge-row .nem-badge,
.com-ninjaextensionmanager .nem-badges .nem-badge { margin-inline-end: .35rem; margin-bottom: .35rem; }


/* Phase 36.6 - customer dashboard density and workflow optimization */
.nem-customer-dashboard .nem-customer-summary {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:1rem;
  margin-bottom:1rem;
}
.nem-customer-dashboard .nem-dashboard-section {
  margin-bottom:1.25rem;
}
.nem-customer-dashboard .nem-section-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:.85rem;
}
.nem-customer-dashboard .nem-compact-list {
  display:grid;
  gap:.75rem;
}
@media (max-width: 768px) {
  .nem-customer-dashboard .nem-section-header { display:block; }
}


/* Phase 36.7 - Frontend action and form consistency */
.nem-frontend .nem-action-cluster,
.com-ninjaextensionmanager .nem-action-cluster {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  align-items:center;
}
.nem-frontend .nem-action-cluster.is-end,
.com-ninjaextensionmanager .nem-action-cluster.is-end { justify-content:flex-end; }
.nem-frontend .btn,
.com-ninjaextensionmanager .btn { border-radius:.65rem; font-weight:700; }
.nem-frontend form .control-group,
.com-ninjaextensionmanager form .control-group,
.nem-frontend form .form-group,
.com-ninjaextensionmanager form .form-group { margin-bottom:.9rem; }
.nem-frontend form label,
.com-ninjaextensionmanager form label { font-weight:700; color:var(--nem-color-navy, #061C3F); }
.nem-frontend form input,
.com-ninjaextensionmanager form input,
.nem-frontend form select,
.com-ninjaextensionmanager form select,
.nem-frontend form textarea,
.com-ninjaextensionmanager form textarea {
  border-radius:.65rem;
}
@media (max-width:767.98px){
  .nem-frontend .nem-action-cluster,
  .com-ninjaextensionmanager .nem-action-cluster { flex-direction:column; align-items:stretch; }
}

/* Phase 36.8 - Frontend Marketplace UX & Discovery Polish */
.com-ninjaextensionmanager.nem-marketplace-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 2rem);
}
.com-ninjaextensionmanager .nem-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--nem-site-blue);
}
.com-ninjaextensionmanager .nem-market-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  gap: clamp(1rem, 4vw, 2.5rem);
  align-items: center;
  margin-bottom: 1.5rem;
}
.com-ninjaextensionmanager .nem-market-hero .nem-eyebrow,
.com-ninjaextensionmanager .nem-market-hero__content p,
.com-ninjaextensionmanager .nem-market-hero__stats span {
  color: rgba(255,255,255,.82) !important;
}
.com-ninjaextensionmanager .nem-market-hero__content h1 {
  color: #fff !important;
  margin: .35rem 0 .8rem;
  font-size: clamp(2rem, 4vw, 3.4rem);
}
.com-ninjaextensionmanager .nem-market-hero__content p {
  max-width: 760px;
  font-size: clamp(1rem, 2vw, 1.2rem);
}
.com-ninjaextensionmanager .nem-market-hero__actions,
.com-ninjaextensionmanager .nem-market-card__actions,
.com-ninjaextensionmanager .nem-market-card__signals,
.com-ninjaextensionmanager .nem-market-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
}
.com-ninjaextensionmanager .nem-market-hero__actions { margin-top: 1.25rem; }
.com-ninjaextensionmanager .nem-market-hero__stats {
  display: grid;
  gap: .75rem;
}
.com-ninjaextensionmanager .nem-market-hero__stats > div {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 16px;
  padding: 1rem;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
}
.com-ninjaextensionmanager .nem-market-hero__stats strong {
  display: block;
  font-size: 1.75rem;
  color: #fff !important;
  line-height: 1;
}
.com-ninjaextensionmanager .nem-market-filters,
.com-ninjaextensionmanager .nem-discovery-shelf,
.com-ninjaextensionmanager .nem-results-section {
  border: 1px solid var(--nem-site-border);
  border-radius: var(--nem-site-radius);
  background: #fff;
  box-shadow: var(--nem-site-shadow);
  padding: clamp(1rem, 2vw, 1.35rem);
  margin-bottom: 1.25rem;
}
.com-ninjaextensionmanager .nem-market-filters__search label,
.com-ninjaextensionmanager .nem-filter-grid label,
.com-ninjaextensionmanager .nem-sort-control span {
  display: block;
  color: var(--nem-site-navy);
  font-weight: 800;
  margin-bottom: .4rem;
}
.com-ninjaextensionmanager .nem-search-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: .65rem;
  align-items: end;
}
.com-ninjaextensionmanager .nem-market-filters__advanced {
  margin-top: 1rem;
  border-top: 1px solid var(--nem-site-border);
  padding-top: 1rem;
}
.com-ninjaextensionmanager .nem-market-filters__advanced summary {
  cursor: pointer;
  color: var(--nem-site-navy);
  font-weight: 850;
  list-style-position: inside;
}
.com-ninjaextensionmanager .nem-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}
.com-ninjaextensionmanager .nem-active-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  border: 1px solid rgba(0,119,200,.25);
  border-radius: 14px;
  background: rgba(0,119,200,.07);
  color: var(--nem-site-navy);
  padding: .85rem 1rem;
  margin-bottom: 1.25rem;
}
.com-ninjaextensionmanager .nem-section-heading,
.com-ninjaextensionmanager .nem-results-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.com-ninjaextensionmanager .nem-section-heading h2,
.com-ninjaextensionmanager .nem-results-toolbar h2 {
  margin: .15rem 0 0;
}
.com-ninjaextensionmanager .nem-discovery-shelf--split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.com-ninjaextensionmanager .nem-market-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}
.com-ninjaextensionmanager .nem-market-grid--featured {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.com-ninjaextensionmanager .nem-compact-list {
  display: grid;
  gap: .75rem;
}
.com-ninjaextensionmanager .nem-market-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  border: 1px solid var(--nem-site-border);
  border-radius: var(--nem-site-radius);
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
  min-height: 100%;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.com-ninjaextensionmanager .nem-market-card:hover,
.com-ninjaextensionmanager .nem-market-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(0,119,200,.55);
  box-shadow: 0 18px 44px rgba(15,23,42,.12);
}
.com-ninjaextensionmanager .nem-market-card__media {
  position: relative;
  display: block;
  min-height: 178px;
  background: linear-gradient(135deg, rgba(11,45,77,.08), rgba(50,198,217,.14));
  text-decoration: none;
}
.com-ninjaextensionmanager .nem-market-card__media img {
  width: 100%;
  height: 178px;
  object-fit: cover;
  display: block;
}
.com-ninjaextensionmanager .nem-market-card__placeholder {
  display: grid;
  place-items: center;
  min-height: 178px;
  color: var(--nem-site-blue);
  font-size: 2.5rem;
}
.com-ninjaextensionmanager .nem-market-card__badges {
  position: absolute;
  top: .75rem;
  left: .75rem;
  right: .75rem;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: space-between;
}
.com-ninjaextensionmanager .nem-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.6rem;
  border-radius: 999px;
  padding: .2rem .65rem;
  background: var(--nem-site-soft);
  color: var(--nem-site-navy);
  border: 1px solid var(--nem-site-border);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.2;
}
.com-ninjaextensionmanager .nem-pill--success { background: #e8f7ef; border-color: #b9e5ca; color: #116134; }
.com-ninjaextensionmanager .nem-pill--warning { background: #fff7df; border-color: #f7df9b; color: #755200; }
.com-ninjaextensionmanager .nem-market-card__body,
.com-ninjaextensionmanager .nem-market-card__footer,
.com-ninjaextensionmanager .nem-market-card__release { padding: 1rem; }
.com-ninjaextensionmanager .nem-market-card__meta {
  color: var(--nem-site-muted);
  font-size: .82rem;
  font-weight: 750;
  margin-bottom: .45rem;
}
.com-ninjaextensionmanager .nem-market-card__meta span + span::before,
.com-ninjaextensionmanager .nem-market-card__signals span + span::before { content: '•'; margin-right: .55rem; color: var(--nem-site-muted); }
.com-ninjaextensionmanager .nem-market-card__title {
  font-size: 1.18rem;
  margin: 0 0 .5rem;
}
.com-ninjaextensionmanager .nem-market-card__title a {
  color: var(--nem-site-navy);
  text-decoration: none;
}
.com-ninjaextensionmanager .nem-market-card__summary {
  color: var(--nem-site-muted);
  margin: 0;
}
.com-ninjaextensionmanager .nem-market-card__signals {
  margin-top: .85rem;
  color: #42526b;
  font-size: .86rem;
}
.com-ninjaextensionmanager .nem-market-card__footer {
  display: grid;
  gap: .75rem;
  border-top: 1px solid var(--nem-site-border);
  background: var(--nem-site-soft);
}
.com-ninjaextensionmanager .nem-market-card__price {
  color: var(--nem-site-navy);
  font-size: 1.05rem;
}
.com-ninjaextensionmanager .nem-market-card__release {
  border-top: 1px solid var(--nem-site-border);
  background: rgba(50,198,217,.08);
  display: grid;
  gap: .25rem;
  color: var(--nem-site-muted);
  font-size: .86rem;
}
.com-ninjaextensionmanager .nem-market-card--compact {
  grid-template-columns: 92px minmax(0,1fr);
  grid-template-rows: auto auto;
  min-height: auto;
}
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__media,
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__media img,
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__placeholder { min-height: 100%; height: 100%; }
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__footer { grid-column: 2; padding-top: 0; border-top: 0; background: #fff; }
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__release,
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__badges { display: none; }
.com-ninjaextensionmanager .nem-sort-control { min-width: 240px; }
.com-ninjaextensionmanager .nem-pagination {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-top: 1.5rem;
}
@media (max-width: 860px) {
  .com-ninjaextensionmanager .nem-market-hero,
  .com-ninjaextensionmanager .nem-discovery-shelf--split { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-search-row { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-section-heading,
  .com-ninjaextensionmanager .nem-results-toolbar,
  .com-ninjaextensionmanager .nem-pagination { align-items: stretch; flex-direction: column; }
  .com-ninjaextensionmanager .nem-sort-control { min-width: 0; }
}
@media (max-width: 560px) {
  .com-ninjaextensionmanager.nem-marketplace-page { padding: .75rem; }
  .com-ninjaextensionmanager .nem-market-grid { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-market-card--compact { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__footer { grid-column: auto; padding-top: 1rem; border-top: 1px solid var(--nem-site-border); background: var(--nem-site-soft); }
}


/* Phase 36.11 - Mobile & tablet UX optimization */
.com-ninjaextensionmanager {
  --nem-touch-target: 44px;
  --nem-mobile-gap: .85rem;
}
.com-ninjaextensionmanager .nem-mobile-jump-nav {
  display: none;
  gap: .5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: .65rem 0 1rem;
  margin: -.25rem 0 1rem;
  scrollbar-width: thin;
}
.com-ninjaextensionmanager .nem-mobile-jump-nav a {
  flex: 0 0 auto;
  min-height: var(--nem-touch-target);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--nem-site-border);
  border-radius: 999px;
  background: #fff;
  color: var(--nem-site-navy);
  font-weight: 800;
  padding: .45rem .9rem;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(15,23,42,.05);
}
.com-ninjaextensionmanager .nem-mobile-jump-nav a:focus-visible,
.com-ninjaextensionmanager .nem-mobile-jump-nav a:hover {
  border-color: var(--nem-site-blue);
  color: var(--nem-site-blue);
  outline: 3px solid rgba(0,119,200,.16);
  outline-offset: 2px;
}
.com-ninjaextensionmanager .nem-responsive-table,
.com-ninjaextensionmanager .table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.com-ninjaextensionmanager .nem-responsive-table table,
.com-ninjaextensionmanager .table-responsive table {
  min-width: 680px;
}
.com-ninjaextensionmanager input,
.com-ninjaextensionmanager select,
.com-ninjaextensionmanager textarea,
.com-ninjaextensionmanager button,
.com-ninjaextensionmanager .btn,
.com-ninjaextensionmanager .uk-button {
  min-height: var(--nem-touch-target);
}
.com-ninjaextensionmanager .nem-action-row,
.com-ninjaextensionmanager .nem-market-card__actions,
.com-ninjaextensionmanager .nem-panel__header,
.com-ninjaextensionmanager .nem-key-row,
.com-ninjaextensionmanager .nem-field-row {
  gap: var(--nem-mobile-gap);
}
@media (max-width: 1024px) {
  .com-ninjaextensionmanager .uk-container,
  .com-ninjaextensionmanager.nem-marketplace-page,
  .com-ninjaextensionmanager.nem-customer-dashboard {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .com-ninjaextensionmanager .nem-dashboard-layout,
  .com-ninjaextensionmanager .nem-account-hero,
  .com-ninjaextensionmanager .nem-kpi-grid,
  .com-ninjaextensionmanager .nem-form-grid,
  .com-ninjaextensionmanager .nem-market-hero,
  .com-ninjaextensionmanager .nem-discovery-shelf--split {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-dashboard-sidebar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
  .com-ninjaextensionmanager .nem-account-hero__panel {
    max-width: none;
  }
  .com-ninjaextensionmanager .nem-market-card__actions,
  .com-ninjaextensionmanager .nem-action-row {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .com-ninjaextensionmanager .nem-mobile-jump-nav { display: flex; }
  .com-ninjaextensionmanager .nem-page-hero,
  .com-ninjaextensionmanager .nem-market-hero,
  .com-ninjaextensionmanager .nem-account-hero {
    padding: 1.1rem !important;
    border-radius: 14px;
  }
  .com-ninjaextensionmanager .nem-page-hero h1,
  .com-ninjaextensionmanager .nem-market-hero h1,
  .com-ninjaextensionmanager .nem-account-hero h1,
  .com-ninjaextensionmanager .nem-account-hero h2 {
    font-size: clamp(1.55rem, 7vw, 2.1rem);
    line-height: 1.12;
  }
  .com-ninjaextensionmanager .nem-dashboard-sidebar,
  .com-ninjaextensionmanager .nem-kpi-grid,
  .com-ninjaextensionmanager .nem-market-grid,
  .com-ninjaextensionmanager .nem-filter-grid {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-panel,
  .com-ninjaextensionmanager .nem-market-filters,
  .com-ninjaextensionmanager .nem-empty-state,
  .com-ninjaextensionmanager .nem-alert-card {
    padding: 1rem !important;
    border-radius: 14px;
  }
  .com-ninjaextensionmanager .nem-panel__header,
  .com-ninjaextensionmanager .nem-results-toolbar,
  .com-ninjaextensionmanager .nem-section-heading,
  .com-ninjaextensionmanager .nem-pagination {
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
  }
  .com-ninjaextensionmanager .nem-action-row,
  .com-ninjaextensionmanager .nem-market-card__actions,
  .com-ninjaextensionmanager .nem-key-row,
  .com-ninjaextensionmanager .nem-field-row,
  .com-ninjaextensionmanager .nem-search-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
  }
  .com-ninjaextensionmanager .nem-action-row > *,
  .com-ninjaextensionmanager .nem-market-card__actions > *,
  .com-ninjaextensionmanager .nem-key-row > *,
  .com-ninjaextensionmanager .nem-search-row > *,
  .com-ninjaextensionmanager .nem-panel__header .uk-button,
  .com-ninjaextensionmanager .nem-panel__header .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .com-ninjaextensionmanager .nem-market-card--compact {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-market-card__media,
  .com-ninjaextensionmanager .nem-market-card__media img,
  .com-ninjaextensionmanager .nem-market-card__placeholder {
    min-height: 150px;
    height: 150px;
  }
  .com-ninjaextensionmanager .nem-timeline article,
  .com-ninjaextensionmanager .nem-mini-list li {
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .com-ninjaextensionmanager .uk-container,
  .com-ninjaextensionmanager.nem-marketplace-page,
  .com-ninjaextensionmanager.nem-customer-dashboard {
    padding-left: .75rem;
    padding-right: .75rem;
  }
  .com-ninjaextensionmanager .nem-market-card__body,
  .com-ninjaextensionmanager .nem-market-card__footer,
  .com-ninjaextensionmanager .nem-market-card__release {
    padding: .85rem;
  }
  .com-ninjaextensionmanager .nem-pill,
  .com-ninjaextensionmanager .uk-label,
  .com-ninjaextensionmanager .badge {
    white-space: normal;
    text-align: center;
  }
}
/**
 * Ninja Extension Manager - frontend vanilla Joomla design utilities.
 * Designed to work without UIKit, YOOtheme, or Ninja Theme Pro.
 */
:root {
  --nem-site-navy: #0b2d4d;
  --nem-site-blue: #0077c8;
  --nem-site-aqua: #32c6d9;
  --nem-site-border: #d9e2ec;
  --nem-site-soft: #f6f8fb;
  --nem-site-muted: #64748b;
  --nem-site-radius: 16px;
  --nem-site-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}
.com-ninjaextensionmanager {
  --border-radius: var(--nem-site-radius);
}
.com-ninjaextensionmanager .nem-page-hero,
.com-ninjaextensionmanager .page-header,
.com-ninjaextensionmanager .ninja-page-header {
  background: linear-gradient(135deg, var(--nem-site-navy), var(--nem-site-blue));
  color: #fff;
  border-radius: var(--nem-site-radius);
  padding: 2rem;
  margin-bottom: 1.5rem;
  box-shadow: var(--nem-site-shadow);
  text-align: left;
}
.com-ninjaextensionmanager .nem-page-hero *,
.com-ninjaextensionmanager .page-header *,
.com-ninjaextensionmanager .ninja-page-header * {
  color: #fff !important;
}
.com-ninjaextensionmanager .extension-card,
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .plan-item,
.com-ninjaextensionmanager .ninja-card,
.com-ninjaextensionmanager .card {
  border: 1px solid var(--nem-site-border);
  border-radius: var(--nem-site-radius);
  box-shadow: var(--nem-site-shadow);
  background: #fff;
}
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .extension-card {
  padding: 1.25rem;
}
.com-ninjaextensionmanager .btn,
.com-ninjaextensionmanager .button {
  border-radius: 10px;
  font-weight: 700;
}
.com-ninjaextensionmanager .btn-primary,
.com-ninjaextensionmanager .button-primary {
  background: var(--nem-site-blue);
  border-color: var(--nem-site-blue);
  color: #fff;
}
.com-ninjaextensionmanager .badge,
.com-ninjaextensionmanager .nem-badge {
  border-radius: 999px;
  font-weight: 700;
}
.com-ninjaextensionmanager .nem-empty-state,
.com-ninjaextensionmanager .empty-state {
  border: 1px dashed var(--nem-site-border);
  background: var(--nem-site-soft);
  border-radius: var(--nem-site-radius);
  padding: 2rem;
  text-align: center;
}
.com-ninjaextensionmanager .filter-panel,
.com-ninjaextensionmanager .filters,
.com-ninjaextensionmanager .nem-filter-panel {
  border: 1px solid var(--nem-site-border);
  border-radius: var(--nem-site-radius);
  background: var(--nem-site-soft);
  padding: 1rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .com-ninjaextensionmanager .nem-page-hero,
  .com-ninjaextensionmanager .page-header,
  .com-ninjaextensionmanager .ninja-page-header {
    padding: 1.25rem;
  }
}


/* Phase 36.3 - unified frontend card and marketplace panel system */
.com-ninjaextensionmanager {
  --nem-site-card-padding: 1.25rem;
  --nem-site-card-gap: 1rem;
}
.com-ninjaextensionmanager .card,
.com-ninjaextensionmanager .ninja-card,
.com-ninjaextensionmanager .nem-card,
.com-ninjaextensionmanager .extension-card,
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .plan-item,
.com-ninjaextensionmanager .changelog-card,
.com-ninjaextensionmanager .help-article-card,
.com-ninjaextensionmanager .notification-card {
  border: 1px solid var(--nem-site-border) !important;
  border-radius: var(--nem-site-radius) !important;
  box-shadow: var(--nem-site-shadow) !important;
  background: #fff !important;
  overflow: hidden;
}
.com-ninjaextensionmanager .card-body,
.com-ninjaextensionmanager .nem-card-body,
.com-ninjaextensionmanager .extension-card,
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .plan-item {
  padding: var(--nem-site-card-padding) !important;
}
.com-ninjaextensionmanager .card-header,
.com-ninjaextensionmanager .nem-card-header {
  background: var(--nem-site-soft) !important;
  border-bottom: 1px solid var(--nem-site-border) !important;
  color: var(--nem-site-navy) !important;
  font-weight: 800;
  padding: .95rem 1.25rem !important;
}
.com-ninjaextensionmanager .card-title,
.com-ninjaextensionmanager .nem-card-title,
.com-ninjaextensionmanager .asset-card h2,
.com-ninjaextensionmanager .asset-card h3,
.com-ninjaextensionmanager .extension-card h2,
.com-ninjaextensionmanager .extension-card h3 {
  color: var(--nem-site-navy) !important;
  font-weight: 800;
}
.com-ninjaextensionmanager .nem-card-grid,
.com-ninjaextensionmanager .asset-grid,
.com-ninjaextensionmanager .extension-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--nem-site-card-gap);
}
.com-ninjaextensionmanager .nem-card-actions,
.com-ninjaextensionmanager .asset-actions,
.com-ninjaextensionmanager .extension-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  margin-top: 1rem;
}
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .extension-card {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.com-ninjaextensionmanager .asset-card:hover,
.com-ninjaextensionmanager .extension-card:hover {
  transform: translateY(-1px);
  border-color: rgba(0,119,200,.45) !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.12) !important;
}
@media (max-width: 768px) {
  .com-ninjaextensionmanager { --nem-site-card-padding: 1rem; }
  .com-ninjaextensionmanager .nem-card-grid,
  .com-ninjaextensionmanager .asset-grid,
  .com-ninjaextensionmanager .extension-grid { grid-template-columns: 1fr; }
}


/* Phase 36.4 - frontend typography and spacing system */
.com-ninjaextensionmanager {
  --nem-site-space-2xs: .25rem;
  --nem-site-space-xs: .5rem;
  --nem-site-space-sm: .75rem;
  --nem-site-space-md: 1rem;
  --nem-site-space-lg: 1.5rem;
  --nem-site-space-xl: 2rem;
  --nem-site-space-2xl: 3rem;
  --nem-site-font-xs: .78rem;
  --nem-site-font-sm: .9rem;
  --nem-site-font-base: 1rem;
  --nem-site-font-lg: 1.25rem;
  --nem-site-font-xl: 1.55rem;
  --nem-site-font-2xl: 2.15rem;
  color: #1f2937;
  font-size: var(--nem-site-font-base);
  line-height: 1.6;
}
.com-ninjaextensionmanager h1,
.com-ninjaextensionmanager h2,
.com-ninjaextensionmanager h3,
.com-ninjaextensionmanager .card-title,
.com-ninjaextensionmanager .nem-card-title {
  color: var(--nem-site-navy);
  font-weight: 850;
  letter-spacing: -.02em;
  line-height: 1.2;
}
.com-ninjaextensionmanager h1 {
  font-size: clamp(1.65rem, 3vw, var(--nem-site-font-2xl));
  margin: 0 0 var(--nem-site-space-md);
}
.com-ninjaextensionmanager h2 {
  font-size: clamp(1.35rem, 2vw, var(--nem-site-font-xl));
  margin: 0 0 var(--nem-site-space-sm);
}
.com-ninjaextensionmanager h3,
.com-ninjaextensionmanager .card-title,
.com-ninjaextensionmanager .nem-card-title {
  font-size: var(--nem-site-font-lg);
  margin: 0 0 var(--nem-site-space-xs);
}
.com-ninjaextensionmanager p,
.com-ninjaextensionmanager li {
  line-height: 1.62;
}
.com-ninjaextensionmanager .text-muted,
.com-ninjaextensionmanager .muted,
.com-ninjaextensionmanager .nem-muted,
.com-ninjaextensionmanager .asset-description,
.com-ninjaextensionmanager .extension-description {
  color: var(--nem-site-muted) !important;
  font-size: var(--nem-site-font-sm);
  line-height: 1.6;
}
.com-ninjaextensionmanager label,
.com-ninjaextensionmanager .form-label {
  color: var(--nem-site-navy);
  font-weight: 750;
  margin-bottom: var(--nem-site-space-xs);
}
.com-ninjaextensionmanager .form-control,
.com-ninjaextensionmanager .form-select,
.com-ninjaextensionmanager input[type="text"],
.com-ninjaextensionmanager input[type="search"],
.com-ninjaextensionmanager input[type="email"],
.com-ninjaextensionmanager select,
.com-ninjaextensionmanager textarea {
  border-color: var(--nem-site-border);
  border-radius: 10px;
  line-height: 1.55;
}
.com-ninjaextensionmanager .nem-section {
  margin-bottom: var(--nem-site-space-xl);
}
.com-ninjaextensionmanager .nem-section-title {
  color: var(--nem-site-navy);
  font-size: var(--nem-site-font-xl);
  font-weight: 850;
  margin: 0 0 var(--nem-site-space-sm);
}
.com-ninjaextensionmanager .nem-section-description {
  color: var(--nem-site-muted);
  max-width: 72ch;
  margin: 0 0 var(--nem-site-space-lg);
}
.com-ninjaextensionmanager .nem-stack-xs { display: grid; gap: var(--nem-site-space-xs); }
.com-ninjaextensionmanager .nem-stack-sm { display: grid; gap: var(--nem-site-space-sm); }
.com-ninjaextensionmanager .nem-stack-md { display: grid; gap: var(--nem-site-space-md); }
.com-ninjaextensionmanager .nem-stack-lg { display: grid; gap: var(--nem-site-space-lg); }
.com-ninjaextensionmanager .nem-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nem-site-space-sm);
  align-items: center;
}
.com-ninjaextensionmanager .nem-page-hero,
.com-ninjaextensionmanager .page-header,
.com-ninjaextensionmanager .ninja-page-header,
.com-ninjaextensionmanager .card,
.com-ninjaextensionmanager .nem-card,
.com-ninjaextensionmanager .extension-card,
.com-ninjaextensionmanager .asset-card,
.com-ninjaextensionmanager .alert,
.com-ninjaextensionmanager .filter-panel,
.com-ninjaextensionmanager .filters,
.com-ninjaextensionmanager .nem-filter-panel {
  margin-bottom: var(--nem-site-space-lg);
}
.com-ninjaextensionmanager .badge,
.com-ninjaextensionmanager .nem-badge {
  letter-spacing: .015em;
}
@media (max-width: 768px) {
  .com-ninjaextensionmanager {
    --nem-site-space-lg: 1rem;
    --nem-site-space-xl: 1.5rem;
    --nem-site-font-2xl: 1.7rem;
  }
}


/* Phase 36.5 - unified frontend iconography and visual language */
.com-ninjaextensionmanager {
  --nem-site-status-info-bg: #e6f4ff;
  --nem-site-status-info-fg: #075a9d;
  --nem-site-status-success-bg: #eaf7ef;
  --nem-site-status-success-fg: #1f7a4a;
  --nem-site-status-warning-bg: #fff4df;
  --nem-site-status-warning-fg: #9a5a00;
  --nem-site-status-danger-bg: #feeceb;
  --nem-site-status-danger-fg: #b42318;
  --nem-site-status-neutral-bg: #eef2f7;
  --nem-site-status-neutral-fg: #334155;
}
.com-ninjaextensionmanager [class^="icon-"],
.com-ninjaextensionmanager [class*=" icon-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: -0.12em;
}
.com-ninjaextensionmanager .nem-icon {
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
}
.com-ninjaextensionmanager .nem-icon-chip {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--nem-site-navy), var(--nem-site-blue));
  color: #fff;
  box-shadow: 0 10px 22px rgba(0,119,200,.18);
}
.com-ninjaextensionmanager .badge,
.com-ninjaextensionmanager .nem-badge,
.com-ninjaextensionmanager .status-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 1.55rem;
  padding: .28rem .62rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid transparent;
}
.com-ninjaextensionmanager .badge-info,
.com-ninjaextensionmanager .nem-status-info { background: var(--nem-site-status-info-bg) !important; color: var(--nem-site-status-info-fg) !important; border-color: rgba(7,90,157,.18) !important; }
.com-ninjaextensionmanager .badge-success,
.com-ninjaextensionmanager .nem-status-success { background: var(--nem-site-status-success-bg) !important; color: var(--nem-site-status-success-fg) !important; border-color: rgba(31,122,74,.18) !important; }
.com-ninjaextensionmanager .badge-warning,
.com-ninjaextensionmanager .nem-status-warning { background: var(--nem-site-status-warning-bg) !important; color: var(--nem-site-status-warning-fg) !important; border-color: rgba(154,90,0,.2) !important; }
.com-ninjaextensionmanager .badge-danger,
.com-ninjaextensionmanager .nem-status-danger { background: var(--nem-site-status-danger-bg) !important; color: var(--nem-site-status-danger-fg) !important; border-color: rgba(180,35,24,.18) !important; }
.com-ninjaextensionmanager .badge-secondary,
.com-ninjaextensionmanager .nem-status-neutral { background: var(--nem-site-status-neutral-bg) !important; color: var(--nem-site-status-neutral-fg) !important; border-color: rgba(51,65,85,.14) !important; }
.com-ninjaextensionmanager .asset-card .badge,
.com-ninjaextensionmanager .extension-card .badge,
.com-ninjaextensionmanager .nem-badge-row .nem-badge,
.com-ninjaextensionmanager .nem-badges .nem-badge { margin-inline-end: .35rem; margin-bottom: .35rem; }


/* Phase 36.6 - customer dashboard density and workflow optimization */
.nem-customer-dashboard .nem-customer-summary {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:1rem;
  margin-bottom:1rem;
}
.nem-customer-dashboard .nem-dashboard-section {
  margin-bottom:1.25rem;
}
.nem-customer-dashboard .nem-section-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:.85rem;
}
.nem-customer-dashboard .nem-compact-list {
  display:grid;
  gap:.75rem;
}
@media (max-width: 768px) {
  .nem-customer-dashboard .nem-section-header { display:block; }
}


/* Phase 36.7 - Frontend action and form consistency */
.nem-frontend .nem-action-cluster,
.com-ninjaextensionmanager .nem-action-cluster {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  align-items:center;
}
.nem-frontend .nem-action-cluster.is-end,
.com-ninjaextensionmanager .nem-action-cluster.is-end { justify-content:flex-end; }
.nem-frontend .btn,
.com-ninjaextensionmanager .btn { border-radius:.65rem; font-weight:700; }
.nem-frontend form .control-group,
.com-ninjaextensionmanager form .control-group,
.nem-frontend form .form-group,
.com-ninjaextensionmanager form .form-group { margin-bottom:.9rem; }
.nem-frontend form label,
.com-ninjaextensionmanager form label { font-weight:700; color:var(--nem-color-navy, #061C3F); }
.nem-frontend form input,
.com-ninjaextensionmanager form input,
.nem-frontend form select,
.com-ninjaextensionmanager form select,
.nem-frontend form textarea,
.com-ninjaextensionmanager form textarea {
  border-radius:.65rem;
}
@media (max-width:767.98px){
  .nem-frontend .nem-action-cluster,
  .com-ninjaextensionmanager .nem-action-cluster { flex-direction:column; align-items:stretch; }
}

/* Phase 36.8 - Frontend Marketplace UX & Discovery Polish */
.com-ninjaextensionmanager.nem-marketplace-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 2rem);
}
.com-ninjaextensionmanager .nem-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--nem-site-blue);
}
.com-ninjaextensionmanager .nem-market-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  gap: clamp(1rem, 4vw, 2.5rem);
  align-items: center;
  margin-bottom: 1.5rem;
}
.com-ninjaextensionmanager .nem-market-hero .nem-eyebrow,
.com-ninjaextensionmanager .nem-market-hero__content p,
.com-ninjaextensionmanager .nem-market-hero__stats span {
  color: rgba(255,255,255,.82) !important;
}
.com-ninjaextensionmanager .nem-market-hero__content h1 {
  color: #fff !important;
  margin: .35rem 0 .8rem;
  font-size: clamp(2rem, 4vw, 3.4rem);
}
.com-ninjaextensionmanager .nem-market-hero__content p {
  max-width: 760px;
  font-size: clamp(1rem, 2vw, 1.2rem);
}
.com-ninjaextensionmanager .nem-market-hero__actions,
.com-ninjaextensionmanager .nem-market-card__actions,
.com-ninjaextensionmanager .nem-market-card__signals,
.com-ninjaextensionmanager .nem-market-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
}
.com-ninjaextensionmanager .nem-market-hero__actions { margin-top: 1.25rem; }
.com-ninjaextensionmanager .nem-market-hero__stats {
  display: grid;
  gap: .75rem;
}
.com-ninjaextensionmanager .nem-market-hero__stats > div {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 16px;
  padding: 1rem;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
}
.com-ninjaextensionmanager .nem-market-hero__stats strong {
  display: block;
  font-size: 1.75rem;
  color: #fff !important;
  line-height: 1;
}
.com-ninjaextensionmanager .nem-market-filters,
.com-ninjaextensionmanager .nem-discovery-shelf,
.com-ninjaextensionmanager .nem-results-section {
  border: 1px solid var(--nem-site-border);
  border-radius: var(--nem-site-radius);
  background: #fff;
  box-shadow: var(--nem-site-shadow);
  padding: clamp(1rem, 2vw, 1.35rem);
  margin-bottom: 1.25rem;
}
.com-ninjaextensionmanager .nem-market-filters__search label,
.com-ninjaextensionmanager .nem-filter-grid label,
.com-ninjaextensionmanager .nem-sort-control span {
  display: block;
  color: var(--nem-site-navy);
  font-weight: 800;
  margin-bottom: .4rem;
}
.com-ninjaextensionmanager .nem-search-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: .65rem;
  align-items: end;
}
.com-ninjaextensionmanager .nem-market-filters__advanced {
  margin-top: 1rem;
  border-top: 1px solid var(--nem-site-border);
  padding-top: 1rem;
}
.com-ninjaextensionmanager .nem-market-filters__advanced summary {
  cursor: pointer;
  color: var(--nem-site-navy);
  font-weight: 850;
  list-style-position: inside;
}
.com-ninjaextensionmanager .nem-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}
.com-ninjaextensionmanager .nem-active-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  border: 1px solid rgba(0,119,200,.25);
  border-radius: 14px;
  background: rgba(0,119,200,.07);
  color: var(--nem-site-navy);
  padding: .85rem 1rem;
  margin-bottom: 1.25rem;
}
.com-ninjaextensionmanager .nem-section-heading,
.com-ninjaextensionmanager .nem-results-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.com-ninjaextensionmanager .nem-section-heading h2,
.com-ninjaextensionmanager .nem-results-toolbar h2 {
  margin: .15rem 0 0;
}
.com-ninjaextensionmanager .nem-discovery-shelf--split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.com-ninjaextensionmanager .nem-market-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}
.com-ninjaextensionmanager .nem-market-grid--featured {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.com-ninjaextensionmanager .nem-compact-list {
  display: grid;
  gap: .75rem;
}
.com-ninjaextensionmanager .nem-market-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  border: 1px solid var(--nem-site-border);
  border-radius: var(--nem-site-radius);
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
  min-height: 100%;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.com-ninjaextensionmanager .nem-market-card:hover,
.com-ninjaextensionmanager .nem-market-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(0,119,200,.55);
  box-shadow: 0 18px 44px rgba(15,23,42,.12);
}
.com-ninjaextensionmanager .nem-market-card__media {
  position: relative;
  display: block;
  min-height: 178px;
  background: linear-gradient(135deg, rgba(11,45,77,.08), rgba(50,198,217,.14));
  text-decoration: none;
}
.com-ninjaextensionmanager .nem-market-card__media img {
  width: 100%;
  height: 178px;
  object-fit: cover;
  display: block;
}
.com-ninjaextensionmanager .nem-market-card__placeholder {
  display: grid;
  place-items: center;
  min-height: 178px;
  color: var(--nem-site-blue);
  font-size: 2.5rem;
}
.com-ninjaextensionmanager .nem-market-card__badges {
  position: absolute;
  top: .75rem;
  left: .75rem;
  right: .75rem;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: space-between;
}
.com-ninjaextensionmanager .nem-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.6rem;
  border-radius: 999px;
  padding: .2rem .65rem;
  background: var(--nem-site-soft);
  color: var(--nem-site-navy);
  border: 1px solid var(--nem-site-border);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.2;
}
.com-ninjaextensionmanager .nem-pill--success { background: #e8f7ef; border-color: #b9e5ca; color: #116134; }
.com-ninjaextensionmanager .nem-pill--warning { background: #fff7df; border-color: #f7df9b; color: #755200; }
.com-ninjaextensionmanager .nem-market-card__body,
.com-ninjaextensionmanager .nem-market-card__footer,
.com-ninjaextensionmanager .nem-market-card__release { padding: 1rem; }
.com-ninjaextensionmanager .nem-market-card__meta {
  color: var(--nem-site-muted);
  font-size: .82rem;
  font-weight: 750;
  margin-bottom: .45rem;
}
.com-ninjaextensionmanager .nem-market-card__meta span + span::before,
.com-ninjaextensionmanager .nem-market-card__signals span + span::before { content: '•'; margin-right: .55rem; color: var(--nem-site-muted); }
.com-ninjaextensionmanager .nem-market-card__title {
  font-size: 1.18rem;
  margin: 0 0 .5rem;
}
.com-ninjaextensionmanager .nem-market-card__title a {
  color: var(--nem-site-navy);
  text-decoration: none;
}
.com-ninjaextensionmanager .nem-market-card__summary {
  color: var(--nem-site-muted);
  margin: 0;
}
.com-ninjaextensionmanager .nem-market-card__signals {
  margin-top: .85rem;
  color: #42526b;
  font-size: .86rem;
}
.com-ninjaextensionmanager .nem-market-card__footer {
  display: grid;
  gap: .75rem;
  border-top: 1px solid var(--nem-site-border);
  background: var(--nem-site-soft);
}
.com-ninjaextensionmanager .nem-market-card__price {
  color: var(--nem-site-navy);
  font-size: 1.05rem;
}
.com-ninjaextensionmanager .nem-market-card__release {
  border-top: 1px solid var(--nem-site-border);
  background: rgba(50,198,217,.08);
  display: grid;
  gap: .25rem;
  color: var(--nem-site-muted);
  font-size: .86rem;
}
.com-ninjaextensionmanager .nem-market-card--compact {
  grid-template-columns: 92px minmax(0,1fr);
  grid-template-rows: auto auto;
  min-height: auto;
}
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__media,
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__media img,
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__placeholder { min-height: 100%; height: 100%; }
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__footer { grid-column: 2; padding-top: 0; border-top: 0; background: #fff; }
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__release,
.com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__badges { display: none; }
.com-ninjaextensionmanager .nem-sort-control { min-width: 240px; }
.com-ninjaextensionmanager .nem-pagination {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-top: 1.5rem;
}
@media (max-width: 860px) {
  .com-ninjaextensionmanager .nem-market-hero,
  .com-ninjaextensionmanager .nem-discovery-shelf--split { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-search-row { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-section-heading,
  .com-ninjaextensionmanager .nem-results-toolbar,
  .com-ninjaextensionmanager .nem-pagination { align-items: stretch; flex-direction: column; }
  .com-ninjaextensionmanager .nem-sort-control { min-width: 0; }
}
@media (max-width: 560px) {
  .com-ninjaextensionmanager.nem-marketplace-page { padding: .75rem; }
  .com-ninjaextensionmanager .nem-market-grid { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-market-card--compact { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-market-card--compact .nem-market-card__footer { grid-column: auto; padding-top: 1rem; border-top: 1px solid var(--nem-site-border); background: var(--nem-site-soft); }
}


/* Phase 36.11 - Mobile & tablet UX optimization */
.com-ninjaextensionmanager {
  --nem-touch-target: 44px;
  --nem-mobile-gap: .85rem;
}
.com-ninjaextensionmanager .nem-mobile-jump-nav {
  display: none;
  gap: .5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: .65rem 0 1rem;
  margin: -.25rem 0 1rem;
  scrollbar-width: thin;
}
.com-ninjaextensionmanager .nem-mobile-jump-nav a {
  flex: 0 0 auto;
  min-height: var(--nem-touch-target);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--nem-site-border);
  border-radius: 999px;
  background: #fff;
  color: var(--nem-site-navy);
  font-weight: 800;
  padding: .45rem .9rem;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(15,23,42,.05);
}
.com-ninjaextensionmanager .nem-mobile-jump-nav a:focus-visible,
.com-ninjaextensionmanager .nem-mobile-jump-nav a:hover {
  border-color: var(--nem-site-blue);
  color: var(--nem-site-blue);
  outline: 3px solid rgba(0,119,200,.16);
  outline-offset: 2px;
}
.com-ninjaextensionmanager .nem-responsive-table,
.com-ninjaextensionmanager .table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.com-ninjaextensionmanager .nem-responsive-table table,
.com-ninjaextensionmanager .table-responsive table {
  min-width: 680px;
}
.com-ninjaextensionmanager input,
.com-ninjaextensionmanager select,
.com-ninjaextensionmanager textarea,
.com-ninjaextensionmanager button,
.com-ninjaextensionmanager .btn,
.com-ninjaextensionmanager .uk-button {
  min-height: var(--nem-touch-target);
}
.com-ninjaextensionmanager .nem-action-row,
.com-ninjaextensionmanager .nem-market-card__actions,
.com-ninjaextensionmanager .nem-panel__header,
.com-ninjaextensionmanager .nem-key-row,
.com-ninjaextensionmanager .nem-field-row {
  gap: var(--nem-mobile-gap);
}
@media (max-width: 1024px) {
  .com-ninjaextensionmanager .uk-container,
  .com-ninjaextensionmanager.nem-marketplace-page,
  .com-ninjaextensionmanager.nem-customer-dashboard {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .com-ninjaextensionmanager .nem-dashboard-layout,
  .com-ninjaextensionmanager .nem-account-hero,
  .com-ninjaextensionmanager .nem-kpi-grid,
  .com-ninjaextensionmanager .nem-form-grid,
  .com-ninjaextensionmanager .nem-market-hero,
  .com-ninjaextensionmanager .nem-discovery-shelf--split {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-dashboard-sidebar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
  .com-ninjaextensionmanager .nem-account-hero__panel {
    max-width: none;
  }
  .com-ninjaextensionmanager .nem-market-card__actions,
  .com-ninjaextensionmanager .nem-action-row {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .com-ninjaextensionmanager .nem-mobile-jump-nav { display: flex; }
  .com-ninjaextensionmanager .nem-page-hero,
  .com-ninjaextensionmanager .nem-market-hero,
  .com-ninjaextensionmanager .nem-account-hero {
    padding: 1.1rem !important;
    border-radius: 14px;
  }
  .com-ninjaextensionmanager .nem-page-hero h1,
  .com-ninjaextensionmanager .nem-market-hero h1,
  .com-ninjaextensionmanager .nem-account-hero h1,
  .com-ninjaextensionmanager .nem-account-hero h2 {
    font-size: clamp(1.55rem, 7vw, 2.1rem);
    line-height: 1.12;
  }
  .com-ninjaextensionmanager .nem-dashboard-sidebar,
  .com-ninjaextensionmanager .nem-kpi-grid,
  .com-ninjaextensionmanager .nem-market-grid,
  .com-ninjaextensionmanager .nem-filter-grid {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-panel,
  .com-ninjaextensionmanager .nem-market-filters,
  .com-ninjaextensionmanager .nem-empty-state,
  .com-ninjaextensionmanager .nem-alert-card {
    padding: 1rem !important;
    border-radius: 14px;
  }
  .com-ninjaextensionmanager .nem-panel__header,
  .com-ninjaextensionmanager .nem-results-toolbar,
  .com-ninjaextensionmanager .nem-section-heading,
  .com-ninjaextensionmanager .nem-pagination {
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
  }
  .com-ninjaextensionmanager .nem-action-row,
  .com-ninjaextensionmanager .nem-market-card__actions,
  .com-ninjaextensionmanager .nem-key-row,
  .com-ninjaextensionmanager .nem-field-row,
  .com-ninjaextensionmanager .nem-search-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
  }
  .com-ninjaextensionmanager .nem-action-row > *,
  .com-ninjaextensionmanager .nem-market-card__actions > *,
  .com-ninjaextensionmanager .nem-key-row > *,
  .com-ninjaextensionmanager .nem-search-row > *,
  .com-ninjaextensionmanager .nem-panel__header .uk-button,
  .com-ninjaextensionmanager .nem-panel__header .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .com-ninjaextensionmanager .nem-market-card--compact {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-market-card__media,
  .com-ninjaextensionmanager .nem-market-card__media img,
  .com-ninjaextensionmanager .nem-market-card__placeholder {
    min-height: 150px;
    height: 150px;
  }
  .com-ninjaextensionmanager .nem-timeline article,
  .com-ninjaextensionmanager .nem-mini-list li {
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .com-ninjaextensionmanager .uk-container,
  .com-ninjaextensionmanager.nem-marketplace-page,
  .com-ninjaextensionmanager.nem-customer-dashboard {
    padding-left: .75rem;
    padding-right: .75rem;
  }
  .com-ninjaextensionmanager .nem-market-card__body,
  .com-ninjaextensionmanager .nem-market-card__footer,
  .com-ninjaextensionmanager .nem-market-card__release {
    padding: .85rem;
  }
  .com-ninjaextensionmanager .nem-pill,
  .com-ninjaextensionmanager .uk-label,
  .com-ninjaextensionmanager .badge {
    white-space: normal;
    text-align: center;
  }
}

/* Phase 36.12 — Theme Readiness & Shared Frontend Components */
.nem-theme-ready {
    --nem-theme-gap: clamp(1rem, 2vw, 1.75rem);
    --nem-theme-radius: 1rem;
    --nem-theme-border: 1px solid rgba(15, 23, 42, .10);
    --nem-theme-surface: #fff;
    --nem-theme-muted: #64748b;
}

[data-nem-component] {
    box-sizing: border-box;
}

[data-nem-slot] {
    min-width: 0;
}

.nem-theme-hero {
    display: grid;
    gap: var(--nem-theme-gap);
    padding: clamp(1.25rem, 4vw, 2.5rem);
    border: var(--nem-theme-border);
    border-radius: var(--nem-theme-radius);
    background: linear-gradient(135deg, rgba(14, 165, 233, .10), rgba(99, 102, 241, .08)), var(--nem-theme-surface);
}

.nem-theme-hero__content > * + *,
.nem-pricing-card > * + *,
.nem-changelog-panel > * + * {
    margin-top: .85rem;
}

.nem-theme-hero__actions,
.nem-pricing-card__actions,
.nem-changelog-panel__header,
.nem-notification-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.nem-pricing-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: var(--nem-theme-border);
    border-radius: var(--nem-theme-radius);
    background: var(--nem-theme-surface);
}

.nem-pricing-card--featured {
    box-shadow: 0 16px 40px rgba(15, 23, 42, .14);
    transform: translateY(-2px);
}

.nem-pricing-card__header h2 {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
}

.nem-pricing-card__header p,
.nem-pricing-card__price span,
.nem-notification-banner p {
    color: var(--nem-theme-muted);
}

.nem-pricing-card__price {
    display: flex;
    align-items: baseline;
    gap: .25rem;
}

.nem-pricing-card__price strong {
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1;
}

.nem-pricing-card__features {
    display: grid;
    gap: .5rem;
    padding-left: 1.25rem;
    margin-bottom: auto;
}

.nem-changelog-panel {
    padding: 1rem;
    border: var(--nem-theme-border);
    border-radius: var(--nem-theme-radius);
    background: var(--nem-theme-surface);
}

.nem-notification-banner {
    width: 100%;
    padding: 1rem;
    border: var(--nem-theme-border);
    border-radius: calc(var(--nem-theme-radius) * .75);
    background: rgba(14, 165, 233, .08);
}

.nem-notification-banner--warning { background: rgba(245, 158, 11, .12); }
.nem-notification-banner--danger { background: rgba(239, 68, 68, .10); }
.nem-notification-banner--success { background: rgba(34, 197, 94, .10); }

@media (max-width: 640px) {
    .nem-theme-hero__actions,
    .nem-pricing-card__actions,
    .nem-changelog-panel__header,
    .nem-notification-banner {
        align-items: stretch;
        flex-direction: column;
    }

    .nem-theme-hero__actions .uk-button,
    .nem-theme-hero__actions .btn,
    .nem-pricing-card__actions .uk-button,
    .nem-pricing-card__actions .btn,
    .nem-notification-banner .uk-button,
    .nem-notification-banner .btn {
        width: 100%;
        text-align: center;
    }
}

/* Phase 36.13 — enterprise accessibility and interaction compliance */
.com-ninjaextensionmanager .nem-sr-only,
.com-ninjaextensionmanager-dashboard .nem-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.nem-skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 100000; padding: .75rem 1rem; border-radius: .75rem; background: #0f172a; color: #fff !important; text-decoration: none; transform: translateY(-140%); transition: transform .15s ease-in-out; }
.nem-skip-link:focus, .nem-skip-link:focus-visible { transform: translateY(0); outline: 3px solid #facc15; outline-offset: 3px; }
.com-ninjaextensionmanager :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; box-shadow: 0 0 0 6px rgba(37, 99, 235, .18); }
.com-ninjaextensionmanager :where(input, select, textarea)[aria-invalid="true"] { border-color: #b91c1c; box-shadow: 0 0 0 3px rgba(185, 28, 28, .15); }
.com-ninjaextensionmanager .nem-field-hint { margin: .35rem 0 .75rem; color: #475569; font-size: .925rem; line-height: 1.45; }
.com-ninjaextensionmanager .nem-market-card__actions a, .com-ninjaextensionmanager .nem-action-row a, .com-ninjaextensionmanager .nem-action-row button, .com-ninjaextensionmanager .nem-market-filters button, .com-ninjaextensionmanager .nem-market-filters select, .com-ninjaextensionmanager .nem-market-filters input { min-height: 44px; }
.com-ninjaextensionmanager .nem-market-filters summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: .5rem; }
.com-ninjaextensionmanager [aria-live] { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) { .com-ninjaextensionmanager *, .com-ninjaextensionmanager *::before, .com-ninjaextensionmanager *::after, .nem-skip-link { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; } }

/* Phase 36.14 — final UX/UI QA, consistency, and production polish */
:root {
    --nem-space-1: .25rem;
    --nem-space-2: .5rem;
    --nem-space-3: .75rem;
    --nem-space-4: 1rem;
    --nem-space-5: 1.5rem;
    --nem-space-6: 2rem;
    --nem-radius-card: 1rem;
    --nem-shadow-card: 0 .75rem 2rem rgba(15, 23, 42, .08);
    --nem-border-soft: 1px solid rgba(148, 163, 184, .28);
}
.nem-final-qa-panel,
.nem-final-guidance-panel {
    border: var(--nem-border-soft);
    border-radius: var(--nem-radius-card);
    background: #fff;
    box-shadow: var(--nem-shadow-card);
    margin: 0 0 var(--nem-space-5);
    padding: var(--nem-space-5);
}
.nem-final-qa-panel__header {
    display: flex;
    gap: var(--nem-space-4);
    align-items: flex-start;
    margin-bottom: var(--nem-space-4);
}
.nem-final-qa-panel__header > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    border-radius: 999px;
    background: rgba(20, 115, 255, .1);
    color: #1473ff;
}
.nem-final-qa-grid,
.nem-final-guidance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--nem-space-4);
}
.nem-final-qa-item,
.nem-final-guidance-grid article {
    border: var(--nem-border-soft);
    border-radius: .875rem;
    padding: var(--nem-space-4);
    background: #f8fafc;
}
.nem-final-qa-item strong,
.nem-final-guidance-grid strong {
    display: block;
    margin-bottom: var(--nem-space-2);
    color: #0f172a;
}
.nem-final-qa-item span {
    display: inline-flex;
    border-radius: 999px;
    padding: .2rem .6rem;
    margin-bottom: var(--nem-space-2);
    background: rgba(22, 163, 74, .12);
    color: #166534;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .035em;
}
.nem-final-qa-item p,
.nem-final-guidance-grid p {
    margin: 0;
    color: #475569;
}
.com_ninjaextensionmanager .table,
.com-ninjaextensionmanager .table,
.com_ninjaextensionmanager .uk-table,
.com-ninjaextensionmanager .uk-table {
    vertical-align: middle;
}
.com_ninjaextensionmanager .nem-card,
.com-ninjaextensionmanager .nem-card,
.com_ninjaextensionmanager .nem-panel,
.com-ninjaextensionmanager .nem-panel {
    border-radius: var(--nem-radius-card);
}
@media (max-width: 767.98px) {
    .nem-final-qa-panel,
    .nem-final-guidance-panel {
        padding: var(--nem-space-4);
    }
    .nem-final-qa-panel__header {
        display: block;
    }
}

/* Corrective KB/help center expansion pass - detailed styled documentation */
.com-ninjaextensionmanager .nem-help-hero {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%) !important;
  border-left: 5px solid var(--nem-site-primary, #2563eb) !important;
}
.com-ninjaextensionmanager .nem-help-hero__icon,
.com-ninjaextensionmanager .nem-help-category__icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--nem-site-soft, #eef4ff);
  color: var(--nem-site-primary, #2563eb);
  font-weight: 900;
  flex: 0 0 auto;
}
.com-ninjaextensionmanager .nem-help-search { border-left: 4px solid var(--nem-site-primary, #2563eb) !important; }
.com-ninjaextensionmanager .nem-help-category__header { display: flex; gap: .9rem; align-items: flex-start; margin-bottom: 1rem; }
.com-ninjaextensionmanager .nem-help-category__header h2 { margin: 0 0 .25rem 0; }
.com-ninjaextensionmanager .nem-help-article-card { transition: transform .15s ease, box-shadow .15s ease; }
.com-ninjaextensionmanager .nem-help-article-card:hover { transform: translateY(-2px); }
.com-ninjaextensionmanager .nem-help-article-card__meta { display: inline-flex; align-items: center; gap: .35rem; font-size: .78rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--nem-site-muted, #64748b); margin-bottom: .55rem; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose { display: grid; gap: 1rem; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose h2,
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose h3 { color: var(--nem-site-navy, #0f172a); margin-top: 1.25rem; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose ul,
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose ol { padding-left: 1.35rem; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose li { margin: .35rem 0; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: .8rem; border: 1px solid var(--nem-site-border, #e2e8f0); }
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose th,
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose td { padding: .75rem .85rem; border-bottom: 1px solid var(--nem-site-border, #e2e8f0); text-align: left; vertical-align: top; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-prose th { background: var(--nem-site-soft, #f8fafc); color: var(--nem-site-navy, #0f172a); font-weight: 800; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-callout { border: 1px solid var(--nem-site-border, #e2e8f0); border-left-width: 5px; border-radius: .9rem; padding: .9rem 1rem; background: #fff; box-shadow: var(--nem-site-shadow, 0 8px 20px rgba(15, 23, 42, .06)); }
.com-ninjaextensionmanager .ninja-help-body .nem-help-callout--info,
.com-ninjaextensionmanager .ninja-help-body .nem-help-callout--key { border-left-color: var(--nem-site-primary, #2563eb); background: #f8fbff; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-callout--success { border-left-color: #16a34a; background: #f7fff9; }
.com-ninjaextensionmanager .ninja-help-body .nem-help-callout--warning { border-left-color: #f59e0b; background: #fffaf0; }
.com-ninjaextensionmanager .nem-help-popular { position: sticky; top: 1rem; }
@media (max-width: 700px) { .com-ninjaextensionmanager .nem-help-hero, .com-ninjaextensionmanager .nem-help-category__header { flex-direction: column; } .com-ninjaextensionmanager .ninja-help-body .nem-help-prose table { display: block; overflow-x: auto; } .com-ninjaextensionmanager .nem-help-popular { position: static; } }
@media (prefers-reduced-motion: reduce) { .com-ninjaextensionmanager .nem-help-article-card { transition: none; } .com-ninjaextensionmanager .nem-help-article-card:hover { transform: none; } }

/* Phase 36.16 workflow audit: single plan route completion */
.nem-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 1.25rem;
    margin-top: 1.5rem;
}
.nem-definition-list {
    display: grid;
    grid-template-columns: minmax(8rem, auto) minmax(0, 1fr);
    gap: .75rem 1rem;
    margin: 0;
}
.nem-definition-list dt { font-weight: 700; color: var(--nem-muted, #5f6b7a); }
.nem-definition-list dd { margin: 0; font-weight: 600; }
.nem-check-list { list-style: none; padding-left: 0; margin: 0; display: grid; gap: .65rem; }
.nem-check-list li { position: relative; padding-left: 1.8rem; }
.nem-check-list li::before { content: ""; position: absolute; left: 0; top: 0; font-weight: 800; }
@media (max-width: 760px) {
    .nem-detail-grid,
    .nem-definition-list { grid-template-columns: 1fr; }
}


/* Phase 36.26: plan card spacing and CTA polish */
.plans-grid,
.nem-plans-grid {
    display: grid;
    gap: clamp(1rem, 2.4vw, 1.75rem);
    align-items: stretch;
}

.nem-pricing-card,
.nem-plan-summary,
.nem-plan-features {
    box-sizing: border-box;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    margin: 0;
}

.nem-pricing-card__header,
.nem-pricing-card__price,
.nem-pricing-card__features,
.nem-pricing-card__actions,
.nem-plan-summary > *,
.nem-plan-features > * {
    margin-left: 0;
    margin-right: 0;
}

.nem-pricing-card__features,
.nem-check-list {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

.nem-pricing-card__features li,
.nem-check-list li {
    position: relative;
    padding-left: 1.65rem;
}

.nem-pricing-card__features li::before,
.nem-check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    font-weight: 700;
}

.nem-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: clamp(1rem, 2.5vw, 1.75rem);
    align-items: start;
    margin-top: clamp(1rem, 2.5vw, 1.5rem);
}

@media (max-width: 768px) {
    .nem-detail-grid {
        grid-template-columns: 1fr;
    }
}


/* Phase 36.27 plan detail warning/spacing corrective polish */
.com-ninjaextensionmanager-plan .nem-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1.5rem;
    align-items: start;
    margin-top: 1.5rem;
}
.com-ninjaextensionmanager-plan .nem-card {
    padding: 1.5rem;
    margin: 0;
    border-radius: 1rem;
}
.com-ninjaextensionmanager-plan .nem-card h2 {
    margin: 0 0 1rem;
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
    line-height: 1.2;
}
.com-ninjaextensionmanager-plan .nem-definition-list {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}
.com-ninjaextensionmanager-plan .nem-definition-list dt {
    margin: 0;
    font-weight: 700;
    color: var(--nem-muted, #64748b);
}
.com-ninjaextensionmanager-plan .nem-definition-list dd {
    margin: 0 0 0.5rem;
    font-size: 1.2rem;
    font-weight: 700;
}
.com-ninjaextensionmanager-plan .nem-check-list {
    display: grid;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.com-ninjaextensionmanager-plan .nem-check-list li {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    line-height: 1.45;
}
.com-ninjaextensionmanager-plan .nem-check-list li::before {
    content: "";
    font-weight: 800;
    line-height: 1.45;
}
@media (max-width: 767px) {
    .com-ninjaextensionmanager-plan .nem-detail-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-top: 1rem;
    }
    .com-ninjaextensionmanager-plan .nem-card {
        padding: 1rem;
    }
}


/* Phase 36.28 runtime-confirmed plan card spacing override */
.com-ninjaextensionmanager-plan .nem-detail-grid.nem-plan-detail-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:24px!important;align-items:start!important;margin:24px 0 0!important;}
.com-ninjaextensionmanager-plan .nem-card.nem-plan-summary,.com-ninjaextensionmanager-plan .nem-card.nem-plan-features{padding:24px!important;margin:0!important;border-radius:18px!important;}
.com-ninjaextensionmanager-plan .nem-card h2{margin:0 0 16px!important;line-height:1.2!important;}
.com-ninjaextensionmanager-plan .nem-definition-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;}
.com-ninjaextensionmanager-plan .nem-definition-list dd{margin:0 0 14px!important;}
.com-ninjaextensionmanager-plan .nem-check-list{display:grid!important;gap:14px!important;margin:0!important;padding:0!important;list-style:none!important;}
.com-ninjaextensionmanager-plan .nem-check-list li{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;padding:0!important;margin:0!important;}
.com-ninjaextensionmanager-plan .nem-check-list li:before{position:static!important;content:""!important;font-weight:800!important;}
@media (max-width:767px){.com-ninjaextensionmanager-plan .nem-detail-grid.nem-plan-detail-grid{grid-template-columns:1fr!important;gap:16px!important;margin-top:16px!important}.com-ninjaextensionmanager-plan .nem-card.nem-plan-summary,.com-ninjaextensionmanager-plan .nem-card.nem-plan-features{padding:18px!important}}

/* Phase 36.30: place contextual help after primary marketplace content. */
.nem-marketplace-guidance--bottom {
  margin-top: clamp(2rem, 4vw, 4rem);
  clear: both;
}
.nem-marketplace-guidance--bottom .nem-help-panel,
.nem-marketplace-guidance--bottom .nem-client-help-panel {
  margin-top: 0;
}
.com-ninjaextensionmanager-purchase .nem-marketplace-guidance--bottom {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

/* Phase 36.33 — customer dashboard mobile tab correction */
.com-ninjaextensionmanager .nem-dashboard-tabs {
  display: none;
  gap: .55rem;
  margin: 1rem 0 1.15rem;
  padding: .45rem;
  overflow-x: auto;
  border: 1px solid rgba(15, 23, 42, .1);
  border-radius: 18px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
  position: sticky;
  top: .5rem;
  z-index: 20;
}
.com-ninjaextensionmanager .nem-dashboard-tabs button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 999px;
  padding: .72rem .95rem;
  background: transparent;
  color: #334155;
  font-weight: 800;
  font-size: .9rem;
  cursor: pointer;
  white-space: nowrap;
}
.com-ninjaextensionmanager .nem-dashboard-tabs button.is-active,
.com-ninjaextensionmanager .nem-dashboard-tabs button:focus-visible {
  background: #0f172a;
  color: #fff;
  outline: none;
}
.com-ninjaextensionmanager .nem-dashboard-help-panel {
  margin-top: 1.25rem;
}
.com-ninjaextensionmanager .nem-dashboard-help-panel .nem-help-panel,
.com-ninjaextensionmanager .nem-dashboard-help-panel .nem-final-guidance-panel {
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .com-ninjaextensionmanager .nem-dashboard-tabs { display: flex; }
  .com-ninjaextensionmanager .nem-mobile-jump-nav { display: none !important; }
  .com-ninjaextensionmanager .nem-dashboard-layout { display: block; }
  .com-ninjaextensionmanager .nem-dashboard-tab-panel[hidden] { display: none !important; }
  .com-ninjaextensionmanager .nem-dashboard-tab-panel.is-active { display: block; }
  .com-ninjaextensionmanager .nem-dashboard-sidebar.nem-dashboard-tab-panel {
    width: auto;
    margin-top: 0;
  }
  .com-ninjaextensionmanager .nem-dashboard-help-panel {
    margin-top: 0;
  }
}

/* Phase 36.34 — customer dashboard action grouping, working tabs, and mobile polish */
.com-ninjaextensionmanager .nem-dashboard-tabs a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 999px;
  padding: .72rem .95rem;
  background: #fff;
  color: #334155;
  font-weight: 800;
  font-size: .9rem;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .05);
}
.com-ninjaextensionmanager .nem-dashboard-tabs a.is-active,
.com-ninjaextensionmanager .nem-dashboard-tabs a:focus-visible {
  background: #073b63;
  color: #fff;
  border-color: #073b63;
  outline: 3px solid rgba(50, 198, 217, .35);
  outline-offset: 2px;
}

.com-ninjaextensionmanager .nem-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.25rem 0;
}
.com-ninjaextensionmanager .nem-quick-actions a {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "icon title" "icon desc";
  gap: .25rem .75rem;
  align-items: start;
  min-height: 92px;
  padding: 1rem;
  border: 1px solid rgba(15, 23, 42, .1);
  border-radius: 18px;
  background: #fff;
  color: #0f172a;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
}
.com-ninjaextensionmanager .nem-quick-actions a > [uk-icon] { grid-area: icon; color: #0077c8; margin-top: .1rem; }
.com-ninjaextensionmanager .nem-quick-actions a strong { grid-area: title; color: #073b63; line-height: 1.2; }
.com-ninjaextensionmanager .nem-quick-actions a small { grid-area: desc; color: #64748b; line-height: 1.35; }
.com-ninjaextensionmanager .nem-quick-actions a:hover,
.com-ninjaextensionmanager .nem-quick-actions a:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(0, 119, 200, .45);
  box-shadow: 0 16px 34px rgba(15, 23, 42, .11);
}
.com-ninjaextensionmanager .nem-key-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: .65rem;
  align-items: center;
}
.com-ninjaextensionmanager .nem-dashboard-tab-panel {
  scroll-margin-top: 92px;
}
@media (max-width: 1024px) {
  .com-ninjaextensionmanager .nem-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .com-ninjaextensionmanager .nem-dashboard-tabs { display: flex; }
  .com-ninjaextensionmanager .nem-dashboard-tab-panel[hidden] { display: none !important; }
  .com-ninjaextensionmanager .nem-dashboard-tab-panel.is-active { display: block !important; }
}
@media (max-width: 640px) {
  .com-ninjaextensionmanager .nem-quick-actions { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-quick-actions a { min-height: auto; }
  .com-ninjaextensionmanager .nem-key-row { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-key-row > * { width: 100%; }
}


/* Phase 36.35 — client portal final mobile tab and action polish */
.com-ninjaextensionmanager .nem-dashboard-tabs {
  display: none;
  flex-wrap: nowrap;
  gap: .5rem;
  margin: 1rem 0 1.25rem;
  padding: .5rem;
  overflow-x: auto;
  border: 1px solid rgba(7, 59, 99, .14);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 28px rgba(15,23,42,.08);
}
.com-ninjaextensionmanager .nem-dashboard-tabs button {
  appearance: none;
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 1px solid rgba(7, 59, 99, .14);
  border-radius: 999px;
  padding: .7rem 1rem;
  background: #fff;
  color: #073b63;
  font-weight: 800;
  font-size: .92rem;
  line-height: 1.1;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(15,23,42,.05);
}
.com-ninjaextensionmanager .nem-dashboard-tabs button.is-active,
.com-ninjaextensionmanager .nem-dashboard-tabs button:focus-visible {
  background: #073b63;
  color: #fff;
  border-color: #073b63;
  outline: 3px solid rgba(50,198,217,.35);
  outline-offset: 2px;
}
.com-ninjaextensionmanager .nem-dashboard-tabs a { display: none !important; }
.com-ninjaextensionmanager .nem-quick-actions,
.com-ninjaextensionmanager .nem-kpi-grid {
  gap: 1rem !important;
}
.com-ninjaextensionmanager .nem-quick-actions a,
.com-ninjaextensionmanager .nem-kpi-card {
  text-decoration: none !important;
  border-radius: 18px !important;
}
@media (max-width: 900px) {
  .com-ninjaextensionmanager .nem-dashboard-tabs { display: flex !important; }
  .com-ninjaextensionmanager .nem-dashboard-tab-panel[hidden] { display: none !important; }
  .com-ninjaextensionmanager .nem-dashboard-tab-panel.is-active { display: block !important; }
  .com-ninjaextensionmanager .nem-kpi-grid,
  .com-ninjaextensionmanager .nem-quick-actions { grid-template-columns: 1fr !important; }
}

/* Phase 36.36 — client portal action/cards and manual site activation UX */
.com-ninjaextensionmanager.nem-customer-dashboard .nem-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem!important;margin:1.25rem 0!important}.com-ninjaextensionmanager.nem-customer-dashboard .nem-kpi-card{display:flex!important;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:18px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important;color:#0f172a!important}.com-ninjaextensionmanager.nem-customer-dashboard .nem-kpi-card strong{font-size:1.55rem;line-height:1;color:#073b63!important;font-weight:900}.com-ninjaextensionmanager.nem-customer-dashboard .nem-kpi-card em{font-style:normal;color:#64748b!important;font-weight:800}.com-ninjaextensionmanager.nem-customer-dashboard .nem-quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem!important;margin:1.25rem 0!important}.com-ninjaextensionmanager.nem-customer-dashboard .nem-quick-actions a{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon desc";gap:.25rem .75rem;align-items:start;min-height:92px;padding:1rem!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:18px!important;background:#fff!important;color:#0f172a!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important}.com-ninjaextensionmanager.nem-customer-dashboard .nem-quick-actions a span[uk-icon]{grid-area:icon;color:#0077c8;margin-top:.1rem}.com-ninjaextensionmanager.nem-customer-dashboard .nem-quick-actions a strong{grid-area:title;color:#073b63!important;line-height:1.2;font-weight:900}.com-ninjaextensionmanager.nem-customer-dashboard .nem-quick-actions a small{grid-area:desc;color:#64748b!important;line-height:1.35}.com-ninjaextensionmanager .nem-manual-site-form{display:grid;gap:.75rem;margin-top:1rem;padding:1rem;border:1px dashed rgba(0,119,200,.35);border-radius:16px;background:#f8fbff}.com-ninjaextensionmanager .nem-manual-site-form .nem-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.65rem;align-items:end}.com-ninjaextensionmanager .nem-manual-site-form label{display:grid;gap:.3rem;color:#073b63;font-weight:800}@media(max-width:1024px){.com-ninjaextensionmanager.nem-customer-dashboard .nem-kpi-grid,.com-ninjaextensionmanager.nem-customer-dashboard .nem-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){.com-ninjaextensionmanager.nem-customer-dashboard .nem-kpi-grid,.com-ninjaextensionmanager.nem-customer-dashboard .nem-quick-actions{grid-template-columns:1fr!important}.com-ninjaextensionmanager.nem-customer-dashboard .nem-quick-actions a{min-height:auto}.com-ninjaextensionmanager .nem-manual-site-form .nem-field-row{grid-template-columns:1fr}.com-ninjaextensionmanager .nem-manual-site-form .uk-button{width:100%}}

/* Phase 36.37 client portal card/action rendering correction */
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-stat-grid,
.com-ninjaextensionmanager.nem-license-page .nem-portal-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  margin: 1.25rem 0 1.5rem !important;
}
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-stat-card,
.com-ninjaextensionmanager.nem-license-page .nem-portal-stat-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-areas: "icon value" "icon label" !important;
  column-gap: .85rem !important;
  align-items: center !important;
  min-height: 110px !important;
  padding: 1.15rem !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #0f172a !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .08) !important;
}
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-stat-card:hover,
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-action-card:hover,
.com-ninjaextensionmanager.nem-license-page .nem-portal-action-card:hover { transform: translateY(-1px); box-shadow: 0 18px 40px rgba(15, 23, 42, .11) !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-stat-icon { grid-area: icon; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: rgba(0, 119, 200, .10); color: #0077c8; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-stat-value { grid-area: value; display:block; color: #073b63; font-size: 1.8rem; line-height: 1; font-weight: 900; text-decoration: none !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-stat-label { grid-area: label; display:block; color: #64748b; font-size: .9rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; text-decoration: none !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-action-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 1rem !important; margin: 0 0 1.5rem !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-action-card { display: grid !important; grid-template-columns: auto 1fr !important; grid-template-areas: "icon title" "icon desc" !important; gap: .25rem .85rem !important; align-items: start !important; min-height: 112px !important; padding: 1.15rem !important; border: 1px solid rgba(15, 23, 42, .10) !important; border-radius: 20px !important; background: #fff !important; color: #0f172a !important; text-decoration: none !important; box-shadow: 0 16px 34px rgba(15, 23, 42, .08) !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-action-icon { grid-area: icon; display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: rgba(0, 119, 200, .10); color: #0077c8; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-action-title { grid-area: title; display:block; color: #073b63; font-weight: 900; font-size: 1rem; line-height: 1.2; text-decoration: none !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-action-desc { grid-area: desc; display:block; color: #64748b; font-weight: 600; font-size: .9rem; line-height: 1.35; text-decoration: none !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-tabbar { display:flex !important; flex-wrap: wrap !important; gap:.6rem !important; margin:1rem 0 1.25rem !important; padding:.75rem !important; border-radius:22px !important; border:1px solid rgba(15,23,42,.10) !important; background:#fff !important; box-shadow:0 16px 34px rgba(15,23,42,.08) !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-tab { appearance:none !important; display:inline-flex !important; align-items:center !important; gap:.45rem !important; min-height:44px !important; border:1px solid rgba(0,119,200,.22) !important; border-radius:999px !important; padding:.7rem 1rem !important; background:#f8fbff !important; color:#073b63 !important; font-weight:800 !important; line-height:1.1 !important; box-shadow:none !important; }
.com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-tab.is-active { background:#0077c8 !important; border-color:#0077c8 !important; color:#fff !important; }
.com-ninjaextensionmanager .nem-site-activation-card { margin: 1.25rem 0 !important; padding: 1.25rem !important; border:1px solid rgba(0,119,200,.18) !important; border-radius:20px !important; background:linear-gradient(135deg,#f8fbff 0%,#fff 100%) !important; box-shadow:0 14px 32px rgba(15,23,42,.08) !important; }
.com-ninjaextensionmanager .nem-site-activation-card h3 { margin:0 0 .35rem !important; color:#073b63 !important; }
.com-ninjaextensionmanager .nem-site-activation-card p { margin:.25rem 0 1rem !important; color:#64748b !important; }
@media (max-width: 1024px) { .com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-stat-grid, .com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-stat-grid, .com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-action-grid { grid-template-columns: 1fr !important; } .com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-stat-card, .com-ninjaextensionmanager.nem-customer-dashboard .nem-portal-action-card { min-height:auto !important; } }

/* Phase 36.42 client portal stat icon alignment fix */
.com-ninjaextensionmanager .nem-client-portal .nem-stat-card .nem-stat-icon,
.com-ninjaextensionmanager.nem-customer-dashboard .nem-stat-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 18px !important;
  background: rgba(0,119,200,.12) !important;
  color: #0077c8 !important;
  font-size: 1.45rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
  place-self: center start !important;
  overflow: hidden !important;
}
.com-ninjaextensionmanager .nem-client-portal .nem-stat-card .nem-stat-icon svg,
.com-ninjaextensionmanager .nem-client-portal .nem-stat-card .nem-stat-icon [uk-icon],
.com-ninjaextensionmanager.nem-customer-dashboard .nem-stat-icon svg,
.com-ninjaextensionmanager.nem-customer-dashboard .nem-stat-icon [uk-icon] {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
}
.com-ninjaextensionmanager .nem-client-portal .nem-stat-card .nem-stat-icon *,
.com-ninjaextensionmanager.nem-customer-dashboard .nem-stat-icon * {
  line-height: 1 !important;
}


/* Phase 36.56: marketplace hero action visibility fix */
.com-ninjaextensionmanager .nem-market-hero__actions .btn-light,
.com-ninjaextensionmanager .nem-market-hero__actions .uk-button-default {
  color: #063052 !important;
  background: #ffffff !important;
  border-color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
}
.com-ninjaextensionmanager .nem-market-hero__actions .btn-light:hover,
.com-ninjaextensionmanager .nem-market-hero__actions .uk-button-default:hover {
  color: #021d35 !important;
  background: #f4f8fc !important;
}


/* Phase 37.1 product-line tabs and marketplace CTA hardening */
.nem-product-line-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin: 1rem 0 1.5rem;
    align-items: center;
}
.nem-product-line-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: .7rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(12, 35, 64, .15);
    background: #fff;
    color: #14324f !important;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(12, 35, 64, .08);
}
.nem-product-line-tab:hover,
.nem-product-line-tab:focus,
.nem-product-line-tab.is-active {
    background: #123a63;
    border-color: #123a63;
    color: #fff !important;
}
.nem-market-hero__actions .nem-market-hero__browse,
.nem-market-hero__actions .nem-market-hero__browse:visited {
    background: #fff !important;
    border-color: #fff !important;
    color: #123a63 !important;
    text-shadow: none !important;
}
.nem-market-hero__actions .nem-market-hero__browse:hover,
.nem-market-hero__actions .nem-market-hero__browse:focus {
    background: #f4f8fc !important;
    color: #0a2744 !important;
}
@media (max-width: 640px) {
    .nem-product-line-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
    .nem-product-line-tab { width: 100%; padding: .65rem .75rem; }
}

/* Phase 37.3 - pricing plan product-line segmentation */
.nem-product-line-tab { display: inline-flex; align-items: center; justify-content: space-between; gap: .75rem; }
.nem-product-line-tab strong { min-width: 1.8rem; min-height: 1.8rem; padding: .15rem .45rem; border-radius: 999px; background: rgba(255,255,255,.8); color: #0f2f4a; font-size: .85rem; line-height: 1.4; text-align: center; }
.nem-product-line-tab.is-active strong { background: #fff; color: #0f2f4a; }
.nem-plan-line-summary { margin: 1.25rem 0 1rem; padding: 1rem 1.15rem; border: 1px solid rgba(15,47,74,.12); border-radius: 16px; background: #f8fbff; }
.nem-plan-line-summary h2 { margin: 0 0 .35rem; font-size: clamp(1.25rem, 2vw, 1.65rem); }
.nem-plan-line-summary p { margin: 0; color: #52677a; }
@media (max-width: 680px) { .nem-product-line-tab { justify-content: center; } .nem-plan-line-summary { margin-top: 1rem; } }

/* Phase 37.8 marketplace sales UX */
.nem-product-line-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: .75rem;
    margin: 1.25rem 0;
}
.nem-product-line-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 14px;
    background: #fff;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}
.nem-product-line-tab strong {
    min-width: 2rem;
    padding: .2rem .5rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, .08);
    text-align: center;
    font-size: .78rem;
}
.nem-product-line-tab.is-active {
    background: #0f2f57;
    color: #fff;
    border-color: #0f2f57;
}
.nem-product-line-tab.is-active strong {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}
.nem-sales-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    margin: 1rem 0 1.25rem;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(15,47,87,.08), rgba(0,119,200,.08));
    border: 1px solid rgba(15,47,87,.12);
}
.nem-sales-intro h2 { margin: .15rem 0 .25rem; }
.nem-sales-intro p { margin: 0; color: #526173; }
.nem-sales-intro__legend {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}
.nem-sales-intro__legend span,
.nem-market-card__sales-path {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .35rem .65rem;
    background: #fff;
    color: #0f2f57;
    font-size: .78rem;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px rgba(15,47,87,.1);
}
.nem-market-card__sales-path {
    margin-top: .65rem;
    align-self: flex-start;
}
.nem-market-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}
.nem-pill--info { background: #e0f2fe; color: #075985; }
.nem-pill--muted { background: #e5e7eb; color: #374151; }
.nem-product-sales-panel {
    border-radius: 18px;
    border: 1px solid rgba(15,47,87,.12);
    box-shadow: 0 14px 35px rgba(15, 23, 42, .08);
}
.nem-product-sales-panel__price {
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 800;
    margin: .75rem 0 1rem;
    color: #0f2f57;
}
.nem-product-sales-panel__options {
    display: grid;
    gap: .75rem;
}
.nem-sales-option {
    display: grid;
    gap: .2rem;
    padding: .9rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(15,47,87,.14);
    background: #fff;
    text-decoration: none;
    color: inherit;
}
.nem-sales-option:hover,
.nem-sales-option:focus {
    border-color: #0f77c8;
    box-shadow: 0 8px 22px rgba(15, 119, 200, .12);
    text-decoration: none;
}
.nem-sales-option--primary {
    background: #0f2f57;
    color: #fff;
    border-color: #0f2f57;
}
.nem-sales-option span { font-size: .85rem; opacity: .8; }
@media (max-width: 720px) {
    .nem-sales-intro { align-items: stretch; flex-direction: column; }
    .nem-sales-intro__legend { justify-content: flex-start; }
    .nem-product-line-tabs { grid-template-columns: 1fr 1fr; }
    .nem-market-card__actions > * { flex: 1 1 100%; text-align: center; }
}

/* Phase 38.1 — Enterprise Marketplace UX rewrite, no emoji icon system */
.com-ninjaextensionmanager .nem-icon {
  --nem-icon-size: 1.1rem;
  width: var(--nem-icon-size);
  height: var(--nem-icon-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--nem-icon-size);
  position: relative;
  color: currentColor;
}
.com-ninjaextensionmanager .nem-icon::before,
.com-ninjaextensionmanager .nem-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}
.com-ninjaextensionmanager .nem-icon--puzzle-piece::before { width: 72%; height: 72%; border: 2px solid currentColor; border-radius: .25rem; }
.com-ninjaextensionmanager .nem-icon--puzzle-piece::after { width: 34%; height: 34%; border: 2px solid currentColor; border-radius: 999px; background: #fff; top: -1px; right: 2px; }
.com-ninjaextensionmanager .nem-icon--palette::before { width: 82%; height: 72%; border: 2px solid currentColor; border-radius: 999px 999px 999px 35%; transform: rotate(-12deg); }
.com-ninjaextensionmanager .nem-icon--palette::after { width: 26%; height: 26%; border: 2px solid currentColor; border-radius: 999px; right: 15%; bottom: 18%; }
.com-ninjaextensionmanager .nem-icon--grid::before { width: 80%; height: 80%; border: 2px solid currentColor; border-radius: .2rem; box-shadow: inset 0 0 0 3px #fff; }
.com-ninjaextensionmanager .nem-icon--grid::after { width: 2px; height: 80%; background: currentColor; left: 50%; top: 10%; box-shadow: -999px 0 0 transparent; }
.com-ninjaextensionmanager .nem-icon--grid-plus::before { width: 80%; height: 80%; border: 2px solid currentColor; border-radius: .2rem; }
.com-ninjaextensionmanager .nem-icon--grid-plus::after { width: 48%; height: 2px; background: currentColor; box-shadow: 0 0 0 currentColor, 0 0 0 currentColor; }
.com-ninjaextensionmanager .nem-icon--layout::before { width: 84%; height: 70%; border: 2px solid currentColor; border-radius: .2rem; }
.com-ninjaextensionmanager .nem-icon--layout::after { width: 2px; height: 70%; background: currentColor; left: 38%; top: 15%; }
.com-ninjaextensionmanager .nem-icon--site::before { width: 82%; height: 66%; border: 2px solid currentColor; border-radius: .22rem; }
.com-ninjaextensionmanager .nem-icon--site::after { width: 45%; height: 2px; background: currentColor; top: 30%; left: 28%; box-shadow: 0 .28rem 0 currentColor, 0 .56rem 0 currentColor; }
.com-ninjaextensionmanager .nem-icon--plus-circle::before { width: 82%; height: 82%; border: 2px solid currentColor; border-radius: 999px; }
.com-ninjaextensionmanager .nem-icon--plus-circle::after { width: 42%; height: 2px; background: currentColor; box-shadow: 0 0 0 currentColor; }
.com-ninjaextensionmanager .nem-icon--box::before { width: 82%; height: 68%; border: 2px solid currentColor; border-radius: .2rem; transform: perspective(40px) rotateX(8deg); }
.com-ninjaextensionmanager .nem-icon--box::after { width: 2px; height: 64%; background: currentColor; top: 18%; left: 50%; }
.com-ninjaextensionmanager .nem-icon--product::before,
.com-ninjaextensionmanager .nem-icon--marketplace::before { width: 78%; height: 78%; border: 2px solid currentColor; border-radius: .28rem; }
.com-ninjaextensionmanager .nem-icon--product::after,
.com-ninjaextensionmanager .nem-icon--marketplace::after { width: 38%; height: 38%; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }
.com-ninjaextensionmanager .nem-icon--check::before { width: 70%; height: 38%; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); top: 25%; }

.com-ninjaextensionmanager .nem-market-card--enterprise {
  display: grid;
  grid-template-rows: auto 1fr auto;
  border: 1px solid rgba(15, 23, 42, .1) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .08) !important;
  background: #fff !important;
  overflow: hidden;
  min-height: 100%;
}
.com-ninjaextensionmanager .nem-market-card--enterprise .nem-market-card__media {
  min-height: 190px;
  background: linear-gradient(135deg, rgba(11,45,77,.08), rgba(0,119,200,.12));
}
.com-ninjaextensionmanager .nem-market-card--enterprise .nem-market-card__placeholder {
  --nem-icon-size: 3rem;
  color: var(--nem-site-blue);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .1);
  padding: 1rem;
}
.com-ninjaextensionmanager .nem-market-card--enterprise .nem-market-card__body {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  padding: 1.25rem 1.25rem 1rem;
}
.com-ninjaextensionmanager .nem-market-card__type {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  width: fit-content;
  color: var(--nem-site-blue);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.com-ninjaextensionmanager .nem-market-card--enterprise .nem-market-card__summary {
  margin: 0;
  color: var(--nem-site-muted);
}
.com-ninjaextensionmanager .nem-market-card__features {
  display: grid;
  gap: .45rem;
  list-style: none;
  margin: .1rem 0 0;
  padding: 0;
  color: #334155;
  font-size: .92rem;
}
.com-ninjaextensionmanager .nem-market-card__features li {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
}
.com-ninjaextensionmanager .nem-market-card__features .nem-icon {
  color: #0f766e;
  margin-top: .2rem;
}
.com-ninjaextensionmanager .nem-market-card__cta-panel {
  display: grid;
  gap: .9rem;
  padding: 1rem 1.25rem 1.25rem !important;
  border-top: 1px solid rgba(15, 23, 42, .08);
  background: linear-gradient(180deg, #fff, var(--nem-site-soft));
}
.com-ninjaextensionmanager .nem-market-card__cta-copy {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
}
.com-ninjaextensionmanager .nem-market-card__cta-copy span {
  color: var(--nem-site-muted);
  font-size: .82rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.com-ninjaextensionmanager .nem-market-card__cta-copy strong {
  color: var(--nem-site-navy);
  font-size: 1.2rem;
  font-weight: 900;
  text-align: right;
}
.com-ninjaextensionmanager .nem-market-card--enterprise .nem-market-card__actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .65rem;
  margin: 0;
}
.com-ninjaextensionmanager .nem-market-card--enterprise .nem-market-card__actions .btn,
.com-ninjaextensionmanager .nem-market-card--enterprise .nem-market-card__actions .uk-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.com-ninjaextensionmanager .nem-product-line-tab {
  display: flex;
  align-items: center;
  gap: .55rem;
}
.com-ninjaextensionmanager .nem-product-line-tab .nem-icon {
  color: var(--nem-site-blue);
}
.com-ninjaextensionmanager .nem-product-line-tab.is-active .nem-icon {
  color: inherit;
}
.com-ninjaextensionmanager .nem-market-card__signals,
.com-ninjaextensionmanager .nem-market-card__sales-path,
.com-ninjaextensionmanager .nem-market-card__release,
.com-ninjaextensionmanager .nem-market-card__meta {
  display: none !important;
}
.com-ninjaextensionmanager .nem-stat-icon.nem-icon {
  --nem-icon-size: 1.35rem;
}
@media (max-width: 700px) {
  .com-ninjaextensionmanager .nem-market-card--enterprise .nem-market-card__actions {
    grid-template-columns: 1fr;
  }
  .com-ninjaextensionmanager .nem-market-card__cta-copy {
    align-items: flex-start;
    flex-direction: column;
  }
  .com-ninjaextensionmanager .nem-market-card__cta-copy strong {
    text-align: left;
  }
}


/* Phase 38.2 - enterprise product detail UX */
.com-ninjaextensionmanager.nem-product-detail,
.com-ninjaextensionmanager .nem-product-detail {
  --nem-detail-gap: 1.5rem;
  --nem-detail-card-bg: #fff;
}
.com-ninjaextensionmanager .nem-product-hero {
  max-width: 1240px;
  margin: 0 auto 2rem;
  padding: 1.5rem;
}
.com-ninjaextensionmanager .nem-product-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
  color: var(--nem-site-muted);
  font-size: .92rem;
  margin-bottom: 1rem;
}
.com-ninjaextensionmanager .nem-product-breadcrumb a { color: var(--nem-site-blue); font-weight: 800; text-decoration: none; }
.com-ninjaextensionmanager .nem-product-hero-grid {
  display: grid;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr) minmax(280px, 340px);
  gap: var(--nem-detail-gap);
  align-items: stretch;
}
.com-ninjaextensionmanager .nem-product-media-panel,
.com-ninjaextensionmanager .nem-product-summary-panel,
.com-ninjaextensionmanager .nem-purchase-card,
.com-ninjaextensionmanager .nem-detail-section,
.com-ninjaextensionmanager .nem-product-side .nem-card {
  border: 1px solid var(--nem-site-border);
  border-radius: 22px;
  background: var(--nem-detail-card-bg);
  box-shadow: var(--nem-site-shadow);
}
.com-ninjaextensionmanager .nem-product-media-panel { padding: 1rem; display: flex; align-items: center; justify-content: center; min-height: 280px; }
.com-ninjaextensionmanager .nem-product-image { display: block; width: 100%; max-height: 360px; object-fit: contain; border-radius: 16px; }
.com-ninjaextensionmanager .nem-product-image-placeholder { width: 100%; min-height: 260px; border: 1px dashed var(--nem-site-border); border-radius: 18px; background: var(--nem-site-soft); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; color: var(--nem-site-muted); font-weight: 800; text-align: center; }
.com-ninjaextensionmanager .nem-product-summary-panel { padding: 1.6rem; }
.com-ninjaextensionmanager .nem-product-eyebrow { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; color: var(--nem-site-blue); font-size: .88rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; margin-bottom: .8rem; }
.com-ninjaextensionmanager .nem-dot { width: .35rem; height: .35rem; border-radius: 999px; background: var(--nem-site-border); }
.com-ninjaextensionmanager .nem-product-summary-panel h1 { margin-bottom: .75rem; }
.com-ninjaextensionmanager .nem-product-lead { font-size: 1.08rem; color: #334155; max-width: 62ch; margin-bottom: 1.1rem; }
.com-ninjaextensionmanager .nem-product-trust-row { display: grid; gap: .65rem; margin: 1rem 0; }
.com-ninjaextensionmanager .nem-product-trust-row span,
.com-ninjaextensionmanager .nem-purchase-assurance li,
.com-ninjaextensionmanager .nem-feature-item { display: flex; align-items: flex-start; gap: .55rem; }
.com-ninjaextensionmanager .nem-product-actions-inline { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.com-ninjaextensionmanager .nem-purchase-card { padding: 1.35rem; position: sticky; top: 1rem; }
.com-ninjaextensionmanager .nem-purchase-label { color: var(--nem-site-muted); font-size: .82rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.com-ninjaextensionmanager .nem-purchase-price { color: var(--nem-site-navy); font-size: clamp(2rem, 4vw, 2.8rem); line-height: 1; font-weight: 950; margin: .5rem 0; }
.com-ninjaextensionmanager .nem-purchase-note { color: var(--nem-site-muted); margin-bottom: 1rem; }
.com-ninjaextensionmanager .nem-purchase-assurance { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; gap: .65rem; color: #334155; font-size: .92rem; }
.com-ninjaextensionmanager .nem-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 42px; padding: .72rem 1rem; border-radius: 12px; text-decoration: none; font-weight: 900; border: 1px solid transparent; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.com-ninjaextensionmanager .nem-button:hover { transform: translateY(-1px); text-decoration: none; }
.com-ninjaextensionmanager .nem-button-primary { background: var(--nem-site-blue); color: #fff; box-shadow: 0 10px 24px rgba(0,119,200,.22); }
.com-ninjaextensionmanager .nem-button-secondary { background: #fff; color: var(--nem-site-navy); border-color: var(--nem-site-border); }
.com-ninjaextensionmanager .nem-button-ghost { background: var(--nem-site-soft); color: var(--nem-site-navy); border-color: transparent; }
.com-ninjaextensionmanager .nem-button-block { width: 100%; margin-top: .75rem; }
.com-ninjaextensionmanager .nem-button-small { min-height: 36px; padding: .5rem .75rem; font-size: .9rem; }
.com-ninjaextensionmanager .nem-product-content-grid { max-width: 1240px; margin: 0 auto; padding: 0 1.5rem 2.5rem; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--nem-detail-gap); align-items: start; }
.com-ninjaextensionmanager .nem-product-main { display: grid; gap: 1rem; min-width: 0; }
.com-ninjaextensionmanager .nem-product-tabs { display: flex; flex-wrap: wrap; gap: .5rem; padding: .65rem; border: 1px solid var(--nem-site-border); border-radius: 18px; background: #fff; box-shadow: var(--nem-site-shadow); position: sticky; top: 0; z-index: 2; }
.com-ninjaextensionmanager .nem-product-tabs a { padding: .5rem .8rem; border-radius: 999px; color: var(--nem-site-navy); background: var(--nem-site-soft); font-weight: 800; text-decoration: none; }
.com-ninjaextensionmanager .nem-detail-section { padding: 1.4rem; scroll-margin-top: 5rem; }
.com-ninjaextensionmanager .nem-section-heading { display: flex; align-items: flex-start; gap: .9rem; margin-bottom: 1rem; }
.com-ninjaextensionmanager .nem-section-heading h2 { margin: 0 0 .2rem; }
.com-ninjaextensionmanager .nem-section-heading p { color: var(--nem-site-muted); margin: 0; }
.com-ninjaextensionmanager .nem-section-icon,
.com-ninjaextensionmanager .nem-product-line-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; border-radius: 14px; background: linear-gradient(135deg, rgba(0,119,200,.14), rgba(50,198,217,.18)); position: relative; display: inline-block; }
.com-ninjaextensionmanager .nem-product-eyebrow .nem-product-line-icon { width: 1.6rem; height: 1.6rem; border-radius: 9px; }
.com-ninjaextensionmanager .nem-status-icon,
.com-ninjaextensionmanager .nem-button-icon { flex: 0 0 auto; width: 1.05rem; height: 1.05rem; border-radius: 4px; position: relative; display: inline-block; margin-top: .1rem; }
.com-ninjaextensionmanager .nem-status-icon::before,
.com-ninjaextensionmanager .nem-button-icon::before,
.com-ninjaextensionmanager .nem-section-icon::before,
.com-ninjaextensionmanager .nem-product-line-icon::before { content: ""; position: absolute; inset: 22%; border: 2px solid currentColor; color: var(--nem-site-blue); border-radius: 3px; }
.com-ninjaextensionmanager .nem-icon-check::before { inset: 15% 20% 25% 20%; border-width: 0 0 2px 2px; transform: rotate(-45deg); border-radius: 0; }
.com-ninjaextensionmanager .nem-icon-cart::before { inset: 25% 15% 30% 15%; border-radius: 2px; }
.com-ninjaextensionmanager .nem-icon-download::before { inset: 18% 30% 35% 30%; border-width: 0 2px 2px 0; transform: rotate(45deg); border-radius: 0; }
.com-ninjaextensionmanager .nem-icon-docs::before { border-radius: 2px; }
.com-ninjaextensionmanager .nem-icon-preview::before { border-radius: 999px; }
.com-ninjaextensionmanager .nem-icon-secure::before { border-radius: 999px 999px 5px 5px; }
.com-ninjaextensionmanager .nem-icon-plan::before { inset: 20%; border-radius: 2px; box-shadow: 5px 5px 0 -2px currentColor; }
.com-ninjaextensionmanager .nem-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .75rem; }
.com-ninjaextensionmanager .nem-feature-item { border: 1px solid var(--nem-site-border); border-radius: 14px; padding: .85rem; background: var(--nem-site-soft); font-weight: 700; }
.com-ninjaextensionmanager .nem-plan-strip,
.com-ninjaextensionmanager .nem-bundle-grid,
.com-ninjaextensionmanager .nem-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .9rem; }
.com-ninjaextensionmanager .nem-plan-mini,
.com-ninjaextensionmanager .nem-bundle-card,
.com-ninjaextensionmanager .nem-related-card { border: 1px solid var(--nem-site-border); border-radius: 16px; padding: 1rem; background: #fff; display: grid; gap: .75rem; }
.com-ninjaextensionmanager .nem-plan-mini.is-featured { border-color: rgba(0,119,200,.45); background: linear-gradient(180deg, rgba(0,119,200,.06), #fff); }
.com-ninjaextensionmanager .nem-plan-mini h3,
.com-ninjaextensionmanager .nem-bundle-card h3,
.com-ninjaextensionmanager .nem-related-card h3 { margin: 0; font-size: 1.05rem; }
.com-ninjaextensionmanager .nem-plan-mini p,
.com-ninjaextensionmanager .nem-bundle-card p,
.com-ninjaextensionmanager .nem-related-card p { margin: 0; color: var(--nem-site-muted); }
.com-ninjaextensionmanager .nem-plan-mini-price { color: var(--nem-site-navy); font-size: 1.45rem; font-weight: 950; }
.com-ninjaextensionmanager .nem-bundle-title-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.com-ninjaextensionmanager .nem-bundle-meta { display: flex; flex-wrap: wrap; gap: .5rem; color: var(--nem-site-muted); }
.com-ninjaextensionmanager .nem-product-side { display: grid; gap: 1rem; }
.com-ninjaextensionmanager .nem-product-side .nem-card { padding: 1.15rem; }
.com-ninjaextensionmanager .nem-compact-info h2,
.com-ninjaextensionmanager .nem-tag-card h2 { font-size: 1.05rem; margin-bottom: .8rem; }
.com-ninjaextensionmanager .nem-compact-info dl { display: grid; gap: .55rem; margin: 0; }
.com-ninjaextensionmanager .nem-compact-info dt { color: var(--nem-site-muted); font-size: .78rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.com-ninjaextensionmanager .nem-compact-info dd { margin: 0 0 .4rem; font-weight: 800; color: var(--nem-site-navy); }
.com-ninjaextensionmanager .nem-tag-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.com-ninjaextensionmanager .nem-tag-list span,
.com-ninjaextensionmanager .nem-badge { border-radius: 999px; background: var(--nem-site-soft); border: 1px solid var(--nem-site-border); color: var(--nem-site-navy); padding: .35rem .6rem; font-size: .82rem; font-weight: 800; }
@media (max-width: 1080px) {
  .com-ninjaextensionmanager .nem-product-hero-grid,
  .com-ninjaextensionmanager .nem-product-content-grid { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-purchase-card,
  .com-ninjaextensionmanager .nem-product-tabs { position: static; }
}
@media (max-width: 640px) {
  .com-ninjaextensionmanager .nem-product-hero,
  .com-ninjaextensionmanager .nem-product-content-grid { padding-left: 1rem; padding-right: 1rem; }
  .com-ninjaextensionmanager .nem-product-summary-panel,
  .com-ninjaextensionmanager .nem-detail-section { padding: 1rem; }
  .com-ninjaextensionmanager .nem-product-actions-inline .nem-button { width: 100%; }
}


/* Phase 38.2 - remove remaining dashboard text/emoji symbols in favor of CSS icons */
.com-ninjaextensionmanager .nem-icon {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--nem-site-blue);
}
.com-ninjaextensionmanager .nem-icon::before,
.com-ninjaextensionmanager .nem-icon::after {
  content: "";
  position: absolute;
  border: 2px solid currentColor;
  box-sizing: border-box;
}
.com-ninjaextensionmanager .nem-icon--plans::before { inset: 25% 12%; border-radius: 999px; }
.com-ninjaextensionmanager .nem-icon--plans::after { inset: 25% 12%; border-radius: 999px; transform: rotate(90deg); }
.com-ninjaextensionmanager .nem-icon--license::before { width: 55%; height: 55%; left: 4%; top: 22%; border-radius: 999px; }
.com-ninjaextensionmanager .nem-icon--license::after { width: 50%; height: 0; right: 4%; top: 50%; border-width: 2px 0 0; box-shadow: 6px 0 0 currentColor; }
.com-ninjaextensionmanager .nem-icon--site::before { left: 18%; right: 18%; bottom: 12%; height: 48%; border-radius: 2px; }
.com-ninjaextensionmanager .nem-icon--site::after { left: 22%; top: 10%; width: 56%; height: 56%; border-width: 2px 2px 0 0; transform: rotate(-45deg); }
.com-ninjaextensionmanager .nem-icon--download::before { left: 42%; top: 12%; height: 48%; border-width: 0 2px 0 0; }
.com-ninjaextensionmanager .nem-icon--download::after { left: 29%; top: 38%; width: 42%; height: 42%; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.com-ninjaextensionmanager .nem-icon--add::before { left: 15%; right: 15%; top: 45%; border-width: 2px 0 0; }
.com-ninjaextensionmanager .nem-icon--add::after { top: 15%; bottom: 15%; left: 45%; border-width: 0 0 0 2px; }
.com-ninjaextensionmanager .nem-icon--manage::before { inset: 22%; border-width: 2px 2px 0 0; transform: rotate(45deg); }
.com-ninjaextensionmanager .nem-icon--manage::after { right: 18%; top: 18%; width: 42%; height: 42%; border-width: 2px 2px 0 0; }


/* Phase 38.3 - Enterprise membership/plans UX */
.com-ninjaextensionmanager .nem-membership-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  gap: 1.25rem;
  align-items: stretch;
  padding: clamp(1.4rem, 3vw, 2.4rem);
  margin-bottom: 1.2rem;
  background: linear-gradient(135deg, rgba(0, 81, 135, .08), rgba(0, 119, 200, .04)), #fff;
}
.com-ninjaextensionmanager .nem-membership-hero h1 { margin: .25rem 0 .65rem; max-width: 820px; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.05; color: var(--nem-site-navy, #0f2f4a); }
.com-ninjaextensionmanager .nem-membership-hero p { margin: 0; max-width: 760px; color: var(--nem-site-muted, #52677a); font-size: 1.06rem; }
.com-ninjaextensionmanager .nem-membership-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.com-ninjaextensionmanager .nem-membership-hero__panel { display: grid; gap: .75rem; align-content: center; }
.com-ninjaextensionmanager .nem-membership-hero__panel > div { display: flex; align-items: center; gap: .75rem; padding: .9rem 1rem; border: 1px solid var(--nem-site-border, rgba(15,47,74,.12)); border-radius: 16px; background: rgba(255,255,255,.76); color: var(--nem-site-navy, #0f2f4a); }
.com-ninjaextensionmanager .nem-membership-tabs { margin-top: 1rem; }
.com-ninjaextensionmanager .nem-plan-line-summary { display: flex; gap: .85rem; align-items: flex-start; }
.com-ninjaextensionmanager .nem-plan-line-summary .nem-icon { margin-top: .15rem; }
.com-ninjaextensionmanager .nem-membership-grid { align-items: stretch; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.com-ninjaextensionmanager .nem-membership-card { position: relative; display: flex; flex-direction: column; gap: 1rem; padding: 1.2rem; overflow: hidden; }
.com-ninjaextensionmanager .nem-membership-card--flagship { border-color: rgba(0,119,200,.35); box-shadow: 0 18px 40px rgba(15,47,74,.11); }
.com-ninjaextensionmanager .nem-membership-card__top { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .85rem; align-items: flex-start; }
.com-ninjaextensionmanager .nem-membership-card__top h2 { margin: .15rem 0 0; font-size: 1.35rem; line-height: 1.15; color: var(--nem-site-navy, #0f2f4a); }
.com-ninjaextensionmanager .nem-membership-card__summary { margin: 0; color: var(--nem-site-muted, #52677a); min-height: 2.8em; }
.com-ninjaextensionmanager .nem-membership-card__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 0; }
.com-ninjaextensionmanager .nem-membership-card__meta div { padding: .75rem; border: 1px solid var(--nem-site-border, rgba(15,47,74,.12)); border-radius: 14px; background: var(--nem-site-soft, #f8fbff); }
.com-ninjaextensionmanager .nem-membership-card__meta dt { margin: 0 0 .2rem; color: var(--nem-site-muted, #52677a); font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.com-ninjaextensionmanager .nem-membership-card__meta dd { margin: 0; color: var(--nem-site-navy, #0f2f4a); font-weight: 850; }
.com-ninjaextensionmanager .nem-membership-card__features { margin: .1rem 0 0; padding: 0; list-style: none; display: grid; gap: .68rem; }
.com-ninjaextensionmanager .nem-membership-card__features li { display: grid; grid-template-columns: 1.1rem minmax(0,1fr); gap: .6rem; align-items: start; color: var(--nem-site-navy, #0f2f4a); }
.com-ninjaextensionmanager .nem-membership-card__features li::before { display: none; }
.com-ninjaextensionmanager .nem-membership-card__features .nem-icon { --nem-icon-size: 1rem; margin-top: .12rem; }
.com-ninjaextensionmanager .nem-membership-card__cta { margin-top: auto; display: grid; gap: .8rem; padding-top: 1rem; border-top: 1px solid var(--nem-site-border, rgba(15,47,74,.12)); }
.com-ninjaextensionmanager .nem-membership-price { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; }
.com-ninjaextensionmanager .nem-membership-price strong { color: var(--nem-site-navy, #0f2f4a); font-size: clamp(1.8rem, 4vw, 2.35rem); line-height: 1; font-weight: 950; }
.com-ninjaextensionmanager .nem-membership-price span { color: var(--nem-site-muted, #52677a); font-weight: 750; text-align: right; }
.com-ninjaextensionmanager .nem-button { border-radius: 999px; font-weight: 900; }
.com-ninjaextensionmanager .nem-icon--billing::before { inset: 16% 18%; border-radius: 3px; }
.com-ninjaextensionmanager .nem-icon--billing::after { left: 25%; right: 25%; top: 38%; border-width: 2px 0 0; box-shadow: 0 .35rem 0 currentColor; }
@media (max-width: 840px) {
  .com-ninjaextensionmanager .nem-membership-hero { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-membership-card__top { grid-template-columns: auto minmax(0,1fr); }
  .com-ninjaextensionmanager .nem-membership-card__top .nem-pill { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 560px) {
  .com-ninjaextensionmanager .nem-membership-card__meta { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-membership-price { align-items: flex-start; flex-direction: column; }
  .com-ninjaextensionmanager .nem-membership-hero__actions .nem-button,
  .com-ninjaextensionmanager .nem-membership-card__cta .nem-button { width: 100%; }
}

/* Phase 38.4 bundle experience rewrite */
.com-ninjaextensionmanager .nem-solution-bundles { background: linear-gradient(180deg, rgba(0,119,200,.045), #fff 46%); }
.com-ninjaextensionmanager .nem-bundle-hero-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.com-ninjaextensionmanager .nem-section-kicker { margin: 0 0 .2rem; color: var(--nem-site-blue, #0077c8); font-size: .74rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.com-ninjaextensionmanager .nem-solution-bundle-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: stretch; }
.com-ninjaextensionmanager .nem-solution-bundle-card { position: relative; overflow: hidden; padding: 1.15rem; align-content: start; gap: .9rem; }
.com-ninjaextensionmanager .nem-solution-bundle-card.is-featured { border-color: rgba(0,119,200,.42); box-shadow: 0 18px 40px rgba(15,47,74,.1); }
.com-ninjaextensionmanager .nem-bundle-card-top { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .85rem; align-items: flex-start; }
.com-ninjaextensionmanager .nem-bundle-card-top h3 { margin: .12rem 0 0; color: var(--nem-site-navy, #0f2f4a); font-size: 1.18rem; line-height: 1.2; }
.com-ninjaextensionmanager .nem-bundle-eyebrow { margin: 0; color: var(--nem-site-muted, #52677a); font-size: .72rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.com-ninjaextensionmanager .nem-bundle-summary { margin: 0; color: var(--nem-site-muted, #52677a); line-height: 1.55; }
.com-ninjaextensionmanager .nem-bundle-value-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 0; }
.com-ninjaextensionmanager .nem-bundle-value-strip div { padding: .8rem; border: 1px solid var(--nem-site-border, rgba(15,47,74,.12)); border-radius: 14px; background: var(--nem-site-soft, #f8fbff); }
.com-ninjaextensionmanager .nem-bundle-value-strip dt { margin: 0 0 .22rem; color: var(--nem-site-muted, #52677a); font-size: .72rem; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; }
.com-ninjaextensionmanager .nem-bundle-value-strip dd { margin: 0; color: var(--nem-site-navy, #0f2f4a); font-size: 1.08rem; font-weight: 950; }
.com-ninjaextensionmanager .nem-bundle-savings { display: flex; align-items: center; gap: .55rem; padding: .75rem .85rem; border-radius: 14px; background: rgba(0,119,200,.08); color: var(--nem-site-navy, #0f2f4a); }
.com-ninjaextensionmanager .nem-bundle-includes { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.com-ninjaextensionmanager .nem-bundle-includes li { display: grid; grid-template-columns: 1rem minmax(0, 1fr); gap: .55rem; color: var(--nem-site-navy, #0f2f4a); font-weight: 750; }
.com-ninjaextensionmanager .nem-bundle-includes li::before { display: none; }
.com-ninjaextensionmanager .nem-bundle-cta-panel { margin-top: auto; padding-top: .95rem; border-top: 1px solid var(--nem-site-border, rgba(15,47,74,.12)); }
.com-ninjaextensionmanager .nem-icon-value::before { inset: 18% 22%; border-radius: 999px; }
.com-ninjaextensionmanager .nem-icon-plus::before { inset: 22% 46%; border-width: 0 0 0 2px; border-radius: 0; box-shadow: -6px 6px 0 -5px currentColor, 6px 6px 0 -5px currentColor; }
@media (max-width: 760px) {
  .com-ninjaextensionmanager .nem-bundle-hero-row { flex-direction: column; }
  .com-ninjaextensionmanager .nem-bundle-hero-row .nem-button { width: 100%; }
  .com-ninjaextensionmanager .nem-bundle-card-top { grid-template-columns: auto minmax(0,1fr); }
  .com-ninjaextensionmanager .nem-bundle-card-top .nem-badge { grid-column: 1 / -1; justify-self: start; }
  .com-ninjaextensionmanager .nem-bundle-value-strip { grid-template-columns: 1fr; }
}

/* Phase 38.5 customer dashboard enterprise UX rewrite */
.com-ninjaextensionmanager.nem-dashboard-enterprise {
  --nem-dashboard-navy: #073b63;
  --nem-dashboard-blue: #0077c8;
  --nem-dashboard-muted: #64748b;
  --nem-dashboard-border: rgba(15, 23, 42, .10);
  --nem-dashboard-soft: #f8fbff;
  --nem-dashboard-shadow: 0 18px 42px rgba(15, 23, 42, .08);
  max-width: 1180px;
  margin: 0 auto;
  padding: 1rem;
}
.com-ninjaextensionmanager .nem-dashboard-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .35fr);
  gap: 1rem;
  align-items: stretch;
  margin-bottom: 1rem;
}
.com-ninjaextensionmanager .nem-dashboard-hero__content,
.com-ninjaextensionmanager .nem-dashboard-health {
  border-radius: 28px;
  box-shadow: var(--nem-dashboard-shadow);
}
.com-ninjaextensionmanager .nem-dashboard-hero__content {
  padding: clamp(1.25rem, 4vw, 2.25rem);
  background: linear-gradient(135deg, var(--nem-dashboard-navy), var(--nem-dashboard-blue));
  color: #fff;
}
.com-ninjaextensionmanager .nem-dashboard-hero__content h1 {
  margin: .15rem 0 .45rem;
  color: #fff;
  font-size: clamp(1.85rem, 4vw, 3.1rem);
  line-height: 1.02;
}
.com-ninjaextensionmanager .nem-dashboard-hero__content p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, .88);
}
.com-ninjaextensionmanager .nem-dashboard-hero__content .nem-eyebrow {
  color: rgba(255, 255, 255, .76);
}
.com-ninjaextensionmanager .nem-dashboard-hero__actions,
.com-ninjaextensionmanager .nem-recommendation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.25rem;
}
.com-ninjaextensionmanager .nem-dashboard-health {
  display: grid;
  align-content: center;
  gap: .65rem;
  padding: 1.25rem;
  border: 1px solid var(--nem-dashboard-border);
  background: #fff;
  color: #0f172a;
}
.com-ninjaextensionmanager .nem-dashboard-health .nem-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: rgba(0, 119, 200, .1);
  color: var(--nem-dashboard-blue);
}
.com-ninjaextensionmanager .nem-dashboard-health strong {
  display: block;
  color: var(--nem-dashboard-navy);
  font-size: 1.35rem;
  line-height: 1.15;
}
.com-ninjaextensionmanager .nem-dashboard-health small {
  color: var(--nem-dashboard-muted);
  line-height: 1.4;
}
.com-ninjaextensionmanager .nem-dashboard-tabs {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  gap: .5rem;
  overflow-x: auto;
  margin: 1rem 0;
  padding: .55rem;
  border: 1px solid var(--nem-dashboard-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 24px rgba(15, 23, 42, .06);
}
.com-ninjaextensionmanager .nem-dashboard-tabs a {
  flex: 0 0 auto;
  padding: .65rem 1rem;
  border-radius: 999px;
  color: var(--nem-dashboard-navy);
  font-weight: 900;
  text-decoration: none;
}
.com-ninjaextensionmanager .nem-dashboard-tabs a:hover,
.com-ninjaextensionmanager .nem-dashboard-tabs a:focus {
  background: var(--nem-dashboard-soft);
}
.com-ninjaextensionmanager .nem-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.com-ninjaextensionmanager .nem-metric-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "icon value" "icon label";
  gap: .25rem .85rem;
  align-items: center;
  min-height: 112px;
  padding: 1rem;
  border: 1px solid var(--nem-dashboard-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--nem-dashboard-shadow);
  color: #0f172a;
  text-decoration: none !important;
}
.com-ninjaextensionmanager .nem-metric-card__icon {
  grid-area: icon;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: rgba(0, 119, 200, .1);
  color: var(--nem-dashboard-blue);
}
.com-ninjaextensionmanager .nem-metric-card strong {
  grid-area: value;
  color: var(--nem-dashboard-navy);
  font-size: 2rem;
  line-height: 1;
}
.com-ninjaextensionmanager .nem-metric-card span:not(.nem-icon) {
  grid-area: label;
  color: var(--nem-dashboard-muted);
  font-weight: 900;
}
.com-ninjaextensionmanager .nem-dashboard-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(217, 119, 6, .2);
  border-radius: 20px;
  background: #fffbeb;
  color: #78350f;
}
.com-ninjaextensionmanager .nem-dashboard-alert .nem-icon {
  width: 48px;
  height: 48px;
  color: #b45309;
}
.com-ninjaextensionmanager .nem-dashboard-alert p {
  margin: .25rem 0 0;
}
.com-ninjaextensionmanager .nem-dashboard-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.com-ninjaextensionmanager .nem-action-tile {
  display: grid;
  gap: .65rem;
  align-content: start;
  min-height: 150px;
  padding: 1rem;
  border: 1px solid var(--nem-dashboard-border);
  border-radius: 22px;
  background: var(--nem-dashboard-soft);
  color: #0f172a;
  text-decoration: none !important;
}
.com-ninjaextensionmanager .nem-action-tile .nem-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: var(--nem-dashboard-blue);
}
.com-ninjaextensionmanager .nem-action-tile strong {
  color: var(--nem-dashboard-navy);
}
.com-ninjaextensionmanager .nem-action-tile small {
  color: var(--nem-dashboard-muted);
  line-height: 1.35;
}
.com-ninjaextensionmanager .nem-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 1rem;
  align-items: start;
}
.com-ninjaextensionmanager .nem-dashboard-panel {
  margin-bottom: 1rem;
  padding: 1.15rem;
  border: 1px solid var(--nem-dashboard-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--nem-dashboard-shadow);
}
.com-ninjaextensionmanager .nem-dashboard-panel--accent,
.com-ninjaextensionmanager .nem-dashboard-panel--recommend {
  background: linear-gradient(180deg, #fff, var(--nem-dashboard-soft));
}
.com-ninjaextensionmanager .nem-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.com-ninjaextensionmanager .nem-panel-head h2,
.com-ninjaextensionmanager .nem-dashboard-panel h2,
.com-ninjaextensionmanager .nem-product-access-card h3 {
  margin: 0;
  color: var(--nem-dashboard-navy);
}
.com-ninjaextensionmanager .nem-panel-head p,
.com-ninjaextensionmanager .nem-dashboard-panel p {
  margin: .25rem 0 0;
  color: var(--nem-dashboard-muted);
}
.com-ninjaextensionmanager .nem-product-access-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}
.com-ninjaextensionmanager .nem-product-access-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .85rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: #fff;
}
.com-ninjaextensionmanager .nem-product-access-card .nem-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(0, 119, 200, .1);
  color: var(--nem-dashboard-blue);
}
.com-ninjaextensionmanager .nem-product-access-card p {
  margin: .2rem 0 0;
  color: var(--nem-dashboard-muted);
}
.com-ninjaextensionmanager .nem-product-access-card .nem-button {
  grid-column: 1 / -1;
  justify-self: start;
}
.com-ninjaextensionmanager .nem-dashboard-list {
  display: grid;
  gap: .7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.com-ninjaextensionmanager .nem-dashboard-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: center;
  padding: .85rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #fff;
}
.com-ninjaextensionmanager .nem-dashboard-list .nem-icon {
  width: 34px;
  height: 34px;
  color: var(--nem-dashboard-blue);
}
.com-ninjaextensionmanager .nem-dashboard-list strong {
  color: #0f172a;
}
.com-ninjaextensionmanager .nem-dashboard-list small {
  color: var(--nem-dashboard-muted);
  text-align: right;
}
.com-ninjaextensionmanager .nem-dashboard-empty {
  display: grid;
  gap: .65rem;
  justify-items: start;
  padding: 1rem;
  border: 1px dashed rgba(0, 119, 200, .35);
  border-radius: 18px;
  background: var(--nem-dashboard-soft);
}
.com-ninjaextensionmanager .nem-dashboard-empty .nem-icon {
  width: 44px;
  height: 44px;
  color: var(--nem-dashboard-blue);
}
.com-ninjaextensionmanager .nem-site-form {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 18px;
  background: var(--nem-dashboard-soft);
  border: 1px solid rgba(0, 119, 200, .16);
}
.com-ninjaextensionmanager .nem-site-form-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) auto;
  gap: .75rem;
  align-items: end;
}
.com-ninjaextensionmanager .nem-site-form label {
  display: grid;
  gap: .3rem;
  font-weight: 800;
  color: #0f172a;
}
.com-ninjaextensionmanager .nem-site-form input,
.com-ninjaextensionmanager .nem-site-form select {
  min-height: 42px;
  border: 1px solid var(--nem-dashboard-border);
  border-radius: 12px;
  padding: .55rem;
}
.com-ninjaextensionmanager .nem-site-form button {
  min-height: 42px;
  padding: .65rem 1rem;
  border: 1px solid var(--nem-dashboard-blue);
  border-radius: 999px;
  background: var(--nem-dashboard-blue);
  color: #fff;
  font-weight: 900;
}
.com-ninjaextensionmanager .nem-dashboard-activity {
  margin-top: 1rem;
}
@media (max-width: 980px) {
  .com-ninjaextensionmanager .nem-dashboard-hero,
  .com-ninjaextensionmanager .nem-dashboard-grid {
    grid-template-columns: 1fr;
  }
  .com-ninjaextensionmanager .nem-dashboard-metrics,
  .com-ninjaextensionmanager .nem-dashboard-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .com-ninjaextensionmanager.nem-dashboard-enterprise {
    padding: .75rem;
  }
  .com-ninjaextensionmanager .nem-dashboard-metrics,
  .com-ninjaextensionmanager .nem-dashboard-actions,
  .com-ninjaextensionmanager .nem-product-access-grid,
  .com-ninjaextensionmanager .nem-site-form-row {
    grid-template-columns: 1fr;
  }
  .com-ninjaextensionmanager .nem-panel-head,
  .com-ninjaextensionmanager .nem-dashboard-alert {
    grid-template-columns: 1fr;
  }
  .com-ninjaextensionmanager .nem-dashboard-list li {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .com-ninjaextensionmanager .nem-dashboard-list small {
    grid-column: 2;
    text-align: left;
  }
}


/* Phase 38.6 - Enterprise checkout and purchase flow polish */
.com-ninjaextensionmanager .nem-checkout-hero,
.com-ninjaextensionmanager .nem-confirmation-hero {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: clamp(1.5rem, 3vw, 3rem);
  margin: 0 0 1.5rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(248, 250, 252, .98), rgba(241, 245, 249, .86));
  box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}
.com-ninjaextensionmanager .nem-checkout-hero h1,
.com-ninjaextensionmanager .nem-confirmation-hero h1 { margin: .35rem 0 .5rem; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.05; letter-spacing: -.04em; }
.com-ninjaextensionmanager .nem-checkout-hero p,
.com-ninjaextensionmanager .nem-confirmation-hero p { max-width: 760px; color: #475569; font-size: 1.05rem; margin: 0; }
.com-ninjaextensionmanager .nem-eyebrow { display: inline-flex; align-items: center; gap: .5rem; color: #334155; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; }
.com-ninjaextensionmanager .nem-checkout-steps { display: grid; gap: .7rem; min-width: min(100%, 320px); align-content: center; }
.com-ninjaextensionmanager .nem-checkout-steps span { display: flex; align-items: center; gap: .65rem; padding: .78rem .9rem; border-radius: 14px; border: 1px solid rgba(15, 23, 42, .08); background: #fff; color: #64748b; font-weight: 700; }
.com-ninjaextensionmanager .nem-checkout-steps span.is-active { color: #0f172a; border-color: rgba(37, 99, 235, .24); box-shadow: 0 10px 30px rgba(37, 99, 235, .10); }
.com-ninjaextensionmanager .nem-checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); gap: 1.25rem; align-items: start; }
.com-ninjaextensionmanager .nem-checkout-layout--narrow { grid-template-columns: minmax(0, 760px); justify-content: center; }
.com-ninjaextensionmanager .nem-checkout-main { display: grid; gap: 1rem; }
.com-ninjaextensionmanager .nem-checkout-card { border: 1px solid rgba(15, 23, 42, .08); border-radius: 22px; background: #fff; padding: clamp(1.1rem, 2.2vw, 1.6rem); box-shadow: 0 14px 38px rgba(15, 23, 42, .06); }
.com-ninjaextensionmanager .nem-section-heading { display: flex; gap: .9rem; align-items: flex-start; margin-bottom: 1rem; }
.com-ninjaextensionmanager .nem-section-heading > .nem-icon { --nem-icon-size: 2.4rem; display: inline-flex; align-items: center; justify-content: center; padding: .55rem; border-radius: 16px; background: #f1f5f9; color: #1d4ed8; }
.com-ninjaextensionmanager .nem-section-heading h2 { margin: 0 0 .25rem; font-size: 1.25rem; letter-spacing: -.02em; }
.com-ninjaextensionmanager .nem-section-heading p { margin: 0; color: #64748b; }
.com-ninjaextensionmanager .nem-checkout-feature-list,
.com-ninjaextensionmanager .nem-trust-list { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; gap: .6rem; }
.com-ninjaextensionmanager .nem-checkout-feature-list li,
.com-ninjaextensionmanager .nem-trust-list li { display: flex; align-items: center; gap: .6rem; color: #334155; }
.com-ninjaextensionmanager .nem-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.com-ninjaextensionmanager .nem-help-text { margin: .9rem 0 0; color: #64748b; font-size: .92rem; }
.com-ninjaextensionmanager .nem-checkout-account-summary { display: flex; gap: .9rem; align-items: center; }
.com-ninjaextensionmanager .nem-checkout-account-summary p { margin: .15rem 0 0; color: #64748b; }
.com-ninjaextensionmanager .nem-checkout-summary { position: sticky; top: 1rem; }
.com-ninjaextensionmanager .nem-checkout-summary__panel { border-radius: 24px; padding: 1.35rem; background: #0f172a; color: #fff; box-shadow: 0 20px 55px rgba(15, 23, 42, .22); }
.com-ninjaextensionmanager .nem-checkout-summary__panel > .nem-icon { --nem-icon-size: 2.6rem; color: #bfdbfe; }
.com-ninjaextensionmanager .nem-checkout-summary__panel h2 { color: #fff; margin: .75rem 0 .25rem; }
.com-ninjaextensionmanager .nem-summary-product { color: #cbd5e1; margin: 0 0 1rem; }
.com-ninjaextensionmanager .nem-summary-price { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 1rem 0; padding: 1rem 0; border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.com-ninjaextensionmanager .nem-summary-price span { color: #cbd5e1; }
.com-ninjaextensionmanager .nem-summary-price strong { font-size: 2rem; letter-spacing: -.04em; }
.com-ninjaextensionmanager .nem-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .75rem 1rem; border-radius: 999px; border: 1px solid transparent; font-weight: 800; text-decoration: none; cursor: pointer; }
.com-ninjaextensionmanager .nem-button--primary { background: #2563eb; color: #fff; border-color: #2563eb; }
.com-ninjaextensionmanager .nem-button--primary:hover { color: #fff; background: #1d4ed8; }
.com-ninjaextensionmanager .nem-button--secondary { background: #fff; color: #0f172a; border-color: rgba(15, 23, 42, .14); }
.com-ninjaextensionmanager .nem-checkout-summary__panel .nem-button { width: 100%; margin-top: .65rem; }
.com-ninjaextensionmanager .nem-checkout-summary__panel .nem-button--secondary { background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.18); }
.com-ninjaextensionmanager .nem-checkout-summary__panel .nem-trust-list { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.14); }
.com-ninjaextensionmanager .nem-checkout-summary__panel .nem-trust-list li { color: #dbeafe; }
.com-ninjaextensionmanager .nem-mobile-checkout-bar { display: none; }
.com-ninjaextensionmanager .nem-confirmation-hero { display: block; text-align: center; }
.com-ninjaextensionmanager .nem-confirmation-hero.is-success { background: linear-gradient(135deg, #ecfdf5, #f8fafc); }
.com-ninjaextensionmanager .nem-confirmation-hero.is-danger { background: linear-gradient(135deg, #fef2f2, #f8fafc); }
.com-ninjaextensionmanager .nem-confirmation-icon.nem-icon { --nem-icon-size: 4rem; margin: 0 auto 1rem; color: #2563eb; }
.com-ninjaextensionmanager .nem-confirmation-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: 1rem; align-items: start; }
.com-ninjaextensionmanager .nem-confirmation-list { display: grid; gap: .75rem; margin: 0; }
.com-ninjaextensionmanager .nem-confirmation-list div { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-top: 1px solid rgba(15, 23, 42, .08); }
.com-ninjaextensionmanager .nem-confirmation-list dt { color: #64748b; font-weight: 700; }
.com-ninjaextensionmanager .nem-confirmation-list dd { margin: 0; font-weight: 800; }
.com-ninjaextensionmanager .nem-next-actions { display: grid; gap: .65rem; }
.com-ninjaextensionmanager .nem-next-actions h2 { margin: 0 .25rem .25rem; }
.com-ninjaextensionmanager .nem-inline-notice { display: flex; gap: .6rem; align-items: center; margin: 1rem 0; padding: .85rem 1rem; border-radius: 14px; background: #eff6ff; color: #1e3a8a; }
.com-ninjaextensionmanager .nem-action-row { display: flex; gap: .65rem; flex-wrap: wrap; margin-top: 1rem; }
@media (max-width: 960px) {
  .com-ninjaextensionmanager .nem-checkout-hero { display: block; }
  .com-ninjaextensionmanager .nem-checkout-steps { margin-top: 1rem; }
  .com-ninjaextensionmanager .nem-checkout-layout,
  .com-ninjaextensionmanager .nem-confirmation-grid { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-checkout-summary { position: static; }
}
@media (max-width: 720px) {
  .com-ninjaextensionmanager .nem-form-grid { grid-template-columns: 1fr; }
  .com-ninjaextensionmanager .nem-checkout-summary { display: none; }
  .com-ninjaextensionmanager .nem-mobile-checkout-bar { position: sticky; bottom: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: 1rem -1rem -1rem; padding: .85rem 1rem; background: rgba(255,255,255,.96); border-top: 1px solid rgba(15,23,42,.1); box-shadow: 0 -12px 30px rgba(15,23,42,.12); }
  .com-ninjaextensionmanager .nem-mobile-checkout-bar span { display: block; font-size: .75rem; color: #64748b; font-weight: 700; }
  .com-ninjaextensionmanager .nem-mobile-checkout-bar strong { display: block; font-size: 1.15rem; }
}


/* Phase 38.7 - Mobile marketplace optimization and touch CTA polish */
.com-ninjaextensionmanager {
  --nem-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
}
.com-ninjaextensionmanager .nem-market-card--enterprise,
.com-ninjaextensionmanager .nem-product-purchase-panel,
.com-ninjaextensionmanager .nem-purchase-card,
.com-ninjaextensionmanager .nem-plan-card,
.com-ninjaextensionmanager .nem-solution-bundle-card,
.com-ninjaextensionmanager .nem-dashboard-panel {
  contain: layout paint;
}
.com-ninjaextensionmanager .nem-market-card--enterprise .btn,
.com-ninjaextensionmanager .nem-product-purchase-panel .nem-button,
.com-ninjaextensionmanager .nem-purchase-card .nem-button,
.com-ninjaextensionmanager .nem-membership-card .nem-button,
.com-ninjaextensionmanager .nem-solution-bundle-card .nem-button,
.com-ninjaextensionmanager .nem-dashboard-panel .nem-button {
  min-height: 44px;
}
.com-ninjaextensionmanager .nem-marketplace-product-tabs,
.com-ninjaextensionmanager .nem-membership-tabs,
.com-ninjaextensionmanager .nem-dashboard-tabs,
.com-ninjaextensionmanager .nem-product-tabs {
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 900px) {
  .com-ninjaextensionmanager .nem-market-hero,
  .com-ninjaextensionmanager .nem-dashboard-hero,
  .com-ninjaextensionmanager .nem-checkout-hero,
  .com-ninjaextensionmanager .nem-confirmation-hero {
    border-radius: 20px;
    padding: 1.25rem;
  }
  .com-ninjaextensionmanager .nem-market-hero,
  .com-ninjaextensionmanager .nem-sales-intro,
  .com-ninjaextensionmanager .nem-results-toolbar,
  .com-ninjaextensionmanager .nem-discovery-shelf--split,
  .com-ninjaextensionmanager .nem-product-hero-grid,
  .com-ninjaextensionmanager .nem-product-content-grid,
  .com-ninjaextensionmanager .nem-checkout-layout,
  .com-ninjaextensionmanager .nem-confirmation-grid {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-product-hero,
  .com-ninjaextensionmanager .nem-product-content-grid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .com-ninjaextensionmanager .nem-product-purchase-panel,
  .com-ninjaextensionmanager .nem-purchase-card,
  .com-ninjaextensionmanager .nem-checkout-summary {
    position: static;
  }
  .com-ninjaextensionmanager .nem-product-line-tabs,
  .com-ninjaextensionmanager .nem-marketplace-product-tabs,
  .com-ninjaextensionmanager .nem-membership-tabs,
  .com-ninjaextensionmanager .nem-dashboard-tabs,
  .com-ninjaextensionmanager .nem-product-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    gap: .55rem;
    padding-bottom: .25rem;
    scroll-snap-type: x proximity;
  }
  .com-ninjaextensionmanager .nem-product-line-tab,
  .com-ninjaextensionmanager .nem-dashboard-tabs a,
  .com-ninjaextensionmanager .nem-product-tabs a {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-height: 44px;
    white-space: nowrap;
  }
  .com-ninjaextensionmanager .nem-market-filters__advanced[open] .nem-filter-grid,
  .com-ninjaextensionmanager .nem-filter-grid,
  .com-ninjaextensionmanager .nem-form-grid {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-search-row,
  .com-ninjaextensionmanager .nem-market-hero__actions,
  .com-ninjaextensionmanager .nem-product-actions-inline,
  .com-ninjaextensionmanager .nem-action-row {
    display: grid;
    grid-template-columns: 1fr;
  }
  .com-ninjaextensionmanager .nem-search-row > *,
  .com-ninjaextensionmanager .nem-market-hero__actions > *,
  .com-ninjaextensionmanager .nem-product-actions-inline > *,
  .com-ninjaextensionmanager .nem-action-row > * {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .com-ninjaextensionmanager {
    --nem-site-card-padding: 1rem;
  }
  .com-ninjaextensionmanager .nem-marketplace-page,
  .com-ninjaextensionmanager.nem-dashboard-enterprise,
  .com-ninjaextensionmanager.nem-product-detail {
    padding-bottom: calc(1.25rem + var(--nem-mobile-safe-bottom));
  }
  .com-ninjaextensionmanager .nem-market-grid,
  .com-ninjaextensionmanager .nem-membership-grid,
  .com-ninjaextensionmanager .nem-solution-bundle-grid,
  .com-ninjaextensionmanager .nem-product-access-grid,
  .com-ninjaextensionmanager .nem-plan-strip,
  .com-ninjaextensionmanager .nem-related-grid,
  .com-ninjaextensionmanager .nem-feature-grid {
    grid-template-columns: 1fr !important;
    gap: .85rem;
  }
  .com-ninjaextensionmanager .nem-market-card--enterprise {
    border-radius: 18px;
  }
  .com-ninjaextensionmanager .nem-market-card__media {
    min-height: 150px;
  }
  .com-ninjaextensionmanager .nem-market-card__body,
  .com-ninjaextensionmanager .nem-market-card__footer,
  .com-ninjaextensionmanager .nem-detail-section,
  .com-ninjaextensionmanager .nem-dashboard-panel,
  .com-ninjaextensionmanager .nem-checkout-card {
    padding: 1rem;
  }
  .com-ninjaextensionmanager .nem-market-card__title,
  .com-ninjaextensionmanager .nem-product-summary-panel h1,
  .com-ninjaextensionmanager .nem-dashboard-hero h1,
  .com-ninjaextensionmanager .nem-checkout-hero h1,
  .com-ninjaextensionmanager .nem-confirmation-hero h1 {
    overflow-wrap: anywhere;
  }
  .com-ninjaextensionmanager .nem-market-card__features,
  .com-ninjaextensionmanager .nem-purchase-assurance,
  .com-ninjaextensionmanager .nem-trust-list {
    gap: .5rem;
  }
  .com-ninjaextensionmanager .nem-market-card__cta-panel,
  .com-ninjaextensionmanager .nem-bundle-cta-panel {
    position: sticky;
    bottom: 0;
    z-index: 8;
    margin-left: -1px;
    margin-right: -1px;
    padding-bottom: calc(.85rem + var(--nem-mobile-safe-bottom));
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(15,23,42,.10);
    box-shadow: 0 -10px 24px rgba(15,23,42,.08);
  }
  .com-ninjaextensionmanager .nem-market-card__actions,
  .com-ninjaextensionmanager .nem-bundle-actions,
  .com-ninjaextensionmanager .nem-dashboard-hero__actions,
  .com-ninjaextensionmanager .nem-dashboard-actions {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-market-card__actions .btn,
  .com-ninjaextensionmanager .nem-market-card__actions .uk-button,
  .com-ninjaextensionmanager .nem-button,
  .com-ninjaextensionmanager button,
  .com-ninjaextensionmanager input[type="submit"] {
    width: 100%;
    min-height: 46px;
  }
  .com-ninjaextensionmanager .nem-product-tabs {
    position: sticky;
    top: 0;
    z-index: 10;
    margin-left: -1rem;
    margin-right: -1rem;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .com-ninjaextensionmanager .nem-mobile-checkout-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding-bottom: calc(.85rem + var(--nem-mobile-safe-bottom));
  }
  .com-ninjaextensionmanager:has(.nem-mobile-checkout-bar) {
    padding-bottom: calc(5.5rem + var(--nem-mobile-safe-bottom));
  }
}
@media (max-width: 480px) {
  .com-ninjaextensionmanager .nem-market-hero__stats,
  .com-ninjaextensionmanager .nem-dashboard-metrics,
  .com-ninjaextensionmanager .nem-checkout-steps {
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager .nem-pill,
  .com-ninjaextensionmanager .badge {
    white-space: normal;
  }
  .com-ninjaextensionmanager .nem-summary-price,
  .com-ninjaextensionmanager .nem-confirmation-list div,
  .com-ninjaextensionmanager .nem-bundle-value-strip {
    display: grid;
    grid-template-columns: 1fr;
    text-align: left;
  }
}
@media (prefers-reduced-motion: reduce) {
  .com-ninjaextensionmanager .nem-button,
  .com-ninjaextensionmanager .btn,
  .com-ninjaextensionmanager .uk-button,
  .com-ninjaextensionmanager .nem-market-card--enterprise {
    transition: none !important;
    transform: none !important;
  }
}

/* Phase 38.8 — Accessibility and enterprise polish */
.com-ninjaextensionmanager,
.nem-skip-link {
  --nem-focus-ring: #0b6fba;
  --nem-focus-ring-soft: rgba(11, 111, 186, .24);
}
.nem-skip-link {
  position: absolute;
  left: 1rem;
  top: .5rem;
  z-index: 9999;
  transform: translateY(-160%);
  padding: .75rem 1rem;
  border-radius: 999px;
  background: #073b63;
  color: #fff !important;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(15,23,42,.22);
}
.nem-skip-link:focus,
.nem-skip-link:focus-visible {
  transform: translateY(0);
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.com-ninjaextensionmanager [tabindex="-1"]:focus {
  outline: none;
}
.com-ninjaextensionmanager a:focus-visible,
.com-ninjaextensionmanager button:focus-visible,
.com-ninjaextensionmanager input:focus-visible,
.com-ninjaextensionmanager select:focus-visible,
.com-ninjaextensionmanager textarea:focus-visible,
.com-ninjaextensionmanager summary:focus-visible,
.com-ninjaextensionmanager .btn:focus-visible,
.com-ninjaextensionmanager .uk-button:focus-visible,
.com-ninjaextensionmanager .nem-button:focus-visible,
.com-ninjaextensionmanager .nem-product-line-tab:focus-visible,
.com-ninjaextensionmanager .nem-market-card__media:focus-visible {
  outline: 3px solid var(--nem-focus-ring) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px var(--nem-focus-ring-soft) !important;
}
.com-ninjaextensionmanager .nem-button,
.com-ninjaextensionmanager .btn,
.com-ninjaextensionmanager .uk-button,
.com-ninjaextensionmanager button,
.com-ninjaextensionmanager input[type="submit"] {
  min-height: 44px;
}
.com-ninjaextensionmanager input,
.com-ninjaextensionmanager select,
.com-ninjaextensionmanager textarea {
  min-height: 44px;
}
.com-ninjaextensionmanager .nem-field-hint {
  color: #475569;
  font-size: .92rem;
  line-height: 1.45;
  margin: .35rem 0 0;
}
.com-ninjaextensionmanager .nem-sr-only,
.nem-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.com-ninjaextensionmanager .nem-empty-state,
.com-ninjaextensionmanager .alert,
.com-ninjaextensionmanager .uk-alert {
  border-radius: 18px;
}
.com-ninjaextensionmanager .nem-market-card--enterprise,
.com-ninjaextensionmanager .nem-dashboard-panel,
.com-ninjaextensionmanager .nem-checkout-card,
.com-ninjaextensionmanager .nem-detail-section,
.com-ninjaextensionmanager .nem-solution-bundle-card,
.com-ninjaextensionmanager .nem-membership-card {
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.com-ninjaextensionmanager .nem-market-card--enterprise:focus-within,
.com-ninjaextensionmanager .nem-dashboard-panel:focus-within,
.com-ninjaextensionmanager .nem-checkout-card:focus-within,
.com-ninjaextensionmanager .nem-solution-bundle-card:focus-within,
.com-ninjaextensionmanager .nem-membership-card:focus-within {
  border-color: rgba(11, 111, 186, .38) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.12), 0 0 0 4px rgba(11,111,186,.08) !important;
}
.com-ninjaextensionmanager .nem-icon,
.com-ninjaextensionmanager [class*="nem-icon-"] {
  flex: 0 0 auto;
}
.com-ninjaextensionmanager .nem-button[disabled],
.com-ninjaextensionmanager button[disabled],
.com-ninjaextensionmanager input[type="submit"][disabled] {
  cursor: not-allowed;
  opacity: .62;
}
@media (prefers-contrast: more) {
  .com-ninjaextensionmanager {
    --nem-focus-ring: #003f73;
    --nem-focus-ring-soft: rgba(0, 63, 115, .34);
  }
  .com-ninjaextensionmanager .nem-pill,
  .com-ninjaextensionmanager .badge,
  .com-ninjaextensionmanager .nem-empty-state {
    border-width: 2px !important;
  }
}

/* Phase 38.9 - final frontend UX QA and conversion polish */
.com-ninjaextensionmanager .nem-conversion-panel,
.com-ninjaextensionmanager .nem-action-center,
.com-ninjaextensionmanager .nem-checkout-confidence,
.com-ninjaextensionmanager .nem-confirmation-guidance {
  margin: 1.5rem 0;
  padding: 1.25rem;
  border: 1px solid rgba(148, 163, 184, .32);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}
.com-ninjaextensionmanager .nem-conversion-panel__head,
.com-ninjaextensionmanager .nem-action-center__head,
.com-ninjaextensionmanager .nem-checkout-confidence__head,
.com-ninjaextensionmanager .nem-confirmation-guidance__head {
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  margin-bottom: 1rem;
}
.com-ninjaextensionmanager .nem-conversion-panel h2,
.com-ninjaextensionmanager .nem-action-center h2,
.com-ninjaextensionmanager .nem-checkout-confidence h2,
.com-ninjaextensionmanager .nem-confirmation-guidance h2 {
  margin: 0 0 .3rem;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}
.com-ninjaextensionmanager .nem-conversion-panel p,
.com-ninjaextensionmanager .nem-action-center p,
.com-ninjaextensionmanager .nem-checkout-confidence p,
.com-ninjaextensionmanager .nem-confirmation-guidance p {
  margin: 0;
  color: #475569;
}
.com-ninjaextensionmanager .nem-conversion-paths,
.com-ninjaextensionmanager .nem-action-center__grid,
.com-ninjaextensionmanager .nem-confirmation-guidance__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.com-ninjaextensionmanager .nem-conversion-path,
.com-ninjaextensionmanager .nem-action-center__item,
.com-ninjaextensionmanager .nem-confirmation-guidance__item {
  display: flex;
  gap: .85rem;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 18px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  min-height: 100%;
}
.com-ninjaextensionmanager .nem-conversion-path:hover,
.com-ninjaextensionmanager .nem-action-center__item:hover,
.com-ninjaextensionmanager .nem-confirmation-guidance__item:hover {
  transform: translateY(-1px);
  border-color: rgba(11, 111, 186, .34);
  box-shadow: 0 14px 30px rgba(15, 23, 42, .1);
}
.com-ninjaextensionmanager .nem-conversion-path strong,
.com-ninjaextensionmanager .nem-action-center__item strong,
.com-ninjaextensionmanager .nem-confirmation-guidance__item strong {
  display: block;
  margin-bottom: .25rem;
  color: #0f172a;
}
.com-ninjaextensionmanager .nem-conversion-path span:last-child,
.com-ninjaextensionmanager .nem-action-center__item span:last-child,
.com-ninjaextensionmanager .nem-confirmation-guidance__item span:last-child {
  color: #64748b;
  font-size: .94rem;
  line-height: 1.45;
}
.com-ninjaextensionmanager .nem-checkout-confidence__list {
  display: grid;
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.com-ninjaextensionmanager .nem-checkout-confidence__list li {
  display: flex;
  align-items: center;
  gap: .65rem;
  color: #334155;
}
.com-ninjaextensionmanager .nem-primary-action,
.com-ninjaextensionmanager .nem-button--primary,
.com-ninjaextensionmanager .nem-button-primary,
.com-ninjaextensionmanager .btn-primary,
.com-ninjaextensionmanager .uk-button-primary {
  font-weight: 800;
}
.com-ninjaextensionmanager .nem-secondary-action,
.com-ninjaextensionmanager .nem-button--secondary,
.com-ninjaextensionmanager .nem-button-secondary,
.com-ninjaextensionmanager .btn-secondary,
.com-ninjaextensionmanager .uk-button-secondary,
.com-ninjaextensionmanager .uk-button-default {
  font-weight: 700;
}
.com-ninjaextensionmanager .nem-results-toolbar,
.com-ninjaextensionmanager .nem-panel-head,
.com-ninjaextensionmanager .nem-section-heading {
  gap: 1rem;
}
@media (max-width: 900px) {
  .com-ninjaextensionmanager .nem-conversion-paths,
  .com-ninjaextensionmanager .nem-action-center__grid,
  .com-ninjaextensionmanager .nem-confirmation-guidance__grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .com-ninjaextensionmanager .nem-conversion-path:hover,
  .com-ninjaextensionmanager .nem-action-center__item:hover,
  .com-ninjaextensionmanager .nem-confirmation-guidance__item:hover {
    transform: none;
  }
}

.com-ninjaextensionmanager .nem-icon--bundle::before { content: ''; display: block; width: 1em; height: 1em; border: .16em solid currentColor; border-radius: .22em; box-shadow: .32em .32em 0 -.08em currentColor; }

/* Phase 38.10 final frontend UX QA polish */
.com-ninjaextensionmanager [data-nem-slot="product-cta"],
.com-ninjaextensionmanager [data-nem-slot="checkout-cta"] {
  position: sticky;
  top: 1rem;
  align-self: start;
}
.com-ninjaextensionmanager .nem-card-actions[aria-label],
.com-ninjaextensionmanager .nem-mobile-checkout-bar[role="region"] {
  isolation: isolate;
}
.com-ninjaextensionmanager .nem-button:focus-visible,
.com-ninjaextensionmanager .uk-button:focus-visible,
.com-ninjaextensionmanager .btn:focus-visible,
.com-ninjaextensionmanager a:focus-visible,
.com-ninjaextensionmanager button:focus-visible,
.com-ninjaextensionmanager input:focus-visible,
.com-ninjaextensionmanager select:focus-visible,
.com-ninjaextensionmanager textarea:focus-visible {
  outline: 3px solid rgba(11, 111, 186, .85);
  outline-offset: 3px;
}
.com-ninjaextensionmanager .nem-dashboard-empty,
.com-ninjaextensionmanager .nem-empty-state,
.com-ninjaextensionmanager .nem-no-results {
  border-style: dashed;
}
@media (max-width: 900px) {
  .com-ninjaextensionmanager [data-nem-slot="product-cta"],
  .com-ninjaextensionmanager [data-nem-slot="checkout-cta"] {
    position: static;
  }
}


/* Phase 38.10.1 - Corrective client portal visual redesign
   Purpose: replace link-list feeling with a polished enterprise portal surface. */
.com-ninjaextensionmanager.nem-client-portal.nem-dashboard-enterprise {
  --nem-portal-ink: #0f172a;
  --nem-portal-muted: #64748b;
  --nem-portal-soft: #f8fafc;
  --nem-portal-blue: #2563eb;
  --nem-portal-blue-dark: #1d4ed8;
  --nem-portal-cyan: #06b6d4;
  --nem-portal-violet: #7c3aed;
  --nem-portal-success: #16a34a;
  --nem-portal-border: rgba(15, 23, 42, .10);
  --nem-portal-shadow: 0 24px 70px rgba(15, 23, 42, .12);
  --nem-portal-shadow-soft: 0 14px 38px rgba(15, 23, 42, .08);
  position: relative;
  max-width: 1240px;
  padding: clamp(1rem, 2.5vw, 2rem);
  border-radius: 32px;
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, .13), transparent 30rem),
    radial-gradient(circle at 100% 12%, rgba(6, 182, 212, .12), transparent 28rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.com-ninjaextensionmanager.nem-client-portal.nem-dashboard-enterprise::before {
  content: '';
  position: absolute;
  inset: .75rem;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 28px;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .42fr);
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero__content {
  position: relative;
  overflow: hidden;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 34px;
  background:
    radial-gradient(circle at 85% 18%, rgba(125, 211, 252, .35), transparent 15rem),
    radial-gradient(circle at 16% 100%, rgba(124, 58, 237, .35), transparent 18rem),
    linear-gradient(135deg, #0f172a 0%, #0b4f8f 48%, #2563eb 100%);
  box-shadow: 0 30px 80px rgba(15, 23, 42, .28);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero__content::after {
  content: '';
  position: absolute;
  right: -5rem;
  bottom: -6rem;
  width: 18rem;
  height: 18rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow: inset 0 0 0 2.5rem rgba(255,255,255,.035);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero__content > * {
  position: relative;
  z-index: 1;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero__content h1 {
  max-width: 850px;
  font-size: clamp(2.2rem, 5vw, 4.25rem);
  letter-spacing: -.055em;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero__content p:not(.nem-eyebrow) {
  max-width: 680px;
  font-size: clamp(1rem, 1.6vw, 1.16rem);
  line-height: 1.7;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-health {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: 1.5rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: var(--nem-portal-shadow);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-health::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(37,99,235,.12), transparent 45%, rgba(6,182,212,.12));
  pointer-events: none;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-health > * { position: relative; z-index: 1; }
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-health .nem-icon,
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card__icon,
.com-ninjaextensionmanager.nem-client-portal .nem-action-tile .nem-icon,
.com-ninjaextensionmanager.nem-client-portal .nem-product-access-card .nem-icon,
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-empty .nem-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, var(--nem-portal-blue), var(--nem-portal-cyan));
  box-shadow: 0 14px 32px rgba(37, 99, 235, .24);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-tabs {
  top: .75rem;
  border-radius: 999px;
  padding: .45rem;
  border: 1px solid rgba(255,255,255,.7);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 44px rgba(15,23,42,.10);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: .66rem 1.05rem;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #334155;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-tabs a:hover,
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-tabs a:focus {
  color: #0f172a;
  background: #fff;
  border-color: rgba(37,99,235,.16);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-metrics,
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-actions {
  gap: 1.1rem;
  margin-bottom: 1.25rem;
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card,
.com-ninjaextensionmanager.nem-client-portal .nem-action-tile,
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel,
.com-ninjaextensionmanager.nem-client-portal .nem-action-center,
.com-ninjaextensionmanager.nem-client-portal .nem-help-lower .nem-help-panel,
.com-ninjaextensionmanager.nem-client-portal .nem-help-lower .nem-final-guidance-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72) !important;
  background: rgba(255,255,255,.90) !important;
  box-shadow: var(--nem-portal-shadow-soft) !important;
  backdrop-filter: blur(10px);
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card::after,
.com-ninjaextensionmanager.nem-client-portal .nem-action-tile::after,
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel::after,
.com-ninjaextensionmanager.nem-client-portal .nem-action-center::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--nem-portal-blue), var(--nem-portal-cyan), var(--nem-portal-violet));
  opacity: .72;
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card:hover,
.com-ninjaextensionmanager.nem-client-portal .nem-action-tile:hover,
.com-ninjaextensionmanager.nem-client-portal .nem-product-access-card:hover,
.com-ninjaextensionmanager.nem-client-portal .nem-action-center__item:hover {
  transform: translateY(-3px);
  border-color: rgba(37,99,235,.24) !important;
  box-shadow: 0 24px 62px rgba(15,23,42,.14) !important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card {
  min-height: 132px;
  border-radius: 28px;
  padding: 1.15rem;
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card strong {
  font-size: clamp(2rem, 4vw, 2.8rem);
  letter-spacing: -.05em;
  color: var(--nem-portal-ink);
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card span:not(.nem-icon) {
  color: var(--nem-portal-muted);
  font-size: .92rem;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.com-ninjaextensionmanager.nem-client-portal .nem-action-tile {
  min-height: 178px;
  padding: 1.25rem;
  border-radius: 28px;
}
.com-ninjaextensionmanager.nem-client-portal .nem-action-tile strong {
  font-size: 1.05rem;
  letter-spacing: -.02em;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, .62fr);
  gap: 1.2rem;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel {
  border-radius: 30px;
  padding: clamp(1.15rem, 2vw, 1.55rem);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel--accent {
  background:
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.16), transparent 16rem),
    linear-gradient(180deg, #fff, #f8fbff) !important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel--recommend {
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.28), transparent 16rem),
    linear-gradient(135deg, #0f172a, #1e3a8a) !important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel--recommend h2,
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel--recommend .nem-eyebrow {
  color: #fff;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel--recommend p {
  color: rgba(255,255,255,.78);
}
.com-ninjaextensionmanager.nem-client-portal .nem-product-access-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.com-ninjaextensionmanager.nem-client-portal .nem-product-access-card {
  position: relative;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 104px;
  padding: 1rem;
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,.08);
  background: linear-gradient(180deg, #fff, #fbfdff);
  box-shadow: 0 10px 26px rgba(15,23,42,.06);
}
.com-ninjaextensionmanager.nem-client-portal .nem-product-access-card .nem-button {
  grid-column: auto;
  justify-self: end;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-list li {
  border-radius: 20px;
  padding: 1rem;
  background: linear-gradient(180deg, #fff, #fbfdff);
  box-shadow: 0 8px 20px rgba(15,23,42,.045);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-empty {
  padding: 1.25rem;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(239,246,255,.98), rgba(240,253,250,.86));
  border: 1px dashed rgba(37,99,235,.35);
}
.com-ninjaextensionmanager.nem-client-portal .nem-action-center__item {
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #fbfdff);
}
.com-ninjaextensionmanager.nem-client-portal .nem-button,
.com-ninjaextensionmanager.nem-client-portal .nem-site-form button,
.com-ninjaextensionmanager.nem-client-portal .btn,
.com-ninjaextensionmanager.nem-client-portal .uk-button {
  min-height: 46px;
  padding: .78rem 1.15rem;
  border-radius: 999px;
  border: 1px solid rgba(37,99,235,.18);
  background: linear-gradient(135deg, var(--nem-portal-blue), var(--nem-portal-blue-dark));
  color: #fff !important;
  font-weight: 900;
  letter-spacing: -.01em;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(37, 99, 235, .24);
}
.com-ninjaextensionmanager.nem-client-portal .nem-button:hover,
.com-ninjaextensionmanager.nem-client-portal .nem-site-form button:hover,
.com-ninjaextensionmanager.nem-client-portal .btn:hover,
.com-ninjaextensionmanager.nem-client-portal .uk-button:hover {
  transform: translateY(-2px);
  color: #fff !important;
  box-shadow: 0 20px 40px rgba(37, 99, 235, .30);
}
.com-ninjaextensionmanager.nem-client-portal .nem-button.is-secondary,
.com-ninjaextensionmanager.nem-client-portal .nem-button--secondary,
.com-ninjaextensionmanager.nem-client-portal .btn-secondary,
.com-ninjaextensionmanager.nem-client-portal .uk-button-default {
  background: rgba(255,255,255,.94);
  color: #0f172a !important;
  border-color: rgba(15,23,42,.12);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero__content .nem-button.is-secondary {
  background: rgba(255,255,255,.15);
  color: #fff !important;
  border-color: rgba(255,255,255,.28);
  box-shadow: none;
}
.com-ninjaextensionmanager.nem-client-portal .nem-site-form {
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(239,246,255,.95), rgba(248,250,252,.95));
}
.com-ninjaextensionmanager.nem-client-portal .nem-site-form input,
.com-ninjaextensionmanager.nem-client-portal .nem-site-form select {
  border-radius: 16px;
  border-color: rgba(15,23,42,.12);
  background: #fff;
}
@media (max-width: 980px) {
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero,
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-grid {
    grid-template-columns: 1fr;
  }
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-metrics,
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .com-ninjaextensionmanager.nem-client-portal.nem-dashboard-enterprise {
    padding: .75rem;
    border-radius: 22px;
  }
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero__content,
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-health,
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-panel,
  .com-ninjaextensionmanager.nem-client-portal .nem-metric-card,
  .com-ninjaextensionmanager.nem-client-portal .nem-action-tile {
    border-radius: 22px;
  }
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-metrics,
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-actions,
  .com-ninjaextensionmanager.nem-client-portal .nem-product-access-grid {
    grid-template-columns: 1fr;
  }
  .com-ninjaextensionmanager.nem-client-portal .nem-product-access-card {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .com-ninjaextensionmanager.nem-client-portal .nem-product-access-card .nem-button {
    grid-column: 1 / -1;
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .com-ninjaextensionmanager.nem-client-portal .nem-metric-card:hover,
  .com-ninjaextensionmanager.nem-client-portal .nem-action-tile:hover,
  .com-ninjaextensionmanager.nem-client-portal .nem-product-access-card:hover,
  .com-ninjaextensionmanager.nem-client-portal .nem-action-center__item:hover,
  .com-ninjaextensionmanager.nem-client-portal .nem-button:hover {
    transform: none;
  }
}

/* Phase 38.11 - full frontend route enterprise visual correction */
.com-ninjaextensionmanager.nem-frontend-enterprise,
.com-ninjaextensionmanager.nem-marketplace-page,
.com-ninjaextensionmanager.nem-client-portal {
  --nem-ui-ink:#0f172a;
  --nem-ui-muted:#64748b;
  --nem-ui-soft:#f8fafc;
  --nem-ui-panel:#ffffff;
  --nem-ui-border:rgba(15,23,42,.10);
  --nem-ui-blue:#2563eb;
  --nem-ui-blue-dark:#1d4ed8;
  --nem-ui-cyan:#06b6d4;
  --nem-ui-emerald:#10b981;
  --nem-ui-amber:#f59e0b;
  --nem-ui-radius:26px;
  --nem-ui-shadow:0 22px 70px rgba(15,23,42,.12);
  --nem-ui-shadow-soft:0 12px 34px rgba(15,23,42,.08);
  color:var(--nem-ui-ink);
}
.com-ninjaextensionmanager.nem-frontend-enterprise{
  max-width:1240px;
  margin:0 auto;
  padding:clamp(1rem,2.5vw,2rem);
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.uk-card,.nem-card,.nem-panel,.nem-checkout-card,.nem-purchase-card,.nem-subscription-card,.nem-product-access-card,.nem-site-activation-card,.nem-help-article-card,.nem-help-popular,.nem-market-card,.pricing-card){
  border:1px solid var(--nem-ui-border)!important;
  border-radius:var(--nem-ui-radius)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.95))!important;
  box-shadow:var(--nem-ui-shadow-soft)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-product-hero,.nem-checkout-hero,.nem-theme-hero,.nem-account-hero,.nem-help-hero,.nem-market-hero,.nem-plan-line-summary){
  position:relative;
  overflow:hidden;
  border:1px solid rgba(37,99,235,.16)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(6,182,212,.28),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(37,99,235,.25),transparent 36%),
    linear-gradient(135deg,#0f172a 0%,#1e3a8a 48%,#0e7490 100%)!important;
  color:#fff!important;
  box-shadow:0 28px 90px rgba(15,23,42,.24)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-product-hero,.nem-checkout-hero,.nem-theme-hero,.nem-account-hero,.nem-help-hero,.nem-plan-line-summary) :where(h1,h2,h3,p,a,span,.nem-eyebrow){color:#fff!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-eyebrow,.nem-product-eyebrow,.nem-purchase-label){
  display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .65rem;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--nem-ui-blue-dark);
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(h1){font-size:clamp(2rem,4vw,4rem);letter-spacing:-.055em;line-height:.96;margin:.2rem 0 .9rem;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(h2){font-size:clamp(1.35rem,2vw,2.1rem);letter-spacing:-.035em;line-height:1.05;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(p){color:var(--nem-ui-muted);line-height:1.65;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.btn,.uk-button,.nem-button,button[type="submit"],input[type="submit"]){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;min-height:48px!important;padding:.85rem 1.25rem!important;border-radius:999px!important;border:1px solid rgba(37,99,235,.18)!important;background:linear-gradient(135deg,var(--nem-ui-blue),var(--nem-ui-blue-dark))!important;color:#fff!important;font-weight:900!important;letter-spacing:-.01em!important;text-decoration:none!important;box-shadow:0 18px 38px rgba(37,99,235,.27)!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.btn,.uk-button,.nem-button,button[type="submit"],input[type="submit"]):hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(37,99,235,.34)!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.uk-button-default,.btn-secondary,.btn-outline-primary,.btn-outline-secondary,.nem-button-secondary,.nem-button--secondary,.nem-button-ghost){
  background:rgba(255,255,255,.95)!important;color:var(--nem-ui-ink)!important;border-color:rgba(15,23,42,.13)!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(input,select,textarea,.form-control,.uk-input,.uk-select){
  min-height:48px!important;border-radius:16px!important;border:1px solid rgba(15,23,42,.13)!important;background:#fff!important;box-shadow:0 8px 18px rgba(15,23,42,.04)!important;padding:.78rem 1rem!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon,
.com-ninjaextensionmanager.nem-frontend-enterprise [class*="nem-icon--"],
.com-ninjaextensionmanager.nem-frontend-enterprise [class*="nem-icon-"]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon::before,
.com-ninjaextensionmanager.nem-frontend-enterprise [class*="nem-icon--"]::before,
.com-ninjaextensionmanager.nem-frontend-enterprise [class*="nem-icon-"]::before{content:"";display:block;width:1.05rem;height:1.05rem;border-radius:.32rem;background:currentColor;opacity:.95;clip-path:polygon(12% 44%,42% 44%,42% 14%,88% 50%,42% 86%,42% 56%,12% 56%);}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--check::before,.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-check::before{clip-path:polygon(14% 52%,28% 39%,43% 54%,76% 18%,90% 31%,44% 82%);}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--secure::before,.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--license::before,.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-license::before{clip-path:polygon(50% 4%,88% 20%,82% 72%,50% 96%,18% 72%,12% 20%);}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--download::before,.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-download::before{clip-path:polygon(42% 6%,58% 6%,58% 48%,78% 48%,50% 78%,22% 48%,42% 48%);}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--cart::before,.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-cart::before{clip-path:polygon(8% 18%,24% 18%,32% 62%,78% 62%,88% 30%,34% 30%,38% 48%,74% 48%,70% 54%,30% 54%,20% 8%,8% 8%);}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--help::before{clip-path:polygon(45% 74%,58% 74%,58% 88%,45% 88%,45% 74%,44% 66%,55% 62%,61% 56%,61% 46%,55% 39%,45% 39%,38% 47%,27% 42%,37% 26%,55% 24%,72% 34%,74% 50%,68% 62%,57% 69%);}
/* Product detail */
.com-ninjaextensionmanager.nem-product-wow .nem-product-hero-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.35fr) minmax(310px,.75fr);gap:clamp(1rem,2vw,1.5rem);align-items:stretch;}
.com-ninjaextensionmanager.nem-product-wow .nem-product-media-panel,.com-ninjaextensionmanager.nem-product-wow .nem-product-summary-panel,.com-ninjaextensionmanager.nem-product-wow .nem-product-purchase-panel{position:relative;z-index:1;}
.com-ninjaextensionmanager.nem-product-wow .nem-product-media-panel{padding:1rem;border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);}
.com-ninjaextensionmanager.nem-product-wow .nem-product-image,.com-ninjaextensionmanager.nem-product-wow .nem-product-image-placeholder{width:100%;min-height:280px;object-fit:cover;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08));display:grid;place-items:center;color:#fff;}
.com-ninjaextensionmanager.nem-product-wow .nem-product-purchase-panel{position:sticky;top:1rem;align-self:start;}
.com-ninjaextensionmanager.nem-product-wow .nem-purchase-card{padding:1.25rem!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;color:var(--nem-ui-ink)!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important;}
.com-ninjaextensionmanager.nem-product-wow .nem-purchase-price{font-size:clamp(2rem,3vw,3.2rem);line-height:1;font-weight:950;letter-spacing:-.06em;color:var(--nem-ui-ink);}
.com-ninjaextensionmanager.nem-product-wow .nem-product-trust-row,.com-ninjaextensionmanager.nem-product-wow .nem-product-actions-inline{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;}
.com-ninjaextensionmanager.nem-product-wow .nem-product-trust-row span{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-weight:800;color:#fff!important;}
.com-ninjaextensionmanager.nem-product-wow :where(.nem-product-overview,.nem-product-section,.nem-product-tabs,.nem-related-assets,.nem-bundles-section){margin-top:1.25rem;padding:1.25rem;border:1px solid var(--nem-ui-border);border-radius:28px;background:#fff;box-shadow:var(--nem-ui-shadow-soft);}
/* Checkout and payment */
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-layout,.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-layout,.com-ninjaextensionmanager.nem-confirmation-wow .nem-confirmation-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.75fr);gap:1.25rem;align-items:start;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-order-summary,.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-summary,.com-ninjaextensionmanager.nem-checkout-wow aside,.com-ninjaextensionmanager.nem-payment-wow aside{position:sticky;top:1rem;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-card,.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-card,.com-ninjaextensionmanager.nem-confirmation-wow .nem-checkout-card{padding:1.35rem!important;margin-bottom:1rem!important;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-steps{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-steps span{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .85rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-weight:850;color:#fff!important;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-steps .is-active{background:#fff;color:#1d4ed8!important;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-section-heading,.com-ninjaextensionmanager.nem-payment-wow .nem-section-heading,.com-ninjaextensionmanager.nem-confirmation-wow .nem-section-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:start;margin-bottom:1rem;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-section-heading>.nem-icon,.com-ninjaextensionmanager.nem-payment-wow .nem-section-heading>.nem-icon,.com-ninjaextensionmanager.nem-confirmation-wow .nem-section-heading>.nem-icon{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.14));color:var(--nem-ui-blue);}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-feature-list{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-feature-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;padding:.75rem;border-radius:16px;background:var(--nem-ui-soft);}
/* Account routes */
.com-ninjaextensionmanager.nem-route-wow .nem-product-access-grid,.com-ninjaextensionmanager.nem-download-center .nem-product-access-grid,.com-ninjaextensionmanager.nem-license-page .nem-card-list,.com-ninjaextensionmanager.nem-subscriptions-page .nem-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;}
.com-ninjaextensionmanager.nem-route-wow .nem-product-access-card,.com-ninjaextensionmanager.nem-download-center .nem-product-access-card,.com-ninjaextensionmanager.nem-license-page .nem-subscription-card,.com-ninjaextensionmanager.nem-subscriptions-page .nem-subscription-card{display:grid;gap:.85rem;padding:1.15rem!important;transition:transform .18s ease,box-shadow .18s ease;}
.com-ninjaextensionmanager.nem-route-wow .nem-product-access-card:hover,.com-ninjaextensionmanager.nem-download-center .nem-product-access-card:hover,.com-ninjaextensionmanager.nem-license-page .nem-subscription-card:hover,.com-ninjaextensionmanager.nem-subscriptions-page .nem-subscription-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(15,23,42,.14)!important;}
.com-ninjaextensionmanager.nem-route-wow .nem-action-row,.com-ninjaextensionmanager.nem-download-center .nem-action-row,.com-ninjaextensionmanager.nem-subscriptions-page .nem-action-row,.com-ninjaextensionmanager.nem-license-page .nem-action-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;}
.com-ninjaextensionmanager.nem-route-wow .nem-empty-state,.com-ninjaextensionmanager.nem-download-center .nem-empty-state,.com-ninjaextensionmanager.nem-license-page .nem-empty-state,.com-ninjaextensionmanager.nem-subscriptions-page .nem-empty-state{padding:1.25rem!important;border:1px dashed rgba(37,99,235,.35)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(240,253,250,.8))!important;}
/* Help and changelog routes */
.com-ninjaextensionmanager.nem-help-wow .nem-help-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding:1.5rem!important;}
.com-ninjaextensionmanager.nem-help-wow .nem-help-hero__icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:#fff;}
.com-ninjaextensionmanager.nem-help-wow .nem-help-search{padding:1rem!important;margin:1rem 0!important;}
.com-ninjaextensionmanager.nem-help-wow .nem-help-article-card,.com-ninjaextensionmanager.nem-help-wow .nem-help-popular,.com-ninjaextensionmanager.nem-changelogs-wow article{transition:transform .18s ease,box-shadow .18s ease;}
.com-ninjaextensionmanager.nem-help-wow .nem-help-article-card:hover,.com-ninjaextensionmanager.nem-changelogs-wow article:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(15,23,42,.14)!important;}
.com-ninjaextensionmanager.nem-changelogs-wow .uk-container{max-width:1180px;margin:0 auto;padding:clamp(1rem,2.5vw,2rem);}
.com-ninjaextensionmanager.nem-changelogs-wow article{padding:1.25rem!important;margin-bottom:1rem!important;border-radius:26px!important;background:#fff!important;border:1px solid var(--nem-ui-border)!important;}
/* Plan detail route */
.com-ninjaextensionmanager.nem-plan-wow .nem-detail-grid,.com-ninjaextensionmanager.nem-plans-wow .nem-membership-grid{gap:1rem!important;}
.com-ninjaextensionmanager.nem-plan-wow .nem-card,.com-ninjaextensionmanager.nem-plans-wow .pricing-card{overflow:hidden;}
@media (max-width: 980px){
  .com-ninjaextensionmanager.nem-product-wow .nem-product-hero-grid,.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-layout,.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-layout,.com-ninjaextensionmanager.nem-confirmation-wow .nem-confirmation-layout{grid-template-columns:1fr!important;}
  .com-ninjaextensionmanager.nem-product-wow .nem-product-purchase-panel,.com-ninjaextensionmanager.nem-checkout-wow .nem-order-summary,.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-summary,.com-ninjaextensionmanager.nem-checkout-wow aside{position:relative!important;top:auto!important;}
}
@media (max-width: 640px){
  .com-ninjaextensionmanager.nem-frontend-enterprise{padding:.75rem;}
  .com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-product-hero,.nem-checkout-hero,.nem-theme-hero,.nem-account-hero,.nem-help-hero,.nem-market-hero,.nem-plan-line-summary){border-radius:24px!important;}
  .com-ninjaextensionmanager.nem-frontend-enterprise :where(.btn,.uk-button,.nem-button,button[type="submit"]){width:100%;}
  .com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-steps span{width:100%;}
}
@media (prefers-reduced-motion: reduce){.com-ninjaextensionmanager.nem-frontend-enterprise *{transition:none!important;animation:none!important}.com-ninjaextensionmanager.nem-frontend-enterprise :where(.btn,.uk-button,.nem-button):hover,.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-product-access-card,.nem-help-article-card,article):hover{transform:none!important}}


/* ========================================================================== 
   Phase 38A.1 - Frontend Design System Rebuild Foundation
   Purpose: replace plain Joomla/component visual output with a premium SaaS
   marketplace surface across all public/client routes.
   ========================================================================== */
.com-ninjaextensionmanager.nem-frontend-enterprise,
.com-ninjaextensionmanager.nem-theme-ready,
.com-ninjaextensionmanager.nem-marketplace-page,
.com-ninjaextensionmanager.nem-product-detail,
.com-ninjaextensionmanager.com-ninjaextensionmanager-plan,
.com-ninjaextensionmanager.com-ninjaextensionmanager-plans,
.com-ninjaextensionmanager.nem-help-center,
.com-ninjaextensionmanager.nem-download-center,
.com-ninjaextensionmanager.nem-license-page,
.com-ninjaextensionmanager.nem-subscriptions-page,
.com-ninjaextensionmanager.nem-checkout-wow,
.com-ninjaextensionmanager.nem-payment-wow,
.com-ninjaextensionmanager.nem-confirmation-wow,
.com-ninjaextensionmanager.changelogs {
  --nem-brand-950:#07111f;
  --nem-brand-900:#0f172a;
  --nem-brand-800:#172554;
  --nem-brand-700:#1d4ed8;
  --nem-brand-600:#2563eb;
  --nem-brand-500:#3b82f6;
  --nem-cyan-500:#06b6d4;
  --nem-emerald-500:#10b981;
  --nem-amber-500:#f59e0b;
  --nem-rose-500:#f43f5e;
  --nem-ink:#0f172a;
  --nem-muted:#64748b;
  --nem-soft:#f8fafc;
  --nem-soft-blue:#eff6ff;
  --nem-border:rgba(148,163,184,.22);
  --nem-border-strong:rgba(37,99,235,.22);
  --nem-surface:rgba(255,255,255,.94);
  --nem-surface-solid:#ffffff;
  --nem-glass:rgba(255,255,255,.12);
  --nem-shadow-sm:0 10px 24px rgba(15,23,42,.08);
  --nem-shadow-md:0 22px 55px rgba(15,23,42,.13);
  --nem-shadow-lg:0 36px 95px rgba(15,23,42,.18);
  --nem-radius-sm:14px;
  --nem-radius-md:22px;
  --nem-radius-lg:32px;
  --nem-radius-xl:42px;
  --nem-ring:0 0 0 4px rgba(37,99,235,.18);
  color:var(--nem-ink);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 8% -5%, rgba(37,99,235,.17), transparent 34rem),
    radial-gradient(circle at 100% 8%, rgba(6,182,212,.16), transparent 28rem),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 36%,#f8fafc 100%);
  padding:clamp(1rem,2.5vw,2.25rem);
  isolation:isolate;
}
.com-ninjaextensionmanager.nem-frontend-enterprise *,
.com-ninjaextensionmanager.nem-theme-ready * { box-sizing:border-box; }
.com-ninjaextensionmanager.nem-frontend-enterprise a { color:var(--nem-brand-700); text-decoration:none; }
.com-ninjaextensionmanager.nem-frontend-enterprise a:hover { color:var(--nem-brand-800); text-decoration:none; }
.com-ninjaextensionmanager.nem-frontend-enterprise :where(h1,h2,h3,h4) { color:var(--nem-ink); letter-spacing:-.045em; line-height:1.05; font-weight:900; margin-top:0; }
.com-ninjaextensionmanager.nem-frontend-enterprise h1 { font-size:clamp(2.4rem,5vw,5.75rem); }
.com-ninjaextensionmanager.nem-frontend-enterprise h2 { font-size:clamp(1.65rem,3vw,3rem); }
.com-ninjaextensionmanager.nem-frontend-enterprise h3 { font-size:clamp(1.15rem,2vw,1.6rem); }
.com-ninjaextensionmanager.nem-frontend-enterprise :where(p,li,dd,td) { color:var(--nem-muted); line-height:1.65; }
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-account-hero,.nem-checkout-hero,.nem-help-hero,.nem-confirmation-hero,.nem-plan-line-summary) {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:var(--nem-radius-xl)!important;
  padding:clamp(1.45rem,4vw,3.5rem)!important;
  background:
    radial-gradient(circle at 10% 20%, rgba(6,182,212,.34), transparent 18rem),
    radial-gradient(circle at 92% 8%, rgba(59,130,246,.38), transparent 23rem),
    linear-gradient(135deg,#07111f 0%,#172554 48%,#1d4ed8 100%)!important;
  box-shadow:var(--nem-shadow-lg)!important;
  color:#fff!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-account-hero,.nem-checkout-hero,.nem-help-hero,.nem-confirmation-hero,.nem-plan-line-summary)::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(120deg,rgba(0,0,0,.85),transparent 72%);
  pointer-events:none;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-account-hero,.nem-checkout-hero,.nem-help-hero,.nem-confirmation-hero,.nem-plan-line-summary) > * { position:relative; z-index:1; }
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-account-hero,.nem-checkout-hero,.nem-help-hero,.nem-confirmation-hero,.nem-plan-line-summary) :where(h1,h2,h3,p,span,strong,li) { color:#fff!important; }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-eyebrow,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-product-eyebrow,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-purchase-label,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-market-card__type {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  width:max-content;
  max-width:100%;
  padding:.45rem .75rem;
  border-radius:999px;
  background:rgba(37,99,235,.09);
  border:1px solid rgba(37,99,235,.15);
  color:var(--nem-brand-700);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-account-hero,.nem-checkout-hero,.nem-help-hero) .nem-eyebrow,
.com-ninjaextensionmanager.nem-product-detail .nem-product-eyebrow { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.22); color:#fff!important; }
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-card,.uk-card,.pricing-card,.nem-market-card,.nem-checkout-card,.nem-purchase-card,.nem-product-access-card,.nem-subscription-card,.nem-help-article-card,.nem-help-popular,.nem-conversion-panel,.nem-discovery-shelf,.nem-market-filters,.nem-active-filter-bar,.nem-results-toolbar,.nem-empty-state,article.nem-subscription-card) {
  border:1px solid var(--nem-border)!important;
  border-radius:var(--nem-radius-lg)!important;
  background:var(--nem-surface)!important;
  box-shadow:var(--nem-shadow-sm)!important;
  backdrop-filter:blur(18px);
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-card,.uk-card,.pricing-card,.nem-market-card,.nem-checkout-card,.nem-purchase-card,.nem-product-access-card,.nem-subscription-card,.nem-help-article-card,.nem-help-popular,.nem-conversion-panel,.nem-discovery-shelf,article.nem-subscription-card):hover {
  transform:translateY(-4px);
  box-shadow:var(--nem-shadow-md)!important;
  border-color:var(--nem-border-strong)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-card,.uk-card,.pricing-card,.nem-market-card,.nem-checkout-card,.nem-purchase-card,.nem-product-access-card,.nem-subscription-card,.nem-help-article-card,.nem-help-popular,.nem-conversion-panel,.nem-discovery-shelf,article.nem-subscription-card) { transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button,.btn,.uk-button,button,input[type="submit"],.button) {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  min-height:48px!important;
  padding:.85rem 1.1rem!important;
  border-radius:16px!important;
  border:1px solid rgba(37,99,235,.18)!important;
  background:#fff!important;
  color:var(--nem-brand-700)!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  line-height:1.1!important;
  box-shadow:0 10px 24px rgba(37,99,235,.08)!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button-primary,.nem-button--primary,.btn-primary,.uk-button-primary,button[type="submit"],input[type="submit"]) {
  background:linear-gradient(135deg,var(--nem-brand-700),var(--nem-cyan-500))!important;
  border-color:rgba(255,255,255,.15)!important;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(37,99,235,.28)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button-secondary,.btn-secondary,.uk-button-default,.btn-outline-secondary) {
  background:rgba(255,255,255,.88)!important;
  color:var(--nem-brand-800)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button-ghost,.btn-link) {
  background:rgba(37,99,235,.06)!important;
  box-shadow:none!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button,.btn,.uk-button,button,input[type="submit"],.button):hover {
  transform:translateY(-2px);
  box-shadow:0 22px 44px rgba(37,99,235,.18)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button,.btn,.uk-button,button,input[type="submit"],.button):focus-visible,
.com-ninjaextensionmanager.nem-frontend-enterprise :where(a,input,select,textarea,summary):focus-visible { outline:none!important; box-shadow:var(--nem-ring),0 12px 30px rgba(37,99,235,.16)!important; }
.com-ninjaextensionmanager.nem-frontend-enterprise :where(input,select,textarea,.uk-input,.uk-select,.form-control,.form-select) {
  min-height:48px;
  border-radius:16px!important;
  border:1px solid var(--nem-border)!important;
  background:#fff!important;
  color:var(--nem-ink)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-status-icon,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-button-icon,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-product-line-icon,
.com-ninjaextensionmanager.nem-frontend-enterprise [class^="icon-"] {
  width:1.1rem;
  height:1.1rem;
  display:inline-block;
  flex:0 0 auto;
  border-radius:.35rem;
  background:currentColor;
  opacity:.95;
  vertical-align:-.15em;
  clip-path:polygon(15% 10%,85% 10%,85% 85%,15% 85%);
}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--check,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-check,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-status-icon.nem-icon-license { clip-path:polygon(15% 52%,28% 38%,43% 53%,75% 18%,88% 31%,44% 79%); }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--download,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-download { clip-path:polygon(42% 8%,58% 8%,58% 48%,75% 48%,50% 78%,25% 48%,42% 48%); }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--plan,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-plan,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--license { clip-path:polygon(18% 8%,68% 8%,82% 24%,82% 92%,18% 92%); }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--bundle,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-bundle { clip-path:polygon(12% 24%,50% 6%,88% 24%,88% 74%,50% 94%,12% 74%); }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--cart,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-cart { clip-path:polygon(10% 12%,24% 12%,32% 62%,78% 62%,88% 28%,34% 28%,30% 18%,10% 18%); }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon--help,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-icon-help { clip-path:polygon(45% 75%,58% 75%,58% 90%,45% 90%,45% 75%,44% 65%,56% 59%,62% 52%,61% 43%,54% 37%,44% 38%,37% 48%,26% 43%,36% 26%,55% 24%,73% 35%,74% 52%,67% 64%,56% 70%); }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-pill,
.com-ninjaextensionmanager.nem-frontend-enterprise .badge,
.com-ninjaextensionmanager.nem-frontend-enterprise .uk-badge {
  display:inline-flex!important;
  align-items:center!important;
  gap:.4rem;
  padding:.42rem .7rem!important;
  border-radius:999px!important;
  background:rgba(37,99,235,.08)!important;
  color:var(--nem-brand-700)!important;
  border:1px solid rgba(37,99,235,.14)!important;
  font-weight:850!important;
  font-size:.78rem!important;
}
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-grid,
.com-ninjaextensionmanager.nem-marketplace-page .plans-grid,
.com-ninjaextensionmanager.com-ninjaextensionmanager-plans .nem-membership-grid,
.com-ninjaextensionmanager.nem-route-wow .nem-product-access-grid,
.com-ninjaextensionmanager.nem-download-center .nem-product-access-grid,
.com-ninjaextensionmanager.nem-license-page .nem-card-list,
.com-ninjaextensionmanager.nem-subscriptions-page .nem-card-list { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))!important; gap:clamp(1rem,2vw,1.35rem)!important; }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card { position:relative; overflow:hidden; min-height:100%; padding:0!important; display:flex; flex-direction:column; }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card::before { content:""; position:absolute; inset:0 0 auto 0; height:5px; background:linear-gradient(90deg,var(--nem-brand-600),var(--nem-cyan-500),var(--nem-emerald-500)); }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__media { min-height:190px; display:grid; place-items:center; background:linear-gradient(135deg,#eff6ff,#ecfeff); border-bottom:1px solid var(--nem-border); }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__media img { width:100%; height:210px; object-fit:cover; display:block; }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__placeholder { width:72px!important; height:72px!important; color:var(--nem-brand-600); opacity:.22; }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__body { padding:1.15rem 1.15rem .6rem; display:grid; gap:.75rem; flex:1; }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__title { margin:0!important; font-size:1.35rem!important; }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__features { display:grid; gap:.55rem; margin:.2rem 0 0; padding:0; list-style:none; }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__features li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.5rem; align-items:start; }
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__footer { margin-top:auto; padding:1rem 1.15rem 1.15rem!important; background:linear-gradient(180deg,rgba(248,250,252,.5),#fff); border-top:1px solid var(--nem-border); display:grid; gap:.85rem; }
.com-ninjaextensionmanager.nem-product-detail .nem-product-hero { margin-bottom:1.5rem; }
.com-ninjaextensionmanager.nem-product-detail .nem-product-hero-grid { grid-template-columns:minmax(260px,.92fr) minmax(0,1.35fr) minmax(330px,.8fr)!important; }
.com-ninjaextensionmanager.nem-product-detail .nem-product-summary-panel h1 { color:#fff!important; text-shadow:0 18px 45px rgba(0,0,0,.22); }
.com-ninjaextensionmanager.nem-product-detail .nem-product-lead { font-size:clamp(1.06rem,1.5vw,1.25rem); max-width:62ch; }
.com-ninjaextensionmanager.nem-product-detail .nem-product-media-panel { min-height:360px; display:grid; align-items:stretch; }
.com-ninjaextensionmanager.nem-product-detail .nem-product-image,
.com-ninjaextensionmanager.nem-product-detail .nem-product-image-placeholder { min-height:330px!important; border:1px solid rgba(255,255,255,.22); box-shadow:0 22px 70px rgba(0,0,0,.22); }
.com-ninjaextensionmanager.nem-product-detail .nem-product-purchase-panel { z-index:4; }
.com-ninjaextensionmanager.nem-product-detail .nem-purchase-card { border:0!important; box-shadow:0 26px 80px rgba(15,23,42,.24)!important; }
.com-ninjaextensionmanager.nem-product-detail :where(.nem-product-overview,.nem-product-section,.nem-product-tabs,.nem-related-assets,.nem-bundles-section) { padding:clamp(1.2rem,2.5vw,2rem)!important; }
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-layout,
.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-layout,
.com-ninjaextensionmanager.nem-confirmation-wow .nem-confirmation-layout { max-width:1180px; margin:1.25rem auto 0; }
.com-ninjaextensionmanager.nem-checkout-wow :where(.nem-order-summary,.nem-checkout-summary,aside),
.com-ninjaextensionmanager.nem-payment-wow :where(.nem-order-summary,.nem-checkout-summary,aside) { border-radius:var(--nem-radius-lg)!important; }
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-card,
.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-card,
.com-ninjaextensionmanager.nem-confirmation-wow .nem-checkout-card { border-left:5px solid rgba(37,99,235,.55)!important; }
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-feature-list li { background:linear-gradient(135deg,#f8fafc,#eff6ff)!important; border:1px solid var(--nem-border); }
.com-ninjaextensionmanager.nem-dashboard-wow .nem-account-hero,
.com-ninjaextensionmanager.nem-route-wow .nem-account-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:1.25rem; align-items:center; }
.com-ninjaextensionmanager.nem-dashboard-wow :where(.nem-dashboard-grid,.nem-portal-grid,.nem-action-grid),
.com-ninjaextensionmanager.nem-route-wow :where(.nem-dashboard-grid,.nem-portal-grid,.nem-action-grid) { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:1rem; }
.com-ninjaextensionmanager.nem-route-wow :where(.nem-product-access-card,.nem-subscription-card),
.com-ninjaextensionmanager.nem-download-center :where(.nem-product-access-card,.nem-subscription-card),
.com-ninjaextensionmanager.nem-license-page :where(.nem-product-access-card,.nem-subscription-card),
.com-ninjaextensionmanager.nem-subscriptions-page :where(.nem-product-access-card,.nem-subscription-card) { padding:1.25rem!important; overflow:hidden; position:relative; }
.com-ninjaextensionmanager.nem-route-wow :where(.nem-product-access-card,.nem-subscription-card)::after,
.com-ninjaextensionmanager.nem-download-center :where(.nem-product-access-card,.nem-subscription-card)::after,
.com-ninjaextensionmanager.nem-license-page :where(.nem-product-access-card,.nem-subscription-card)::after,
.com-ninjaextensionmanager.nem-subscriptions-page :where(.nem-product-access-card,.nem-subscription-card)::after { content:""; position:absolute; right:-34px; top:-34px; width:110px; height:110px; border-radius:999px; background:rgba(37,99,235,.08); }
.com-ninjaextensionmanager.nem-help-center .nem-help-category__articles { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:1rem; }
.com-ninjaextensionmanager.nem-help-center .nem-help-article-card { height:100%; }
.com-ninjaextensionmanager.changelogs article { border-left:5px solid rgba(37,99,235,.55)!important; }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-empty-state { text-align:center; padding:clamp(1.25rem,3vw,2.25rem)!important; background:linear-gradient(135deg,#fff,#eff6ff)!important; }
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-empty-state .nem-icon { width:48px; height:48px; color:var(--nem-brand-600); opacity:.35; margin-bottom:.5rem; }
@media (max-width:980px){
  .com-ninjaextensionmanager.nem-product-detail .nem-product-hero-grid,
  .com-ninjaextensionmanager.nem-dashboard-wow .nem-account-hero,
  .com-ninjaextensionmanager.nem-route-wow .nem-account-hero { grid-template-columns:1fr!important; }
  .com-ninjaextensionmanager.nem-frontend-enterprise { padding:1rem; }
}
@media (max-width:640px){
  .com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-account-hero,.nem-checkout-hero,.nem-help-hero,.nem-confirmation-hero,.nem-plan-line-summary) { border-radius:28px!important; padding:1.25rem!important; }
  .com-ninjaextensionmanager.nem-frontend-enterprise h1 { font-size:2.35rem; }
  .com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__media { min-height:150px; }
}
@media (prefers-reduced-motion:reduce){
  .com-ninjaextensionmanager.nem-frontend-enterprise *,
  .com-ninjaextensionmanager.nem-theme-ready * { transition:none!important; animation:none!important; }
}
/* Phase 38A dashboard route inclusion */
.com-ninjaextensionmanager.nem-client-portal.nem-dashboard-enterprise.nem-frontend-enterprise {
  --nem-brand-950:#07111f;--nem-brand-900:#0f172a;--nem-brand-700:#1d4ed8;--nem-brand-600:#2563eb;--nem-cyan-500:#06b6d4;--nem-ink:#0f172a;--nem-muted:#64748b;--nem-border:rgba(148,163,184,.22);--nem-surface:rgba(255,255,255,.94);--nem-shadow-sm:0 10px 24px rgba(15,23,42,.08);--nem-shadow-md:0 22px 55px rgba(15,23,42,.13);--nem-shadow-lg:0 36px 95px rgba(15,23,42,.18);--nem-radius-lg:32px;--nem-radius-xl:42px;
  background:radial-gradient(circle at 8% -5%, rgba(37,99,235,.17), transparent 34rem),radial-gradient(circle at 100% 8%, rgba(6,182,212,.16), transparent 28rem),linear-gradient(180deg,#f8fbff 0%,#ffffff 36%,#f8fafc 100%);padding:clamp(1rem,2.5vw,2.25rem);color:var(--nem-ink);
}
.com-ninjaextensionmanager.nem-client-portal .nem-portal-hero,.com-ninjaextensionmanager.nem-client-portal .nem-account-hero{position:relative;overflow:hidden;border-radius:var(--nem-radius-xl)!important;padding:clamp(1.45rem,4vw,3.5rem)!important;background:radial-gradient(circle at 10% 20%, rgba(6,182,212,.34), transparent 18rem),radial-gradient(circle at 92% 8%, rgba(59,130,246,.38), transparent 23rem),linear-gradient(135deg,#07111f 0%,#172554 48%,#1d4ed8 100%)!important;box-shadow:var(--nem-shadow-lg)!important;color:#fff!important}
.com-ninjaextensionmanager.nem-client-portal .nem-portal-hero :where(h1,h2,h3,p,span,strong),.com-ninjaextensionmanager.nem-client-portal .nem-account-hero :where(h1,h2,h3,p,span,strong){color:#fff!important}
.com-ninjaextensionmanager.nem-client-portal :where(.nem-card,.nem-panel,.nem-metric-card,.nem-action-tile,.nem-product-card,.nem-recommendation-card,.nem-portal-card){border:1px solid var(--nem-border)!important;border-radius:var(--nem-radius-lg)!important;background:var(--nem-surface)!important;box-shadow:var(--nem-shadow-sm)!important;padding:1.25rem!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.com-ninjaextensionmanager.nem-client-portal :where(.nem-card,.nem-panel,.nem-metric-card,.nem-action-tile,.nem-product-card,.nem-recommendation-card,.nem-portal-card):hover{transform:translateY(-4px);box-shadow:var(--nem-shadow-md)!important;border-color:rgba(37,99,235,.22)!important}
.com-ninjaextensionmanager.nem-client-portal :where(.nem-button,.btn,.uk-button,a.button,button){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;min-height:48px!important;padding:.85rem 1.1rem!important;border-radius:16px!important;border:1px solid rgba(37,99,235,.18)!important;background:#fff!important;color:var(--nem-brand-700)!important;font-weight:900!important;box-shadow:0 10px 24px rgba(37,99,235,.08)!important;text-decoration:none!important}
.com-ninjaextensionmanager.nem-client-portal :where(.nem-button-primary,.btn-primary,.uk-button-primary,button[type="submit"]){background:linear-gradient(135deg,var(--nem-brand-700),var(--nem-cyan-500))!important;color:#fff!important;box-shadow:0 18px 40px rgba(37,99,235,.28)!important}


/* Phase 38A.2 — Component-level enterprise surface system.
   This pass upgrades the actual frontend route surfaces, not only global defaults. */
.com-ninjaextensionmanager.nem-frontend-enterprise{
  --nem-brand-950:#07111f;--nem-brand-900:#0f172a;--nem-brand-800:#1e3a8a;--nem-brand-700:#1d4ed8;--nem-brand-600:#2563eb;--nem-cyan-500:#06b6d4;--nem-emerald-500:#10b981;--nem-amber-500:#f59e0b;--nem-rose-500:#f43f5e;--nem-ink:#0f172a;--nem-muted:#64748b;--nem-line:rgba(148,163,184,.24);--nem-surface:#ffffff;--nem-soft:#f8fafc;--nem-soft-blue:#eff6ff;--nem-shadow-card:0 18px 46px rgba(15,23,42,.10);--nem-shadow-hover:0 30px 80px rgba(15,23,42,.16);--nem-shadow-hero:0 38px 100px rgba(15,23,42,.22);--nem-radius-card:30px;--nem-radius-hero:42px;
  isolation:isolate;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-help-hero){
  position:relative;overflow:hidden;border:0!important;border-radius:var(--nem-radius-hero)!important;padding:clamp(1.5rem,4vw,3.75rem)!important;background:radial-gradient(circle at 12% 18%,rgba(6,182,212,.35),transparent 20rem),radial-gradient(circle at 92% 0,rgba(59,130,246,.42),transparent 25rem),linear-gradient(135deg,#07111f 0%,#172554 50%,#1d4ed8 100%)!important;box-shadow:var(--nem-shadow-hero)!important;color:#fff!important;margin-bottom:clamp(1.25rem,2.5vw,2rem)!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-help-hero)::after{
  content:"";position:absolute;right:-8rem;bottom:-10rem;width:24rem;height:24rem;border-radius:50%;background:rgba(255,255,255,.10);filter:blur(1px);pointer-events:none;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-page-hero,.nem-market-hero,.nem-product-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-help-hero) :where(h1,h2,h3,p,span,strong,a){color:#fff!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise h1{letter-spacing:-.055em!important;line-height:.95!important;font-size:clamp(2.55rem,6vw,5.4rem)!important;margin:.35rem 0 .85rem!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise h2{letter-spacing:-.035em!important;line-height:1.05!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-eyebrow,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-product-eyebrow,
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-purchase-label{display:inline-flex!important;align-items:center!important;gap:.55rem!important;width:max-content!important;max-width:100%!important;padding:.48rem .78rem!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:.74rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-weight:950!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-card,.nem-detail-section,.nem-checkout-card,.nem-checkout-summary__panel,.nem-purchase-card,.nem-plan-card,.pricing-card,.nem-product-access-card,.nem-subscription-card,.nem-site-activation-card,.nem-panel,.nem-help-article-card,.nem-help-popular,.nem-dashboard-empty,.nem-market-card,.nem-action-tile,.nem-recommendation-card,.nem-metric-card){
  border:1px solid rgba(148,163,184,.22)!important;border-radius:var(--nem-radius-card)!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92))!important;box-shadow:var(--nem-shadow-card)!important;overflow:hidden;position:relative;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-card,.nem-detail-section,.nem-checkout-card,.nem-purchase-card,.nem-plan-card,.pricing-card,.nem-product-access-card,.nem-subscription-card,.nem-panel,.nem-help-article-card,.nem-market-card,.nem-action-tile,.nem-recommendation-card,.nem-metric-card)::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--nem-brand-600),var(--nem-cyan-500),var(--nem-emerald-500));opacity:.9;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-card,.nem-detail-section,.nem-checkout-card,.nem-purchase-card,.nem-plan-card,.pricing-card,.nem-product-access-card,.nem-subscription-card,.nem-panel,.nem-help-article-card,.nem-market-card,.nem-action-tile,.nem-recommendation-card,.nem-metric-card):hover{transform:translateY(-5px);box-shadow:var(--nem-shadow-hover)!important;border-color:rgba(37,99,235,.24)!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button,.nem-button-primary,.nem-button-secondary,.nem-button-ghost,.btn,.uk-button,button,input[type="submit"],a.button){
  border-radius:18px!important;min-height:50px!important;padding:.9rem 1.2rem!important;font-weight:950!important;text-decoration:none!important;letter-spacing:-.015em!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button-primary,.btn-primary,.uk-button-primary,button[type="submit"],input[type="submit"]){background:linear-gradient(135deg,#1d4ed8,#06b6d4)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 20px 48px rgba(37,99,235,.30)!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button-secondary,.btn-secondary,.uk-button-default){background:#fff!important;color:#1d4ed8!important;border:1px solid rgba(37,99,235,.18)!important;box-shadow:0 14px 32px rgba(37,99,235,.10)!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button-ghost,.uk-button-text,.btn-link){background:rgba(37,99,235,.07)!important;color:#1d4ed8!important;border:1px solid rgba(37,99,235,.08)!important;box-shadow:none!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button,.btn,.uk-button,button,input[type="submit"]):hover{transform:translateY(-2px);box-shadow:0 28px 60px rgba(37,99,235,.20)!important;}
.com-ninjaextensionmanager.nem-product-detail .nem-product-content-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2.4vw,1.6rem)!important;max-width:1240px;margin:0 auto;}
.com-ninjaextensionmanager.nem-product-detail .nem-product-tabs{position:sticky;top:0;z-index:12;display:flex!important;gap:.5rem!important;overflow:auto;padding:.65rem!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(15,23,42,.10)!important;margin-bottom:1rem!important;}
.com-ninjaextensionmanager.nem-product-detail .nem-product-tabs a{white-space:nowrap;border-radius:999px;padding:.7rem 1rem;text-decoration:none;font-weight:900;color:#1d4ed8!important;background:rgba(37,99,235,.06);}
.com-ninjaextensionmanager.nem-product-detail .nem-product-purchase-panel{position:sticky;top:1rem;align-self:start;}
.com-ninjaextensionmanager.nem-product-detail .nem-purchase-card{padding:1.35rem!important;background:linear-gradient(180deg,#fff,#eff6ff)!important;border:1px solid rgba(37,99,235,.18)!important;}
.com-ninjaextensionmanager.nem-product-detail .nem-purchase-price{font-size:clamp(2rem,4vw,3.4rem)!important;font-weight:1000!important;letter-spacing:-.06em!important;color:#0f172a!important;line-height:.95!important;margin:.8rem 0!important;}
.com-ninjaextensionmanager.nem-product-detail .nem-feature-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:.9rem!important;}
.com-ninjaextensionmanager.nem-product-detail .nem-feature-item{padding:1rem!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;font-weight:800!important;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-layout,.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)!important;gap:clamp(1rem,3vw,2rem)!important;align-items:start!important;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-summary,.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-summary{position:sticky;top:1rem;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-summary__panel,.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-summary__panel{padding:1.35rem!important;background:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%)!important;border:1px solid rgba(37,99,235,.18)!important;box-shadow:0 30px 80px rgba(15,23,42,.16)!important;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-summary-price strong,.com-ninjaextensionmanager.nem-payment-wow .nem-summary-price strong{font-size:2.3rem!important;letter-spacing:-.05em;color:#0f172a!important;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-form-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:1rem!important;}
.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-confidence{border-radius:var(--nem-radius-card)!important;padding:1.15rem!important;background:linear-gradient(135deg,#ecfeff,#eff6ff)!important;border:1px solid rgba(6,182,212,.22)!important;box-shadow:var(--nem-shadow-card)!important;}
.com-ninjaextensionmanager.nem-route-wow :where(.nem-product-access-card,.nem-subscription-card,.nem-site-row),.com-ninjaextensionmanager.nem-download-center :where(.nem-product-access-card,.nem-subscription-card),.com-ninjaextensionmanager.nem-license-page :where(.nem-subscription-card,.nem-site-row),.com-ninjaextensionmanager.nem-subscriptions-page :where(.nem-subscription-card){padding:1.25rem!important;border-radius:28px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:var(--nem-shadow-card)!important;}
.com-ninjaextensionmanager.nem-help-center .nem-help-category,.com-ninjaextensionmanager.nem-help-center .nem-help-popular{padding:1.25rem!important;border-radius:30px!important;background:#fff!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:var(--nem-shadow-card)!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise .nem-rich-content{font-size:1.05rem;line-height:1.75;color:#334155;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-trust-list,.nem-purchase-assurance,.nem-checkout-confidence__list,.nem-feature-list){list-style:none!important;margin:1rem 0 0!important;padding:0!important;display:grid!important;gap:.72rem!important;}
.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-trust-list li,.nem-purchase-assurance li,.nem-checkout-confidence__list li,.nem-feature-list li){display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:.65rem!important;align-items:start!important;padding:.78rem!important;border-radius:16px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(148,163,184,.18)!important;}
@media(max-width:980px){.com-ninjaextensionmanager.nem-product-detail .nem-product-purchase-panel,.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-summary,.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-summary{position:static}.com-ninjaextensionmanager.nem-checkout-wow .nem-checkout-layout,.com-ninjaextensionmanager.nem-payment-wow .nem-checkout-layout{grid-template-columns:1fr!important}.com-ninjaextensionmanager.nem-product-detail .nem-product-tabs{border-radius:22px!important}}
@media(max-width:640px){.com-ninjaextensionmanager.nem-frontend-enterprise{padding:.75rem!important}.com-ninjaextensionmanager.nem-frontend-enterprise h1{font-size:2.45rem!important}.com-ninjaextensionmanager.nem-frontend-enterprise :where(.nem-button,.btn,.uk-button,button,input[type="submit"]){width:100%;}.com-ninjaextensionmanager.nem-product-detail .nem-product-tabs{top:.25rem}.com-ninjaextensionmanager.nem-product-detail .nem-product-tabs a{padding:.65rem .85rem}}


/* Phase 38A.3 - visual route transformation: premium SaaS marketplace layer */
.com-ninjaextensionmanager.nem-frontend-enterprise,
.com-ninjaextensionmanager.nem-wow-route {
  --nem-bg-1:#f3f7fb;
  --nem-bg-2:#eef6ff;
  --nem-ink:#071f3a;
  --nem-ink-2:#123f66;
  --nem-blue:#1473ff;
  --nem-blue-2:#35a7ff;
  --nem-aqua:#33d6c4;
  --nem-line:rgba(8,32,59,.10);
  --nem-card:#ffffff;
  --nem-card-glass:rgba(255,255,255,.88);
  --nem-radius-lg:30px;
  --nem-radius-md:22px;
  --nem-radius-sm:14px;
  --nem-shadow-lg:0 28px 70px rgba(6,28,63,.16);
  --nem-shadow-md:0 18px 44px rgba(6,28,63,.11);
  --nem-shadow-sm:0 10px 26px rgba(6,28,63,.08);
  max-width:1180px;
  margin:0 auto;
  padding:clamp(1rem,2vw,2rem);
  color:var(--nem-ink);
  background:
    radial-gradient(circle at 8% 0%, rgba(53,167,255,.18), transparent 30rem),
    radial-gradient(circle at 100% 8%, rgba(51,214,196,.15), transparent 28rem),
    linear-gradient(180deg, rgba(247,250,255,.98), rgba(255,255,255,1));
  border-radius:34px;
}
.com-ninjaextensionmanager.nem-wow-route a { text-decoration:none; }
.com-ninjaextensionmanager.nem-wow-route h1,
.com-ninjaextensionmanager.nem-wow-route h2,
.com-ninjaextensionmanager.nem-wow-route h3 { color:var(--nem-ink); letter-spacing:-.035em; }
.com-ninjaextensionmanager.nem-wow-route p { color:#52657a; }
.com-ninjaextensionmanager .nem-product-hero,
.com-ninjaextensionmanager .nem-checkout-hero,
.com-ninjaextensionmanager .nem-confirmation-hero,
.com-ninjaextensionmanager .nem-dashboard-hero,
.com-ninjaextensionmanager .nem-market-hero,
.com-ninjaextensionmanager .nem-plans-hero {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.55);
  border-radius:var(--nem-radius-lg);
  padding:clamp(1.5rem,3.4vw,3.25rem);
  background:
    linear-gradient(135deg, rgba(6,28,63,.98) 0%, rgba(20,115,255,.92) 55%, rgba(53,167,255,.88) 100%);
  box-shadow:var(--nem-shadow-lg);
  color:#fff;
  isolation:isolate;
}
.com-ninjaextensionmanager .nem-product-hero::before,
.com-ninjaextensionmanager .nem-checkout-hero::before,
.com-ninjaextensionmanager .nem-confirmation-hero::before,
.com-ninjaextensionmanager .nem-dashboard-hero::before,
.com-ninjaextensionmanager .nem-market-hero::before,
.com-ninjaextensionmanager .nem-plans-hero::before {
  content:"";
  position:absolute;
  inset:auto -10% -55% auto;
  width:34rem;
  height:34rem;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.30), rgba(255,255,255,0) 66%);
  pointer-events:none;
  z-index:-1;
}
.com-ninjaextensionmanager .nem-product-hero *,
.com-ninjaextensionmanager .nem-checkout-hero *,
.com-ninjaextensionmanager .nem-confirmation-hero *,
.com-ninjaextensionmanager .nem-dashboard-hero *,
.com-ninjaextensionmanager .nem-market-hero *,
.com-ninjaextensionmanager .nem-plans-hero * { color:#fff; }
.com-ninjaextensionmanager .nem-product-hero-grid,
.com-ninjaextensionmanager .nem-checkout-layout,
.com-ninjaextensionmanager .nem-confirmation-grid {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.55fr);
  gap:clamp(1rem,2vw,1.5rem);
  align-items:start;
  margin-top:1.4rem;
}
.com-ninjaextensionmanager .nem-product-hero-grid { grid-template-columns:minmax(260px,.7fr) minmax(0,1fr) minmax(320px,.48fr); }
.com-ninjaextensionmanager .nem-product-media-panel,
.com-ninjaextensionmanager .nem-product-summary-panel,
.com-ninjaextensionmanager .nem-purchase-card,
.com-ninjaextensionmanager .nem-checkout-card,
.com-ninjaextensionmanager .nem-confirmation-guidance,
.com-ninjaextensionmanager .nem-next-actions,
.com-ninjaextensionmanager .nem-dashboard-panel,
.com-ninjaextensionmanager .nem-dashboard-stat,
.com-ninjaextensionmanager .nem-enterprise-card,
.com-ninjaextensionmanager .nem-plan-card,
.com-ninjaextensionmanager .nem-market-card,
.com-ninjaextensionmanager .nem-help-article-card,
.com-ninjaextensionmanager .nem-subscription-card,
.com-ninjaextensionmanager .nem-download-card,
.com-ninjaextensionmanager .nem-license-card {
  border:1px solid var(--nem-line) !important;
  border-radius:var(--nem-radius-md) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.90)) !important;
  box-shadow:var(--nem-shadow-md) !important;
  backdrop-filter:blur(14px);
}
.com-ninjaextensionmanager .nem-product-media-panel,
.com-ninjaextensionmanager .nem-product-summary-panel,
.com-ninjaextensionmanager .nem-checkout-card,
.com-ninjaextensionmanager .nem-confirmation-guidance,
.com-ninjaextensionmanager .nem-next-actions,
.com-ninjaextensionmanager .nem-dashboard-panel,
.com-ninjaextensionmanager .nem-enterprise-card { padding:clamp(1.1rem,2vw,1.6rem) !important; }
.com-ninjaextensionmanager .nem-product-purchase-panel,
.com-ninjaextensionmanager .nem-checkout-sidebar,
.com-ninjaextensionmanager .nem-checkout-summary,
.com-ninjaextensionmanager .nem-product-sidebar { position:sticky; top:1rem; }
.com-ninjaextensionmanager .nem-purchase-card,
.com-ninjaextensionmanager .nem-checkout-sidebar,
.com-ninjaextensionmanager .nem-checkout-summary {
  padding:1.35rem !important;
  border:1px solid rgba(20,115,255,.28) !important;
  box-shadow:0 24px 62px rgba(20,115,255,.16) !important;
}
.com-ninjaextensionmanager .nem-purchase-price,
.com-ninjaextensionmanager .nem-checkout-price,
.com-ninjaextensionmanager .nem-plan-price {
  font-size:clamp(2rem,4vw,3.25rem);
  line-height:1;
  font-weight:900;
  letter-spacing:-.06em;
  color:var(--nem-ink) !important;
  margin:.35rem 0 .75rem;
}
.com-ninjaextensionmanager .nem-eyebrow,
.com-ninjaextensionmanager .nem-product-eyebrow,
.com-ninjaextensionmanager .nem-purchase-label {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  width:auto;
  padding:.42rem .72rem;
  border:1px solid rgba(20,115,255,.18);
  border-radius:999px;
  background:rgba(20,115,255,.08);
  color:var(--nem-blue) !important;
  font-size:.76rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.com-ninjaextensionmanager .nem-button,
.com-ninjaextensionmanager button.nem-button,
.com-ninjaextensionmanager input[type="submit"].nem-button,
.com-ninjaextensionmanager .btn,
.com-ninjaextensionmanager .button {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.55rem !important;
  min-height:46px !important;
  padding:.78rem 1.05rem !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 12px 24px rgba(6,28,63,.10) !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important;
  cursor:pointer;
}
.com-ninjaextensionmanager .nem-button:hover,
.com-ninjaextensionmanager button.nem-button:hover { transform:translateY(-1px); box-shadow:0 18px 34px rgba(6,28,63,.16) !important; }
.com-ninjaextensionmanager .nem-button-primary,
.com-ninjaextensionmanager .btn-primary,
.com-ninjaextensionmanager .button-primary {
  background:linear-gradient(135deg, var(--nem-blue), var(--nem-blue-2)) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.25) !important;
}
.com-ninjaextensionmanager .nem-button-secondary,
.com-ninjaextensionmanager .nem-button-ghost,
.com-ninjaextensionmanager .btn-secondary,
.com-ninjaextensionmanager .button-secondary {
  background:#fff !important;
  color:var(--nem-ink) !important;
  border-color:rgba(20,115,255,.18) !important;
}
.com-ninjaextensionmanager .nem-button-block { display:flex !important; width:100% !important; }
.com-ninjaextensionmanager .nem-form-grid,
.com-ninjaextensionmanager .nem-dashboard-grid,
.com-ninjaextensionmanager .nem-dashboard-stats,
.com-ninjaextensionmanager .nem-confirmation-guidance__grid,
.com-ninjaextensionmanager .nem-checkout-feature-list,
.com-ninjaextensionmanager .nem-product-feature-grid,
.com-ninjaextensionmanager .nem-market-grid,
.com-ninjaextensionmanager .nem-plan-grid {
  display:grid;
  gap:1rem;
}
.com-ninjaextensionmanager .nem-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.com-ninjaextensionmanager .nem-dashboard-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.com-ninjaextensionmanager .nem-dashboard-grid,
.com-ninjaextensionmanager .nem-market-grid,
.com-ninjaextensionmanager .nem-plan-grid { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.com-ninjaextensionmanager .nem-checkout-feature-list,
.com-ninjaextensionmanager .nem-purchase-assurance,
.com-ninjaextensionmanager .nem-dashboard-list,
.com-ninjaextensionmanager .nem-confirmation-list { list-style:none; margin:1rem 0 0; padding:0; }
.com-ninjaextensionmanager .nem-checkout-feature-list li,
.com-ninjaextensionmanager .nem-purchase-assurance li,
.com-ninjaextensionmanager .nem-dashboard-list li {
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.75rem;
  border:1px solid rgba(8,32,59,.08);
  border-radius:16px;
  background:rgba(248,251,255,.78);
}
.com-ninjaextensionmanager .nem-input,
.com-ninjaextensionmanager .nem-select,
.com-ninjaextensionmanager .nem-field-control,
.com-ninjaextensionmanager input[type="text"],
.com-ninjaextensionmanager input[type="email"],
.com-ninjaextensionmanager input[type="password"],
.com-ninjaextensionmanager input[type="url"],
.com-ninjaextensionmanager select,
.com-ninjaextensionmanager textarea {
  width:100%;
  min-height:48px;
  border:1px solid rgba(8,32,59,.14) !important;
  border-radius:16px !important;
  background:#fff !important;
  padding:.78rem .95rem !important;
  color:var(--nem-ink) !important;
  box-shadow:0 8px 18px rgba(6,28,63,.06) !important;
}
.com-ninjaextensionmanager .nem-field-label,
.com-ninjaextensionmanager label { font-weight:800; color:var(--nem-ink); display:grid; gap:.35rem; }
.com-ninjaextensionmanager .nem-icon,
.com-ninjaextensionmanager .nem-button-icon,
.com-ninjaextensionmanager .nem-status-icon,
.com-ninjaextensionmanager .nem-product-line-icon,
.com-ninjaextensionmanager [class*="nem-icon-"] {
  position:relative;
  display:inline-flex;
  width:1.15em;
  height:1.15em;
  flex:0 0 auto;
  border-radius:.35em;
  background:linear-gradient(135deg, rgba(20,115,255,.16), rgba(53,167,255,.24));
}
.com-ninjaextensionmanager .nem-icon::after,
.com-ninjaextensionmanager .nem-button-icon::after,
.com-ninjaextensionmanager .nem-status-icon::after,
.com-ninjaextensionmanager .nem-product-line-icon::after,
.com-ninjaextensionmanager [class*="nem-icon-"]::after {
  content:"";
  position:absolute;
  inset:28%;
  border-radius:inherit;
  background:var(--nem-blue);
}
.com-ninjaextensionmanager .nem-section-heading,
.com-ninjaextensionmanager .nem-panel-head,
.com-ninjaextensionmanager .nem-dashboard-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.com-ninjaextensionmanager .nem-section-heading > .nem-icon,
.com-ninjaextensionmanager .nem-panel-head > .nem-icon {
  width:2.4rem;
  height:2.4rem;
  border-radius:16px;
}
.com-ninjaextensionmanager .nem-inline-notice,
.com-ninjaextensionmanager .nem-help-text,
.com-ninjaextensionmanager .nem-dashboard-empty,
.com-ninjaextensionmanager .nem-empty-state {
  border:1px solid rgba(20,115,255,.16) !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, rgba(20,115,255,.06), rgba(53,167,255,.08)) !important;
  padding:1rem !important;
  color:#52657a !important;
}
.com-ninjaextensionmanager .nem-product-image,
.com-ninjaextensionmanager .nem-product-image-placeholder {
  width:100%;
  min-height:260px;
  border-radius:24px;
  object-fit:cover;
  background:linear-gradient(135deg, rgba(20,115,255,.12), rgba(51,214,196,.10));
  border:1px solid rgba(255,255,255,.6);
}
.com-ninjaextensionmanager .nem-action-row,
.com-ninjaextensionmanager .nem-product-actions-inline,
.com-ninjaextensionmanager .nem-card-actions { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
.com-ninjaextensionmanager .nem-badge,
.com-ninjaextensionmanager .badge,
.com-ninjaextensionmanager .uk-label {
  display:inline-flex;
  align-items:center;
  border-radius:999px !important;
  padding:.35rem .65rem !important;
  background:rgba(20,115,255,.10) !important;
  color:var(--nem-blue) !important;
  border:1px solid rgba(20,115,255,.16) !important;
  font-weight:850 !important;
}
@media(max-width:960px){
  .com-ninjaextensionmanager.nem-wow-route { padding:.75rem; border-radius:24px; }
  .com-ninjaextensionmanager .nem-product-hero-grid,
  .com-ninjaextensionmanager .nem-checkout-layout,
  .com-ninjaextensionmanager .nem-confirmation-grid,
  .com-ninjaextensionmanager .nem-form-grid,
  .com-ninjaextensionmanager .nem-dashboard-stats { grid-template-columns:1fr !important; }
  .com-ninjaextensionmanager .nem-product-purchase-panel,
  .com-ninjaextensionmanager .nem-checkout-sidebar,
  .com-ninjaextensionmanager .nem-checkout-summary { position:relative; top:auto; }
  .com-ninjaextensionmanager .nem-button { width:100%; }
}

/* Phase 38A.4 - Enterprise visual system template-level reinforcement */
.com-ninjaextensionmanager.nem-frontend-enterprise,
.com-ninjaextensionmanager.nem-client-portal,
.com-ninjaextensionmanager.nem-product-detail,
.com-ninjaextensionmanager.nem-marketplace,
.com-ninjaextensionmanager.nem-checkout,
.com-ninjaextensionmanager.nem-license-page,
.com-ninjaextensionmanager.nem-subscriptions-page,
.com-ninjaextensionmanager.nem-downloads-page {
  --nem-premium-navy: #061c3f;
  --nem-premium-ink: #172033;
  --nem-premium-muted: #64748b;
  --nem-premium-blue: #1473ff;
  --nem-premium-cyan: #35a7ff;
  --nem-premium-soft: #f6f9ff;
  --nem-premium-panel: rgba(255,255,255,.94);
  --nem-premium-line: rgba(15,23,42,.10);
  --nem-premium-ring: rgba(20,115,255,.20);
  --nem-premium-shadow: 0 26px 70px rgba(6,28,63,.14);
  --nem-premium-shadow-soft: 0 16px 42px rgba(6,28,63,.10);
  max-width: min(1240px, calc(100vw - 32px));
  margin-inline: auto;
  padding-block: clamp(1.5rem, 3vw, 3rem);
}
.com-ninjaextensionmanager .nem-dashboard-hero,
.com-ninjaextensionmanager .nem-product-hero,
.com-ninjaextensionmanager .nem-market-hero,
.com-ninjaextensionmanager .nem-checkout-hero,
.com-ninjaextensionmanager .nem-theme-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 34px !important;
  padding: clamp(1.35rem, 4vw, 3.25rem) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(53,167,255,.34), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(20,115,255,.22), transparent 36%),
    linear-gradient(135deg, #061c3f 0%, #0d3d7c 56%, #1473ff 100%) !important;
  color: #fff !important;
  box-shadow: var(--nem-premium-shadow) !important;
  isolation: isolate;
}
.com-ninjaextensionmanager .nem-dashboard-hero::before,
.com-ninjaextensionmanager .nem-product-hero::before,
.com-ninjaextensionmanager .nem-market-hero::before,
.com-ninjaextensionmanager .nem-checkout-hero::before,
.com-ninjaextensionmanager .nem-theme-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(135deg, rgba(0,0,0,.75), transparent 78%);
  z-index: -1;
}
.com-ninjaextensionmanager .nem-dashboard-hero h1,
.com-ninjaextensionmanager .nem-product-hero h1,
.com-ninjaextensionmanager .nem-market-hero h1,
.com-ninjaextensionmanager .nem-checkout-hero h1,
.com-ninjaextensionmanager .nem-theme-hero h1,
.com-ninjaextensionmanager .nem-dashboard-hero h2,
.com-ninjaextensionmanager .nem-product-hero h2,
.com-ninjaextensionmanager .nem-market-hero h2,
.com-ninjaextensionmanager .nem-checkout-hero h2,
.com-ninjaextensionmanager .nem-theme-hero h2,
.com-ninjaextensionmanager .nem-dashboard-hero p,
.com-ninjaextensionmanager .nem-product-hero p,
.com-ninjaextensionmanager .nem-market-hero p,
.com-ninjaextensionmanager .nem-checkout-hero p,
.com-ninjaextensionmanager .nem-theme-hero p,
.com-ninjaextensionmanager .nem-dashboard-hero a,
.com-ninjaextensionmanager .nem-product-hero a,
.com-ninjaextensionmanager .nem-market-hero a,
.com-ninjaextensionmanager .nem-checkout-hero a,
.com-ninjaextensionmanager .nem-theme-hero a { color: #fff !important; }
.com-ninjaextensionmanager .nem-eyebrow,
.com-ninjaextensionmanager .nem-product-eyebrow,
.com-ninjaextensionmanager .nem-purchase-label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  width: fit-content;
  padding: .38rem .7rem;
  border: 1px solid rgba(20,115,255,.18);
  border-radius: 999px;
  background: rgba(20,115,255,.08);
  color: var(--nem-premium-blue) !important;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.com-ninjaextensionmanager .nem-product-purchase-panel,
.com-ninjaextensionmanager .nem-checkout-summary,
.com-ninjaextensionmanager .nem-payment-card,
.com-ninjaextensionmanager .nem-purchase-card,
.com-ninjaextensionmanager .nem-dashboard-panel,
.com-ninjaextensionmanager .nem-marketplace-card,
.com-ninjaextensionmanager .nem-membership-card,
.com-ninjaextensionmanager .nem-plan-card,
.com-ninjaextensionmanager .nem-download-card,
.com-ninjaextensionmanager .nem-license-card,
.com-ninjaextensionmanager .nem-subscription-card,
.com-ninjaextensionmanager .nem-help-card,
.com-ninjaextensionmanager .nem-changelog-panel,
.com-ninjaextensionmanager .nem-ui-state,
.com-ninjaextensionmanager .nem-state-card,
.com-ninjaextensionmanager .nem-client-help {
  border: 1px solid var(--nem-premium-line) !important;
  border-radius: 28px !important;
  background: var(--nem-premium-panel) !important;
  box-shadow: var(--nem-premium-shadow-soft) !important;
  backdrop-filter: saturate(145%) blur(12px);
}
.com-ninjaextensionmanager .nem-product-purchase-panel,
.com-ninjaextensionmanager .nem-checkout-summary,
.com-ninjaextensionmanager .nem-payment-card {
  position: sticky;
  top: 1.25rem;
  align-self: start;
}
.com-ninjaextensionmanager .nem-button,
.com-ninjaextensionmanager button.nem-button,
.com-ninjaextensionmanager input[type="submit"].nem-button {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 46px;
  padding: .78rem 1.08rem !important;
  border: 1px solid rgba(20,115,255,.22) !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em;
  text-decoration: none !important;
  line-height: 1.1 !important;
  box-shadow: 0 10px 24px rgba(6,28,63,.10) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
  overflow: hidden;
}
.com-ninjaextensionmanager .nem-button-primary,
.com-ninjaextensionmanager .nem-button--primary {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #1473ff 0%, #0f5ed7 55%, #061c3f 100%) !important;
}
.com-ninjaextensionmanager .nem-button-secondary,
.com-ninjaextensionmanager .nem-button-ghost {
  color: var(--nem-premium-navy) !important;
  background: linear-gradient(135deg, #ffffff 0%, #f3f7ff 100%) !important;
}
.com-ninjaextensionmanager .nem-button:hover,
.com-ninjaextensionmanager .nem-action-tile:hover,
.com-ninjaextensionmanager .nem-marketplace-card:hover,
.com-ninjaextensionmanager .nem-product-access-card:hover,
.com-ninjaextensionmanager .nem-membership-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 52px rgba(6,28,63,.16) !important;
}
.com-ninjaextensionmanager .nem-button-block { width: 100%; }
.com-ninjaextensionmanager .nem-dashboard-tabs,
.com-ninjaextensionmanager .nem-product-tabs,
.com-ninjaextensionmanager .nem-marketplace-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  padding: .6rem;
  margin: 1.25rem 0;
  border: 1px solid var(--nem-premium-line);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 32px rgba(6,28,63,.08);
}
.com-ninjaextensionmanager .nem-dashboard-tabs a,
.com-ninjaextensionmanager .nem-product-tabs a,
.com-ninjaextensionmanager .nem-marketplace-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: .58rem .9rem;
  border-radius: 999px;
  color: var(--nem-premium-navy) !important;
  font-weight: 850;
  text-decoration: none !important;
}
.com-ninjaextensionmanager .nem-dashboard-tabs a:hover,
.com-ninjaextensionmanager .nem-product-tabs a:hover,
.com-ninjaextensionmanager .nem-marketplace-tabs a:hover {
  background: rgba(20,115,255,.10);
}
.com-ninjaextensionmanager .nem-dashboard-actions,
.com-ninjaextensionmanager .nem-dashboard-metrics,
.com-ninjaextensionmanager .nem-product-access-grid,
.com-ninjaextensionmanager .nem-marketplace-grid,
.com-ninjaextensionmanager .nem-plans-grid,
.com-ninjaextensionmanager .nem-download-grid,
.com-ninjaextensionmanager .nem-license-grid {
  gap: clamp(1rem, 2vw, 1.4rem) !important;
}
.com-ninjaextensionmanager .nem-action-tile,
.com-ninjaextensionmanager .nem-metric-card,
.com-ninjaextensionmanager .nem-product-access-card,
.com-ninjaextensionmanager .nem-feature-card,
.com-ninjaextensionmanager .nem-trust-card {
  border: 1px solid var(--nem-premium-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg,#fff 0%, #f8fbff 100%) !important;
  box-shadow: 0 14px 34px rgba(6,28,63,.09) !important;
  text-decoration: none !important;
}
.com-ninjaextensionmanager .nem-product-image-placeholder,
.com-ninjaextensionmanager .nem-product-media-panel {
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 25% 15%, rgba(53,167,255,.28), transparent 35%),
    linear-gradient(145deg, #f8fbff 0%, #ffffff 100%) !important;
  border: 1px solid rgba(255,255,255,.66) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 22px 50px rgba(6,28,63,.13) !important;
}
.com-ninjaextensionmanager .nem-icon,
.com-ninjaextensionmanager .nem-product-line-icon,
.com-ninjaextensionmanager .nem-status-icon,
.com-ninjaextensionmanager .nem-button-icon {
  display: inline-flex;
  width: 1.1rem;
  height: 1.1rem;
  align-items: center;
  justify-content: center;
  border-radius: .35rem;
  background: linear-gradient(135deg, rgba(20,115,255,.20), rgba(53,167,255,.10));
  box-shadow: inset 0 0 0 1px rgba(20,115,255,.18);
  flex: 0 0 auto;
}
.com-ninjaextensionmanager .nem-icon::before,
.com-ninjaextensionmanager .nem-product-line-icon::before,
.com-ninjaextensionmanager .nem-status-icon::before,
.com-ninjaextensionmanager .nem-button-icon::before {
  content: "";
  width: .55rem;
  height: .55rem;
  border-radius: 2px;
  background: currentColor;
  color: var(--nem-premium-blue);
  clip-path: polygon(14% 48%, 39% 75%, 87% 18%, 100% 31%, 40% 94%, 0 57%);
}
.com-ninjaextensionmanager .nem-ui-state__icon,
.com-ninjaextensionmanager .nem-icon--warning { color: #b45309; }
.com-ninjaextensionmanager .nem-icon--download::before { clip-path: polygon(42% 0,58% 0,58% 48%,80% 48%,50% 82%,20% 48%,42% 48%); }
.com-ninjaextensionmanager .nem-icon--cart::before,
.com-ninjaextensionmanager .nem-icon-cart::before { clip-path: polygon(8% 15%,22% 15%,30% 66%,83% 66%,94% 31%,31% 31%,28% 21%,8% 21%); }
.com-ninjaextensionmanager .nem-icon--plans::before,
.com-ninjaextensionmanager .nem-icon-plan::before { clip-path: polygon(10% 8%,90% 8%,90% 26%,10% 26%,10% 41%,90% 41%,90% 59%,10% 59%,10% 74%,90% 74%,90% 92%,10% 92%); }
.com-ninjaextensionmanager .nem-icon--license::before,
.com-ninjaextensionmanager .nem-icon-license::before { clip-path: polygon(50% 0,92% 18%,85% 70%,50% 100%,15% 70%,8% 18%); }
.com-ninjaextensionmanager .nem-icon-preview::before { clip-path: ellipse(45% 28% at 50% 50%); }
.com-ninjaextensionmanager .nem-icon-docs::before { clip-path: polygon(18% 0,70% 0,88% 18%,88% 100%,18% 100%); }
.com-ninjaextensionmanager input,
.com-ninjaextensionmanager select,
.com-ninjaextensionmanager textarea {
  min-height: 46px;
  border-radius: 16px !important;
  border-color: rgba(15,23,42,.14) !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.com-ninjaextensionmanager input:focus,
.com-ninjaextensionmanager select:focus,
.com-ninjaextensionmanager textarea:focus,
.com-ninjaextensionmanager .nem-button:focus-visible,
.com-ninjaextensionmanager a:focus-visible,
.com-ninjaextensionmanager button:focus-visible {
  outline: 3px solid var(--nem-premium-ring) !important;
  outline-offset: 3px !important;
}
@media (max-width: 860px) {
  .com-ninjaextensionmanager.nem-frontend-enterprise,
  .com-ninjaextensionmanager.nem-client-portal,
  .com-ninjaextensionmanager.nem-product-detail,
  .com-ninjaextensionmanager.nem-marketplace,
  .com-ninjaextensionmanager.nem-checkout { max-width: calc(100vw - 20px); }
  .com-ninjaextensionmanager .nem-product-purchase-panel,
  .com-ninjaextensionmanager .nem-checkout-summary,
  .com-ninjaextensionmanager .nem-payment-card { position: static; }
  .com-ninjaextensionmanager .nem-dashboard-tabs,
  .com-ninjaextensionmanager .nem-product-tabs,
  .com-ninjaextensionmanager .nem-marketplace-tabs { border-radius: 22px; overflow-x: auto; flex-wrap: nowrap; }
  .com-ninjaextensionmanager .nem-button { width: 100%; }
}


/* Phase 38A.5 - Premium visual system escalation
   Purpose: move the frontend beyond plain Joomla component output into a polished SaaS marketplace surface. */
.com-ninjaextensionmanager.nem-frontend-enterprise,
.com-ninjaextensionmanager.nem-theme-ready,
.com-ninjaextensionmanager.nem-client-portal,
.com-ninjaextensionmanager.nem-product-detail,
.com-ninjaextensionmanager.nem-checkout,
.com-ninjaextensionmanager.nem-payment,
.com-ninjaextensionmanager.nem-confirmation,
.com-ninjaextensionmanager.nem-marketplace,
.com-ninjaextensionmanager.nem-download-center,
.com-ninjaextensionmanager.nem-customer-dashboard,
.com-ninjaextensionmanager.nem-help-center,
.com-ninjaextensionmanager.com-ninjaextensionmanager-plans,
.com-ninjaextensionmanager.com-ninjaextensionmanager-plan {
  --nem-premium-navy: #061C3F;
  --nem-premium-ink: #102033;
  --nem-premium-muted: #5B6B82;
  --nem-premium-blue: #1473FF;
  --nem-premium-blue-dark: #0F5ED7;
  --nem-premium-aqua: #35A7FF;
  --nem-premium-line: rgba(10, 31, 68, .10);
  --nem-premium-soft: #F6F9FF;
  --nem-premium-panel: rgba(255,255,255,.88);
  --nem-premium-shadow: 0 28px 80px rgba(6, 28, 63, .14);
  --nem-premium-shadow-soft: 0 16px 42px rgba(6, 28, 63, .10);
  --nem-premium-radius-xl: 34px;
  --nem-premium-radius-lg: 26px;
  --nem-premium-radius-md: 18px;
  max-width: 1180px;
  margin-inline: auto;
  padding: clamp(1rem, 3vw, 2rem);
  color: var(--nem-premium-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(53,167,255,.18), transparent 28rem),
    radial-gradient(circle at 88% 6%, rgba(20,115,255,.12), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  border-radius: var(--nem-premium-radius-xl);
  overflow: clip;
  isolation: isolate;
}
.com-ninjaextensionmanager.nem-frontend-enterprise::before,
.com-ninjaextensionmanager.nem-theme-ready::before {
  content: "";
  position: absolute;
  inset: auto auto auto auto;
  pointer-events: none;
}
.com-ninjaextensionmanager .nem-page-shell,
.com-ninjaextensionmanager .nem-checkout-layout,
.com-ninjaextensionmanager .nem-product-hero-grid,
.com-ninjaextensionmanager .nem-dashboard-grid,
.com-ninjaextensionmanager .nem-license-grid {
  position: relative;
  z-index: 1;
}
.com-ninjaextensionmanager .nem-product-hero,
.com-ninjaextensionmanager .nem-dashboard-hero,
.com-ninjaextensionmanager .nem-checkout-hero,
.com-ninjaextensionmanager .nem-confirmation-hero,
.com-ninjaextensionmanager .nem-membership-hero,
.com-ninjaextensionmanager .nem-account-hero,
.com-ninjaextensionmanager .nem-help-hero,
.com-ninjaextensionmanager .nem-theme-hero,
.com-ninjaextensionmanager .nem-marketplace-hero,
.com-ninjaextensionmanager .nem-page-hero {
  position: relative;
  display: grid;
  gap: clamp(1rem, 2.2vw, 1.75rem);
  padding: clamp(1.5rem, 4vw, 3.4rem) !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: var(--nem-premium-radius-xl) !important;
  background:
    linear-gradient(135deg, rgba(6,28,63,.98) 0%, rgba(20,73,140,.96) 45%, rgba(20,115,255,.92) 100%) !important;
  box-shadow: var(--nem-premium-shadow) !important;
  color: #fff !important;
  overflow: hidden;
}
.com-ninjaextensionmanager .nem-product-hero::after,
.com-ninjaextensionmanager .nem-dashboard-hero::after,
.com-ninjaextensionmanager .nem-checkout-hero::after,
.com-ninjaextensionmanager .nem-confirmation-hero::after,
.com-ninjaextensionmanager .nem-membership-hero::after,
.com-ninjaextensionmanager .nem-account-hero::after,
.com-ninjaextensionmanager .nem-help-hero::after,
.com-ninjaextensionmanager .nem-theme-hero::after,
.com-ninjaextensionmanager .nem-marketplace-hero::after,
.com-ninjaextensionmanager .nem-page-hero::after {
  content: "";
  position: absolute;
  width: 28rem;
  height: 28rem;
  right: -10rem;
  top: -12rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,255,255,.30), rgba(53,167,255,.12) 42%, transparent 68%);
  pointer-events: none;
}
.com-ninjaextensionmanager .nem-product-hero *,
.com-ninjaextensionmanager .nem-dashboard-hero *,
.com-ninjaextensionmanager .nem-checkout-hero *,
.com-ninjaextensionmanager .nem-confirmation-hero *,
.com-ninjaextensionmanager .nem-membership-hero *,
.com-ninjaextensionmanager .nem-account-hero *,
.com-ninjaextensionmanager .nem-help-hero *,
.com-ninjaextensionmanager .nem-theme-hero *,
.com-ninjaextensionmanager .nem-marketplace-hero *,
.com-ninjaextensionmanager .nem-page-hero * {
  color: inherit;
}
.com-ninjaextensionmanager .nem-product-hero h1,
.com-ninjaextensionmanager .nem-dashboard-hero h1,
.com-ninjaextensionmanager .nem-checkout-hero h1,
.com-ninjaextensionmanager .nem-confirmation-hero h1,
.com-ninjaextensionmanager .nem-membership-hero h1,
.com-ninjaextensionmanager .nem-account-hero h1,
.com-ninjaextensionmanager .nem-help-hero h1,
.com-ninjaextensionmanager .nem-theme-hero h1,
.com-ninjaextensionmanager .nem-marketplace-hero h1,
.com-ninjaextensionmanager .nem-page-hero h1 {
  margin: 0;
  font-size: clamp(2.15rem, 4.8vw, 4.85rem);
  line-height: .92;
  letter-spacing: -.065em;
  max-width: 13ch;
}
.com-ninjaextensionmanager .nem-product-hero p,
.com-ninjaextensionmanager .nem-dashboard-hero p,
.com-ninjaextensionmanager .nem-checkout-hero p,
.com-ninjaextensionmanager .nem-confirmation-hero p,
.com-ninjaextensionmanager .nem-membership-hero p,
.com-ninjaextensionmanager .nem-account-hero p,
.com-ninjaextensionmanager .nem-help-hero p,
.com-ninjaextensionmanager .nem-theme-hero p,
.com-ninjaextensionmanager .nem-marketplace-hero p,
.com-ninjaextensionmanager .nem-page-hero p {
  max-width: 66ch;
  font-size: clamp(1rem, 1.4vw, 1.18rem);
  opacity: .92;
}
.com-ninjaextensionmanager .nem-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  width: max-content;
  max-width: 100%;
  padding: .45rem .72rem;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.22);
  color: inherit !important;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.com-ninjaextensionmanager .nem-card,
.com-ninjaextensionmanager .nem-enterprise-card,
.com-ninjaextensionmanager .nem-panel,
.com-ninjaextensionmanager .nem-checkout-card,
.com-ninjaextensionmanager .nem-payment-card,
.com-ninjaextensionmanager .nem-market-card,
.com-ninjaextensionmanager .nem-plan-card,
.com-ninjaextensionmanager .nem-product-access-card,
.com-ninjaextensionmanager .nem-action-tile,
.com-ninjaextensionmanager .nem-metric-card,
.com-ninjaextensionmanager .nem-feature-card,
.com-ninjaextensionmanager .nem-trust-card,
.com-ninjaextensionmanager .nem-subscription-card,
.com-ninjaextensionmanager .nem-site-row,
.com-ninjaextensionmanager .nem-help-article-card,
.com-ninjaextensionmanager .nem-changelog-card,
.com-ninjaextensionmanager .nem-bundle-card,
.com-ninjaextensionmanager .nem-product-purchase-panel,
.com-ninjaextensionmanager .nem-checkout-summary {
  position: relative;
  border: 1px solid rgba(10,31,68,.10) !important;
  border-radius: var(--nem-premium-radius-lg) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.94)) !important;
  box-shadow: var(--nem-premium-shadow-soft) !important;
  backdrop-filter: blur(16px);
}
.com-ninjaextensionmanager .nem-card::before,
.com-ninjaextensionmanager .nem-enterprise-card::before,
.com-ninjaextensionmanager .nem-panel::before,
.com-ninjaextensionmanager .nem-checkout-card::before,
.com-ninjaextensionmanager .nem-payment-card::before,
.com-ninjaextensionmanager .nem-market-card::before,
.com-ninjaextensionmanager .nem-plan-card::before,
.com-ninjaextensionmanager .nem-product-access-card::before,
.com-ninjaextensionmanager .nem-action-tile::before,
.com-ninjaextensionmanager .nem-metric-card::before,
.com-ninjaextensionmanager .nem-feature-card::before,
.com-ninjaextensionmanager .nem-trust-card::before,
.com-ninjaextensionmanager .nem-subscription-card::before,
.com-ninjaextensionmanager .nem-site-row::before,
.com-ninjaextensionmanager .nem-help-article-card::before,
.com-ninjaextensionmanager .nem-changelog-card::before,
.com-ninjaextensionmanager .nem-bundle-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--nem-premium-blue), var(--nem-premium-aqua), rgba(6,28,63,.14));
  opacity: .78;
}
.com-ninjaextensionmanager .nem-market-card:hover,
.com-ninjaextensionmanager .nem-plan-card:hover,
.com-ninjaextensionmanager .nem-product-access-card:hover,
.com-ninjaextensionmanager .nem-action-tile:hover,
.com-ninjaextensionmanager .nem-feature-card:hover,
.com-ninjaextensionmanager .nem-bundle-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 34px 90px rgba(6, 28, 63, .18) !important;
  border-color: rgba(20,115,255,.25) !important;
}
.com-ninjaextensionmanager .nem-button,
.com-ninjaextensionmanager a.nem-button,
.com-ninjaextensionmanager button.nem-button,
.com-ninjaextensionmanager input[type="submit"],
.com-ninjaextensionmanager .button,
.com-ninjaextensionmanager .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 48px;
  padding: .78rem 1.08rem !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(6,28,63,.12);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.com-ninjaextensionmanager .nem-button:hover,
.com-ninjaextensionmanager a.nem-button:hover,
.com-ninjaextensionmanager button.nem-button:hover,
.com-ninjaextensionmanager input[type="submit"]:hover,
.com-ninjaextensionmanager .button:hover,
.com-ninjaextensionmanager .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(6,28,63,.18);
}
.com-ninjaextensionmanager .nem-button-primary,
.com-ninjaextensionmanager .btn-primary,
.com-ninjaextensionmanager .button-primary,
.com-ninjaextensionmanager input[type="submit"] {
  background: linear-gradient(135deg, var(--nem-premium-blue), var(--nem-premium-blue-dark)) !important;
  color: #fff !important;
}
.com-ninjaextensionmanager .nem-button-secondary,
.com-ninjaextensionmanager .btn-secondary,
.com-ninjaextensionmanager .button-secondary {
  background: rgba(255,255,255,.92) !important;
  color: var(--nem-premium-navy) !important;
  border-color: rgba(10,31,68,.13) !important;
}
.com-ninjaextensionmanager .nem-button-block { width: 100%; }
.com-ninjaextensionmanager .nem-pill,
.com-ninjaextensionmanager .nem-badge,
.com-ninjaextensionmanager .badge,
.com-ninjaextensionmanager .nem-status,
.com-ninjaextensionmanager .nem-tag-list span,
.com-ninjaextensionmanager .nem-market-card__badges span {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  border-radius: 999px !important;
  padding: .38rem .62rem !important;
  background: rgba(20,115,255,.10) !important;
  border: 1px solid rgba(20,115,255,.16) !important;
  color: var(--nem-premium-navy) !important;
  font-weight: 850 !important;
  font-size: .78rem !important;
}
.com-ninjaextensionmanager .nem-product-purchase-panel,
.com-ninjaextensionmanager .nem-checkout-summary,
.com-ninjaextensionmanager .nem-payment-card {
  border-radius: 30px !important;
  background:
    radial-gradient(circle at top right, rgba(53,167,255,.15), transparent 12rem),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}
.com-ninjaextensionmanager .nem-product-purchase-panel .nem-price,
.com-ninjaextensionmanager .nem-checkout-summary .nem-price,
.com-ninjaextensionmanager .nem-plan-card .nem-price,
.com-ninjaextensionmanager .nem-price {
  font-size: clamp(2rem, 4vw, 3.5rem) !important;
  line-height: .95 !important;
  letter-spacing: -.055em !important;
  font-weight: 950 !important;
  color: var(--nem-premium-navy) !important;
}
.com-ninjaextensionmanager .nem-dashboard-metrics,
.com-ninjaextensionmanager .nem-dashboard-actions,
.com-ninjaextensionmanager .nem-product-access-grid,
.com-ninjaextensionmanager .nem-marketplace-grid,
.com-ninjaextensionmanager .nem-plans-grid,
.com-ninjaextensionmanager .nem-download-grid,
.com-ninjaextensionmanager .nem-license-grid,
.com-ninjaextensionmanager .nem-feature-grid,
.com-ninjaextensionmanager .nem-trust-grid,
.com-ninjaextensionmanager .nem-bundle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: clamp(1rem, 2.4vw, 1.55rem) !important;
}
.com-ninjaextensionmanager .nem-dashboard-list,
.com-ninjaextensionmanager .nem-mini-list,
.com-ninjaextensionmanager .nem-checkout-feature-list,
.com-ninjaextensionmanager .nem-checkout-confidence__list,
.com-ninjaextensionmanager .nem-trust-list,
.com-ninjaextensionmanager .nem-help-list,
.com-ninjaextensionmanager .nem-check-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid;
  gap: .82rem;
}
.com-ninjaextensionmanager .nem-dashboard-list li,
.com-ninjaextensionmanager .nem-mini-list li,
.com-ninjaextensionmanager .nem-checkout-feature-list li,
.com-ninjaextensionmanager .nem-checkout-confidence__list li,
.com-ninjaextensionmanager .nem-trust-list li,
.com-ninjaextensionmanager .nem-help-list li,
.com-ninjaextensionmanager .nem-check-list li {
  display: grid !important;
  grid-template-columns: 1.35rem minmax(0,1fr);
  gap: .7rem;
  align-items: start;
  padding: .72rem .82rem !important;
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(10,31,68,.08);
}
.com-ninjaextensionmanager .nem-dashboard-list li::before,
.com-ninjaextensionmanager .nem-mini-list li::before,
.com-ninjaextensionmanager .nem-checkout-feature-list li::before,
.com-ninjaextensionmanager .nem-checkout-confidence__list li::before,
.com-ninjaextensionmanager .nem-trust-list li::before,
.com-ninjaextensionmanager .nem-help-list li::before,
.com-ninjaextensionmanager .nem-check-list li::before {
  content: "";
  width: .78rem;
  height: .78rem;
  margin-top: .28rem;
  border-radius: .28rem;
  background: linear-gradient(135deg, var(--nem-premium-blue), var(--nem-premium-aqua));
  clip-path: polygon(14% 48%, 39% 75%, 87% 18%, 100% 31%, 40% 94%, 0 57%);
}
.com-ninjaextensionmanager .nem-section-heading,
.com-ninjaextensionmanager .nem-panel__header,
.com-ninjaextensionmanager .nem-card-header,
.com-ninjaextensionmanager .nem-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.05rem;
}
.com-ninjaextensionmanager .nem-section-heading h2,
.com-ninjaextensionmanager .nem-panel__header h2,
.com-ninjaextensionmanager .nem-card-header h2,
.com-ninjaextensionmanager .nem-card__header h2 {
  margin: 0;
  font-size: clamp(1.35rem, 2.1vw, 2rem);
  letter-spacing: -.035em;
  color: var(--nem-premium-navy);
}
.com-ninjaextensionmanager .nem-empty-state,
.com-ninjaextensionmanager .nem-ui-state,
.com-ninjaextensionmanager .empty-state {
  position: relative;
  text-align: left !important;
  padding: clamp(1.25rem, 3vw, 2.1rem) !important;
  border-radius: var(--nem-premium-radius-lg) !important;
  border: 1px dashed rgba(20,115,255,.26) !important;
  background:
    radial-gradient(circle at top left, rgba(53,167,255,.14), transparent 14rem),
    linear-gradient(180deg,#fff,#f7faff) !important;
  box-shadow: var(--nem-premium-shadow-soft);
}
.com-ninjaextensionmanager .nem-empty-state h2,
.com-ninjaextensionmanager .nem-ui-state h2 { color: var(--nem-premium-navy); margin-top: 0; }
.com-ninjaextensionmanager .nem-form-grid,
.com-ninjaextensionmanager form.nem-checkout-card,
.com-ninjaextensionmanager .nem-help-search,
.com-ninjaextensionmanager .nem-manual-site-form {
  display: grid !important;
  gap: 1rem !important;
}
.com-ninjaextensionmanager input,
.com-ninjaextensionmanager select,
.com-ninjaextensionmanager textarea,
.com-ninjaextensionmanager .nem-input,
.com-ninjaextensionmanager .nem-select,
.com-ninjaextensionmanager .nem-field-control {
  width: 100%;
  min-height: 52px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(10,31,68,.13) !important;
  background: rgba(255,255,255,.95) !important;
  color: var(--nem-premium-ink) !important;
  padding: .72rem .9rem !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 24px rgba(6,28,63,.04) !important;
}
.com-ninjaextensionmanager label,
.com-ninjaextensionmanager .nem-field-label,
.com-ninjaextensionmanager .uk-nem-field-label {
  font-weight: 850 !important;
  color: var(--nem-premium-navy) !important;
}
.com-ninjaextensionmanager .nem-product-tabs,
.com-ninjaextensionmanager .nem-dashboard-tabs,
.com-ninjaextensionmanager .nem-marketplace-tabs,
.com-ninjaextensionmanager .nem-checkout-steps,
.com-ninjaextensionmanager .nem-plan-tabs {
  position: sticky;
  top: .75rem;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  padding: .5rem !important;
  margin: clamp(1rem,2vw,1.4rem) 0 !important;
  border: 1px solid rgba(10,31,68,.10) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 40px rgba(6,28,63,.10);
}
.com-ninjaextensionmanager .nem-product-tabs a,
.com-ninjaextensionmanager .nem-dashboard-tabs a,
.com-ninjaextensionmanager .nem-marketplace-tabs a,
.com-ninjaextensionmanager .nem-checkout-steps span,
.com-ninjaextensionmanager .nem-plan-tabs a {
  min-height: 42px;
  padding: .62rem .9rem !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  color: var(--nem-premium-navy) !important;
}
.com-ninjaextensionmanager .nem-checkout-steps .is-active,
.com-ninjaextensionmanager .nem-product-tabs a:hover,
.com-ninjaextensionmanager .nem-dashboard-tabs a:hover,
.com-ninjaextensionmanager .nem-marketplace-tabs a:hover,
.com-ninjaextensionmanager .nem-plan-tabs a:hover {
  background: rgba(20,115,255,.12) !important;
}
.com-ninjaextensionmanager .nem-icon,
.com-ninjaextensionmanager .nem-button-icon,
.com-ninjaextensionmanager .nem-status-icon,
.com-ninjaextensionmanager .nem-product-line-icon,
.com-ninjaextensionmanager .nem-confirmation-icon,
.com-ninjaextensionmanager .nem-help-hero__icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(20,115,255,.16), rgba(53,167,255,.10));
  box-shadow: inset 0 0 0 1px rgba(20,115,255,.18), 0 10px 22px rgba(6,28,63,.08);
}
.com-ninjaextensionmanager .nem-button .nem-icon,
.com-ninjaextensionmanager .nem-button-icon {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: .4rem;
  box-shadow: none;
}
@media (max-width: 900px) {
  .com-ninjaextensionmanager.nem-frontend-enterprise,
  .com-ninjaextensionmanager.nem-theme-ready,
  .com-ninjaextensionmanager.nem-client-portal,
  .com-ninjaextensionmanager.nem-product-detail,
  .com-ninjaextensionmanager.nem-checkout,
  .com-ninjaextensionmanager.nem-payment,
  .com-ninjaextensionmanager.nem-confirmation,
  .com-ninjaextensionmanager.nem-marketplace,
  .com-ninjaextensionmanager.nem-download-center,
  .com-ninjaextensionmanager.nem-customer-dashboard,
  .com-ninjaextensionmanager.nem-help-center,
  .com-ninjaextensionmanager.com-ninjaextensionmanager-plans,
  .com-ninjaextensionmanager.com-ninjaextensionmanager-plan {
    padding: .85rem;
    border-radius: 24px;
  }
  .com-ninjaextensionmanager .nem-product-hero h1,
  .com-ninjaextensionmanager .nem-dashboard-hero h1,
  .com-ninjaextensionmanager .nem-checkout-hero h1,
  .com-ninjaextensionmanager .nem-confirmation-hero h1,
  .com-ninjaextensionmanager .nem-membership-hero h1,
  .com-ninjaextensionmanager .nem-account-hero h1,
  .com-ninjaextensionmanager .nem-help-hero h1,
  .com-ninjaextensionmanager .nem-theme-hero h1,
  .com-ninjaextensionmanager .nem-marketplace-hero h1,
  .com-ninjaextensionmanager .nem-page-hero h1 { max-width: 100%; }
  .com-ninjaextensionmanager .nem-product-tabs,
  .com-ninjaextensionmanager .nem-dashboard-tabs,
  .com-ninjaextensionmanager .nem-marketplace-tabs,
  .com-ninjaextensionmanager .nem-checkout-steps,
  .com-ninjaextensionmanager .nem-plan-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    border-radius: 22px !important;
  }
  .com-ninjaextensionmanager .nem-button,
  .com-ninjaextensionmanager a.nem-button,
  .com-ninjaextensionmanager button.nem-button { width: 100%; }
}

/* Phase 38A.6 — Route shell and premium template-level enforcement */
.com-ninjaextensionmanager.nem-frontend-enterprise,
.com-ninjaextensionmanager.nem-theme-ready,
.com-ninjaextensionmanager.nem-route-wow {
  isolation: isolate;
  width: min(100%, 1280px);
  margin-inline: auto;
  padding: clamp(1rem, 2.5vw, 2.5rem);
  background:
    radial-gradient(circle at 10% 0%, rgba(20,115,255,.10), transparent 30rem),
    radial-gradient(circle at 92% 5%, rgba(53,167,255,.12), transparent 28rem),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 48%, #f7f9fc 100%);
  border-radius: clamp(22px, 3vw, 44px);
}
.com-ninjaextensionmanager .nem-route-shell {
  width: min(100%, 1180px);
  margin-inline: auto;
}
.com-ninjaextensionmanager :where(.nem-product-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-marketplace-hero,.nem-membership-hero,.nem-help-hero) {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 34px 90px rgba(6,28,63,.16), inset 0 1px 0 rgba(255,255,255,.6) !important;
}
.com-ninjaextensionmanager :where(.nem-product-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-marketplace-hero,.nem-membership-hero,.nem-help-hero)::after {
  content:"";
  position:absolute;
  inset:auto -12% -38% 42%;
  height:18rem;
  background:radial-gradient(circle, rgba(53,167,255,.26), transparent 70%);
  pointer-events:none;
}
.com-ninjaextensionmanager :where(.nem-panel,.nem-card,.nem-checkout-card,.nem-checkout-summary__panel,.nem-purchase-card,.nem-product-access-card,.nem-market-card,.nem-pricing-card,.nem-subscription-card,.nem-license-card,.nem-changelog-panel,.nem-help-article-card) {
  border:1px solid rgba(15,23,42,.08) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94)) !important;
  box-shadow:0 20px 55px rgba(6,28,63,.10) !important;
  backdrop-filter:saturate(1.15) blur(10px);
}
.com-ninjaextensionmanager :where(.nem-panel,.nem-card,.nem-checkout-card,.nem-checkout-summary__panel,.nem-purchase-card,.nem-product-access-card,.nem-market-card,.nem-pricing-card,.nem-subscription-card,.nem-license-card,.nem-changelog-panel,.nem-help-article-card):hover {
  box-shadow:0 30px 75px rgba(6,28,63,.15) !important;
  transform:translateY(-2px);
}
.com-ninjaextensionmanager :where(.nem-button,.nem-button-primary,.nem-button-secondary,.nem-button-ghost,button.nem-button,a.nem-button) {
  border-radius:18px !important;
  min-height:48px;
  letter-spacing:.01em;
  font-weight:900 !important;
  text-decoration:none !important;
}
.com-ninjaextensionmanager :where(.nem-button-primary,button[type="submit"].nem-button,.nem-js-submit-checkout) {
  color:#fff !important;
  border:0 !important;
  background:linear-gradient(135deg,#1473ff 0%,#35a7ff 100%) !important;
  box-shadow:0 18px 44px rgba(20,115,255,.30) !important;
}
.com-ninjaextensionmanager :where(.nem-button-primary,button[type="submit"].nem-button,.nem-js-submit-checkout):hover {
  filter:saturate(1.05) brightness(1.03);
  transform:translateY(-2px);
}
.com-ninjaextensionmanager :where(.nem-button-secondary,.nem-button-ghost) {
  background:#fff !important;
  color:#0f5ed7 !important;
  border:1px solid rgba(20,115,255,.20) !important;
}
.com-ninjaextensionmanager :where(.nem-pill,.nem-badge,.nem-status-badge) {
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  border-radius:999px;
  padding:.42rem .72rem;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:rgba(20,115,255,.10);
  color:#0f5ed7;
  border:1px solid rgba(20,115,255,.16);
}
.com-ninjaextensionmanager .nem-pill--success { background:rgba(22,163,74,.10); color:#166534; border-color:rgba(22,163,74,.18); }
.com-ninjaextensionmanager .nem-pill--warning { background:rgba(217,119,6,.10); color:#92400e; border-color:rgba(217,119,6,.18); }
.com-ninjaextensionmanager .nem-pill--danger { background:rgba(220,38,38,.10); color:#991b1b; border-color:rgba(220,38,38,.18); }
.com-ninjaextensionmanager :where(.nem-mini-list,.nem-dashboard-list) {
  display:grid;
  gap:.85rem;
  padding:0;
  margin:0;
  list-style:none;
}
.com-ninjaextensionmanager :where(.nem-mini-list,.nem-dashboard-list) > li {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1rem;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(148,163,184,.18);
}
.com-ninjaextensionmanager :where(input,select,textarea,.nem-field-control,.nem-select) {
  border-radius:16px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  min-height:48px;
  box-shadow:0 10px 25px rgba(15,23,42,.04) !important;
}
.com-ninjaextensionmanager :where(input,select,textarea,.nem-field-control,.nem-select):focus {
  outline:3px solid rgba(20,115,255,.20) !important;
  border-color:rgba(20,115,255,.55) !important;
}
.com-ninjaextensionmanager .nem-checkout-layout,
.com-ninjaextensionmanager .nem-product-hero-grid,
.com-ninjaextensionmanager .nem-dashboard-grid {
  align-items:start;
}
@media (max-width: 760px) {
  .com-ninjaextensionmanager.nem-frontend-enterprise,
  .com-ninjaextensionmanager.nem-theme-ready,
  .com-ninjaextensionmanager.nem-route-wow {
    padding: .85rem;
    border-radius: 0;
  }
  .com-ninjaextensionmanager :where(.nem-mini-list,.nem-dashboard-list) > li { flex-direction:column; }
}

/* Phase 38A.7 - Premium route composition and wow-factor frontend layer */
.com-ninjaextensionmanager.nem-frontend-enterprise,
.com-ninjaextensionmanager.nem-wow-route,
.com-ninjaextensionmanager.nem-route-wow,
.com-ninjaextensionmanager.nem-client-portal {
  --nem-premium-ink:#071426;
  --nem-premium-muted:#516174;
  --nem-premium-line:rgba(148,163,184,.22);
  --nem-premium-blue:#2563eb;
  --nem-premium-cyan:#06b6d4;
  --nem-premium-violet:#7c3aed;
  --nem-premium-success:#16a34a;
  --nem-premium-surface:rgba(255,255,255,.94);
  --nem-premium-soft:#f8fbff;
  --nem-premium-shadow:0 28px 80px rgba(15,23,42,.14);
  --nem-premium-shadow-strong:0 38px 110px rgba(15,23,42,.2);
  position:relative;
  isolation:isolate;
  max-width:1280px;
  margin-inline:auto;
  padding:clamp(1rem,2.5vw,2rem);
  color:var(--nem-premium-ink);
}
.com-ninjaextensionmanager.nem-frontend-enterprise::before,
.com-ninjaextensionmanager.nem-wow-route::before,
.com-ninjaextensionmanager.nem-route-wow::before,
.com-ninjaextensionmanager.nem-client-portal::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:36px;
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.15), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(6,182,212,.18), transparent 34%),
    linear-gradient(180deg, rgba(248,251,255,.96), rgba(255,255,255,.86));
}
.com-ninjaextensionmanager :where(.nem-route-shell,.nem-product-content-grid,.nem-checkout-layout,.nem-marketplace-grid,.nem-dashboard-grid,.nem-plans-grid) {
  position:relative;
}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-checkout-hero,.nem-account-hero,.nem-theme-hero,.nem-marketplace-hero,.nem-help-hero) {
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72)!important;
  background:
    linear-gradient(135deg, rgba(7,20,38,.98), rgba(15,35,70,.94) 42%, rgba(29,78,216,.9)),
    radial-gradient(circle at 85% 12%, rgba(6,182,212,.55), transparent 30%)!important;
  color:#fff!important;
  box-shadow:var(--nem-premium-shadow-strong)!important;
  border-radius:clamp(26px,3vw,42px)!important;
  padding:clamp(1.6rem,4vw,3.5rem)!important;
}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-checkout-hero,.nem-account-hero,.nem-theme-hero,.nem-marketplace-hero,.nem-help-hero)::after {
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-120px;
  top:-120px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.28), transparent 62%);
  pointer-events:none;
}
.com-ninjaextensionmanager :where(.nem-dashboard-hero h1,.nem-product-hero h1,.nem-checkout-hero h1,.nem-account-hero h1,.nem-theme-hero h1,.nem-marketplace-hero h1,.nem-help-hero h1) {
  color:#fff!important;
  font-size:clamp(2.15rem,5vw,4.85rem)!important;
  line-height:.96!important;
  letter-spacing:-.07em!important;
  max-width:880px;
  margin:.25rem 0 .75rem!important;
}
.com-ninjaextensionmanager :where(.nem-dashboard-hero p,.nem-product-hero p,.nem-checkout-hero p,.nem-account-hero p,.nem-theme-hero p,.nem-marketplace-hero p,.nem-help-hero p) {
  color:rgba(255,255,255,.82)!important;
  font-size:clamp(1rem,1.5vw,1.22rem)!important;
  max-width:720px;
}
.com-ninjaextensionmanager .nem-eyebrow {
  display:inline-flex!important;
  align-items:center;
  gap:.55rem;
  padding:.42rem .74rem;
  border-radius:999px;
  background:rgba(37,99,235,.1);
  color:#1d4ed8!important;
  border:1px solid rgba(37,99,235,.16);
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-size:.72rem!important;
}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-checkout-hero,.nem-account-hero,.nem-theme-hero,.nem-marketplace-hero,.nem-help-hero) .nem-eyebrow {
  background:rgba(255,255,255,.13)!important;
  color:#dbeafe!important;
  border-color:rgba(255,255,255,.2)!important;
}
.com-ninjaextensionmanager :where(.nem-card,.nem-enterprise-card,.nem-dashboard-panel,.nem-checkout-card,.nem-checkout-summary__panel,.nem-product-purchase-panel,.nem-purchase-card,.nem-detail-section,.nem-pricing-card,.nem-membership-card,.nem-product-access-card,.nem-subscription-card,.nem-marketplace-card,.nem-help-article-card,.nem-changelog-panel,.nem-panel) {
  border:1px solid var(--nem-premium-line)!important;
  border-radius:clamp(22px,2.4vw,34px)!important;
  background:linear-gradient(180deg, var(--nem-premium-surface), rgba(248,250,252,.94))!important;
  box-shadow:var(--nem-premium-shadow)!important;
  backdrop-filter:blur(18px);
}
.com-ninjaextensionmanager :where(.nem-card,.nem-enterprise-card,.nem-dashboard-panel,.nem-checkout-card,.nem-checkout-summary__panel,.nem-detail-section,.nem-pricing-card,.nem-product-access-card,.nem-subscription-card,.nem-marketplace-card,.nem-help-article-card,.nem-changelog-panel,.nem-panel):hover {
  transform:translateY(-2px);
  box-shadow:0 34px 96px rgba(15,23,42,.18)!important;
}
.com-ninjaextensionmanager :where(.nem-button,a.nem-button,button.nem-button,input[type="submit"].nem-button) {
  min-height:46px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  border-radius:999px!important;
  font-weight:800!important;
  letter-spacing:-.01em;
  padding:.8rem 1.15rem!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease!important;
}
.com-ninjaextensionmanager :where(.nem-button-primary,.nem-button.nem-button-primary) {
  background:linear-gradient(135deg, var(--nem-premium-blue), var(--nem-premium-cyan))!important;
  color:#fff!important;
  box-shadow:0 18px 44px rgba(37,99,235,.34)!important;
}
.com-ninjaextensionmanager :where(.nem-button-secondary,.nem-button.nem-button-secondary,.nem-button-ghost) {
  background:rgba(255,255,255,.9)!important;
  color:#0f2b4d!important;
  border-color:rgba(37,99,235,.18)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.08)!important;
}
.com-ninjaextensionmanager :where(.nem-button:hover,a.nem-button:hover,button.nem-button:hover) {
  transform:translateY(-2px);
  box-shadow:0 24px 54px rgba(37,99,235,.24)!important;
}
.com-ninjaextensionmanager :where(.nem-product-hero-grid,.nem-checkout-layout,.nem-dashboard-grid,.nem-product-content-grid) {
  gap:clamp(1rem,2.2vw,1.75rem)!important;
}
.com-ninjaextensionmanager :where(.nem-product-purchase-panel,.nem-checkout-summary) {
  position:sticky;
  top:1.25rem;
  align-self:start;
}
.com-ninjaextensionmanager :where(.nem-purchase-card,.nem-checkout-summary__panel) {
  border:1px solid rgba(37,99,235,.18)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.94)),
    radial-gradient(circle at 88% 0%, rgba(6,182,212,.18), transparent 38%)!important;
}
.com-ninjaextensionmanager :where(.nem-purchase-price,.nem-summary-price strong,.nem-membership-price strong) {
  display:block;
  font-size:clamp(2rem,3vw,3rem)!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
  color:#0b1f3a!important;
}
.com-ninjaextensionmanager :where(.nem-feature-grid,.nem-dashboard-metrics,.nem-dashboard-actions,.nem-product-access-grid,.nem-card-list,.nem-trust-grid,.nem-action-grid) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;
  gap:1rem!important;
}
.com-ninjaextensionmanager :where(.nem-feature-item,.nem-action-tile,.nem-metric-card,.nem-trust-card,.nem-site-row,.nem-inline-notice) {
  border:1px solid rgba(148,163,184,.2)!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border-radius:22px!important;
  padding:1rem!important;
  box-shadow:0 18px 42px rgba(15,23,42,.08)!important;
}
.com-ninjaextensionmanager :where(.nem-icon,.nem-status-icon,.nem-section-icon,.nem-product-line-icon,.nem-button-icon) {
  flex:0 0 auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.com-ninjaextensionmanager :where(.nem-input,.nem-select,.nem-field-control,input[type="text"],input[type="email"],input[type="password"],select,textarea) {
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  min-height:48px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(15,23,42,.05)!important;
}
.com-ninjaextensionmanager :where(.nem-input:focus,.nem-select:focus,.nem-field-control:focus,input:focus,select:focus,textarea:focus) {
  outline:3px solid rgba(37,99,235,.18)!important;
  border-color:rgba(37,99,235,.58)!important;
}
.com-ninjaextensionmanager :where(.nem-empty-state,.nem-dashboard-empty) {
  text-align:center;
  padding:clamp(1.5rem,3vw,2.5rem)!important;
  border:1px dashed rgba(37,99,235,.34)!important;
  background:linear-gradient(135deg, rgba(239,246,255,.96), rgba(236,253,245,.92))!important;
  border-radius:30px!important;
}
.com-ninjaextensionmanager :where(.nem-pill,.nem-badge,.nem-status-badge) {
  border-radius:999px!important;
  padding:.4rem .68rem!important;
  font-weight:800!important;
  border:1px solid rgba(37,99,235,.16)!important;
  background:rgba(37,99,235,.08)!important;
  color:#1d4ed8!important;
}
.com-ninjaextensionmanager :where(.uk-section,.uk-grid,.uk-flex,.uk-margin,.uk-margin-small-top,.uk-text-meta,.uk-text-small,.uk-h2,.uk-h3,.uk-h5) {
  font-family:inherit;
}
@media (max-width: 960px) {
  .com-ninjaextensionmanager.nem-frontend-enterprise,
  .com-ninjaextensionmanager.nem-wow-route,
  .com-ninjaextensionmanager.nem-route-wow,
  .com-ninjaextensionmanager.nem-client-portal { padding:.85rem; }
  .com-ninjaextensionmanager :where(.nem-product-purchase-panel,.nem-checkout-summary) { position:static; }
  .com-ninjaextensionmanager :where(.nem-dashboard-hero h1,.nem-product-hero h1,.nem-checkout-hero h1,.nem-account-hero h1,.nem-theme-hero h1,.nem-marketplace-hero h1,.nem-help-hero h1) { font-size:clamp(2rem,11vw,3.2rem)!important; }
}


/* Phase 38A.9 — premium frontend route completion
   Purpose: replace the remaining "plain component output" feel with a stronger SaaS marketplace shell,
   without relying on theme UIkit/Bootstrap defaults. */
.com-ninjaextensionmanager.nem-premium-route {
  --nem-ink:#07152d;
  --nem-ink-soft:#334155;
  --nem-blue:#2563eb;
  --nem-cyan:#06b6d4;
  --nem-violet:#7c3aed;
  --nem-green:#10b981;
  --nem-surface:#ffffff;
  --nem-surface-soft:#f8fafc;
  --nem-border:rgba(15,23,42,.10);
  --nem-shadow-lg:0 32px 90px rgba(15,23,42,.14);
  --nem-shadow-md:0 20px 54px rgba(15,23,42,.10);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:min(1240px, calc(100vw - 32px));
  margin:0 auto;
  padding:clamp(1rem,2vw,1.5rem);
  border-radius:34px;
  background:
    radial-gradient(circle at 4% 2%, rgba(37,99,235,.14), transparent 30%),
    radial-gradient(circle at 96% 6%, rgba(6,182,212,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.90));
}
.com-ninjaextensionmanager.nem-premium-route::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(37,99,235,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(37,99,235,.04) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 62%);
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-card,.nem-panel,.nem-detail-section,.nem-checkout-card,.nem-dashboard-panel,.nem-site-activation-card,.nem-confirmation-grid > section,.nem-payment-panel,.nem-membership-card,.nem-market-card,.nem-extension-card) {
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94))!important;
  box-shadow:var(--nem-shadow-md)!important;
  backdrop-filter:saturate(1.15) blur(10px);
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-card:hover,.nem-panel:hover,.nem-detail-section:hover,.nem-dashboard-panel:hover,.nem-membership-card:hover,.nem-market-card:hover,.nem-extension-card:hover) {
  transform:translateY(-2px);
  box-shadow:var(--nem-shadow-lg)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero) {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(37,99,235,.18)!important;
  border-radius:34px!important;
  padding:clamp(1.6rem,4vw,3.3rem)!important;
  background:
    radial-gradient(circle at 82% 0%, rgba(6,182,212,.24), transparent 34%),
    radial-gradient(circle at 10% 12%, rgba(124,58,237,.18), transparent 30%),
    linear-gradient(135deg, #07152d 0%, #0b2a55 48%, #075985 100%)!important;
  color:#fff!important;
  box-shadow:0 34px 110px rgba(7,21,45,.30)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero) :where(h1,h2,h3,p,a,span,strong) {
  color:inherit;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero)::after {
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-60px;
  top:-70px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.24), transparent 66%);
}
.com-ninjaextensionmanager.nem-premium-route :where(h1) {
  font-size:clamp(2.65rem,6vw,5.8rem)!important;
  line-height:.92!important;
  letter-spacing:-.075em!important;
  max-width:980px;
}
.com-ninjaextensionmanager.nem-premium-route :where(h2) {
  letter-spacing:-.045em!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-lead,.nem-hero-lead,.nem-market-hero__copy,.nem-checkout-hero p,.nem-membership-hero p,.nem-account-hero p) {
  max-width:760px;
  font-size:clamp(1.05rem,1.65vw,1.3rem)!important;
  line-height:1.65!important;
  opacity:.94;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-button,a.nem-button,button.nem-button) {
  min-height:50px;
  border:0!important;
  border-radius:18px!important;
  padding:.9rem 1.18rem!important;
  font-weight:900!important;
  letter-spacing:-.015em;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  box-shadow:0 18px 42px rgba(15,23,42,.14)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-button-primary) {
  color:#fff!important;
  background:linear-gradient(135deg, var(--nem-blue), var(--nem-cyan))!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-button-secondary,.nem-button-ghost) {
  color:#0f2a4a!important;
  background:linear-gradient(180deg,#fff,#eef6ff)!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.16), 0 14px 34px rgba(15,23,42,.08)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-button:hover,a.nem-button:hover,button.nem-button:hover) {
  transform:translateY(-3px);
  filter:saturate(1.08);
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-purchase-panel,.nem-checkout-summary,.nem-sticky-panel) {
  position:sticky;
  top:1.15rem;
  align-self:start;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-purchase-card,.nem-checkout-summary__panel,.nem-order-summary) {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(37,99,235,.22)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(6,182,212,.20), transparent 35%),
    linear-gradient(180deg, #ffffff, #f8fbff)!important;
  box-shadow:0 30px 90px rgba(37,99,235,.18)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-purchase-card,.nem-checkout-summary__panel)::before {
  content:"";
  display:block;
  height:5px;
  margin:calc(-1 * clamp(1rem,2vw,1.5rem)) calc(-1 * clamp(1rem,2vw,1.5rem)) 1rem;
  background:linear-gradient(90deg,var(--nem-blue),var(--nem-cyan),var(--nem-violet));
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-feature-item,.nem-action-tile,.nem-metric-card,.nem-trust-card,.nem-status-card,.nem-product-card,.nem-download-card,.nem-subscription-card) {
  min-height:112px;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid rgba(37,99,235,.13)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.08)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-icon,.nem-status-icon,.nem-section-icon,.nem-product-line-icon,.nem-button-icon) {
  width:42px;
  height:42px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(37,99,235,.14), rgba(6,182,212,.16));
  color:#1d4ed8;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-icon)::before,
.com-ninjaextensionmanager.nem-premium-route :where(.nem-status-icon)::before,
.com-ninjaextensionmanager.nem-premium-route :where(.nem-section-icon)::before,
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-line-icon)::before,
.com-ninjaextensionmanager.nem-premium-route :where(.nem-button-icon)::before {
  content:"";
  width:18px;
  height:18px;
  border-radius:5px;
  background:currentColor;
  opacity:.9;
  clip-path:polygon(12% 18%,88% 18%,88% 35%,48% 35%,48% 47%,78% 47%,78% 63%,48% 63%,48% 82%,12% 82%);
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-icon-cart,.nem-icon-download,.nem-icon-plan,.nem-icon-license,.nem-icon-support,.nem-icon-secure,.nem-icon-check)::before {
  clip-path:polygon(9% 50%,22% 37%,42% 57%,80% 18%,94% 32%,43% 84%);
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-tabs,.nem-tabs,.nem-filter-bar) {
  position:sticky;
  top:.5rem;
  z-index:5;
  display:flex;
  gap:.6rem;
  overflow:auto;
  padding:.6rem!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 16px 42px rgba(15,23,42,.08)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-tabs a,.nem-tabs a) {
  white-space:nowrap;
  border-radius:16px;
  padding:.72rem 1rem;
  font-weight:850;
  color:#0f2a4a!important;
  text-decoration:none!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-product-tabs a:hover,.nem-tabs a:hover) {
  background:rgba(37,99,235,.10);
}
.com-ninjaextensionmanager.nem-premium-route :where(input,select,textarea,.nem-input,.nem-select,.nem-field-control) {
  border-radius:18px!important;
  border:1px solid rgba(100,116,139,.22)!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(15,23,42,.06)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(.nem-empty-state,.nem-dashboard-empty,.nem-alert,.alert) {
  border-radius:26px!important;
  border:1px dashed rgba(37,99,235,.28)!important;
  background:linear-gradient(135deg, rgba(239,246,255,.98), rgba(236,253,245,.92))!important;
  box-shadow:0 18px 46px rgba(15,23,42,.08)!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(table) {
  border-collapse:separate!important;
  border-spacing:0 .55rem!important;
  width:100%;
}
.com-ninjaextensionmanager.nem-premium-route :where(table tr) {
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.com-ninjaextensionmanager.nem-premium-route :where(table td,table th) {
  background:#fff!important;
  border:0!important;
  padding:1rem!important;
}
.com-ninjaextensionmanager.nem-premium-route :where(table td:first-child,table th:first-child) { border-radius:16px 0 0 16px; }
.com-ninjaextensionmanager.nem-premium-route :where(table td:last-child,table th:last-child) { border-radius:0 16px 16px 0; }
@media (max-width: 960px) {
  .com-ninjaextensionmanager.nem-premium-route {
    max-width:calc(100vw - 18px);
    padding:.75rem;
    border-radius:24px;
  }
  .com-ninjaextensionmanager.nem-premium-route :where(.nem-product-purchase-panel,.nem-checkout-summary,.nem-sticky-panel,.nem-product-tabs,.nem-tabs) {
    position:static;
  }
  .com-ninjaextensionmanager.nem-premium-route :where(.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero) {
    border-radius:24px!important;
  }
  .com-ninjaextensionmanager.nem-premium-route :where(.nem-button,a.nem-button,button.nem-button) { width:100%; }
}

/* Phase 38A.10 - Frontend visual completion and enterprise route polish */
.com-ninjaextensionmanager.nem-visual-complete,
.com-ninjaextensionmanager.nem-premium-route {
  --nem-vc-ink:#071833;
  --nem-vc-muted:#64748b;
  --nem-vc-blue:#1463ff;
  --nem-vc-cyan:#35a7ff;
  --nem-vc-gold:#f6b73c;
  --nem-vc-surface:#ffffff;
  --nem-vc-soft:#f7faff;
  --nem-vc-border:rgba(15, 23, 42, .10);
  --nem-vc-shadow:0 24px 70px rgba(7, 24, 51, .12);
  --nem-vc-shadow-soft:0 14px 40px rgba(7, 24, 51, .08);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--nem-vc-ink);
}
.com-ninjaextensionmanager.nem-visual-complete::before,
.com-ninjaextensionmanager.nem-premium-route::before {
  content:"";
  position:absolute;
  inset:0 auto auto 50%;
  width:min(820px, 84vw);
  height:360px;
  pointer-events:none;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 18% 20%, rgba(53,167,255,.18), transparent 32%),
    radial-gradient(circle at 82% 18%, rgba(246,183,60,.18), transparent 30%),
    radial-gradient(circle at 50% 0%, rgba(20,99,255,.14), transparent 42%);
  filter:blur(2px);
  z-index:0;
}
.com-ninjaextensionmanager.nem-visual-complete > *,
.com-ninjaextensionmanager.nem-premium-route > * { position:relative; z-index:1; }
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero) {
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72)!important;
  background:
    linear-gradient(135deg, rgba(6,28,63,.97), rgba(20,99,255,.90) 58%, rgba(53,167,255,.72))!important;
  color:#fff!important;
  box-shadow:0 30px 90px rgba(6,28,63,.28)!important;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero)::after {
  content:"";
  position:absolute;
  inset:auto -12% -45% auto;
  width:420px;
  height:420px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(246,183,60,.35), transparent 64%);
  pointer-events:none;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-product-hero h1,.nem-market-hero h1,.nem-membership-hero h1,.nem-checkout-hero h1,.nem-confirmation-hero h1,.nem-account-hero h1,.nem-theme-hero h1,.nem-help-hero h1) {
  color:#fff!important;
  letter-spacing:-.045em;
  line-height:.98;
  text-wrap:balance;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-product-lead,.nem-market-hero p,.nem-membership-hero p,.nem-checkout-hero p,.nem-confirmation-hero p,.nem-theme-hero p,.nem-help-hero p) {
  color:rgba(255,255,255,.86)!important;
  font-size:clamp(1.02rem, 1vw + .82rem, 1.28rem);
  max-width:760px;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-card,.nem-market-card,.nem-market-card--enterprise,.nem-product-purchase-panel,.nem-purchase-card,.nem-checkout-card,.nem-checkout-summary__panel,.nem-dashboard-panel,.nem-product-access-card,.nem-membership-card,.nem-solution-bundle-card,.nem-license-card,.nem-subscription-card,.nem-download-card,.nem-changelog-panel,.nem-help-card,.nem-plan-card) {
  border:1px solid var(--nem-vc-border)!important;
  border-radius:30px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.96))!important;
  box-shadow:var(--nem-vc-shadow-soft)!important;
  backdrop-filter:blur(18px);
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-card,.nem-market-card,.nem-product-access-card,.nem-membership-card,.nem-solution-bundle-card,.nem-dashboard-panel,.nem-download-card,.nem-license-card,.nem-subscription-card,.nem-changelog-panel,.nem-help-card):hover {
  transform:translateY(-3px);
  box-shadow:var(--nem-vc-shadow)!important;
  border-color:rgba(20,99,255,.22)!important;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-button,a.nem-button,button.nem-button) {
  position:relative;
  isolation:isolate;
  min-height:48px;
  border-radius:999px!important;
  padding:.86rem 1.24rem!important;
  font-weight:900!important;
  letter-spacing:-.015em;
  box-shadow:0 14px 32px rgba(7,24,51,.10);
  overflow:hidden;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-button-primary,.nem-button--primary) {
  background:linear-gradient(135deg, var(--nem-vc-blue), #004fe5 64%, #0037a8)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:0 18px 44px rgba(20,99,255,.28)!important;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-button-primary,.nem-button--primary)::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.28) 45%, transparent 58%);
  transform:translateX(-120%);
  transition:transform .45s ease;
  z-index:-1;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-button-primary,.nem-button--primary):hover::after { transform:translateX(120%); }
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-button-secondary,.nem-button--secondary,.nem-button-ghost) {
  background:rgba(255,255,255,.92)!important;
  color:var(--nem-vc-ink)!important;
  border-color:rgba(15,23,42,.12)!important;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-product-purchase-panel,.nem-checkout-summary,.nem-sticky-panel) {
  position:sticky;
  top:1.2rem;
  align-self:start;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-purchase-price,.nem-summary-price strong,.nem-membership-price strong,.nem-market-card__price strong) {
  color:var(--nem-vc-ink);
  font-size:clamp(1.8rem, 2vw + 1rem, 3rem);
  letter-spacing:-.055em;
  line-height:1;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-eyebrow,.nem-purchase-label,.nem-pill,.nem-badge,.nem-market-card__badge) {
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-pill,.nem-badge,.nem-market-card__badge) {
  border-radius:999px!important;
  background:rgba(20,99,255,.10)!important;
  color:#0845b8!important;
  border:1px solid rgba(20,99,255,.18)!important;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-product-tabs,.nem-tabs,.nem-filter-bar,.nem-market-filter-panel) {
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 55px rgba(7,24,51,.12)!important;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-form-grid,.nem-market-grid,.nem-dashboard-grid,.nem-products-grid,.nem-plan-grid,.nem-checkout-grid,.nem-product-hero-grid) {
  gap:clamp(1rem, 2vw, 2rem)!important;
}
.com-ninjaextensionmanager.nem-visual-complete :where(input,select,textarea,.nem-field-control,.nem-input,.nem-select) {
  min-height:48px;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f9fbff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 28px rgba(7,24,51,.06)!important;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-icon,.nem-button-icon,.nem-product-line-icon,.nem-status-icon,.nem-section-icon) {
  background:linear-gradient(135deg, rgba(20,99,255,.14), rgba(53,167,255,.12));
  color:var(--nem-vc-blue);
  border:1px solid rgba(20,99,255,.16);
  box-shadow:0 10px 24px rgba(20,99,255,.10);
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-trust-list,.nem-purchase-assurance,.nem-checkout-confidence__list,.nem-product-feature-list,.nem-membership-card__features) li {
  border-radius:18px;
  background:rgba(248,251,255,.82);
  border:1px solid rgba(15,23,42,.07);
  padding:.72rem .84rem;
}
.com-ninjaextensionmanager.nem-visual-complete :where(.nem-empty-state,.nem-dashboard-empty) {
  text-align:center;
  padding:clamp(1.4rem, 3vw, 2.6rem)!important;
}
@media (max-width: 900px) {
  .com-ninjaextensionmanager.nem-visual-complete :where(.nem-product-purchase-panel,.nem-checkout-summary,.nem-sticky-panel) { position:static; }
  .com-ninjaextensionmanager.nem-visual-complete :where(.nem-button,a.nem-button,button.nem-button) { width:100%; }
}


/* Phase 38R.1 — Frontend Recovery: readability, density, alignment
   This intentionally neutralizes the over-styled 38A visual layers while keeping the marketplace improvements. */
.com-ninjaextensionmanager{
  --nem-r-bg:#f8fafc;
  --nem-r-surface:#ffffff;
  --nem-r-ink:#111827;
  --nem-r-text:#1f2937;
  --nem-r-muted:#475569;
  --nem-r-soft:#64748b;
  --nem-r-border:#d9e2ec;
  --nem-r-blue:#1473ff;
  --nem-r-blue-dark:#0f5ed7;
  --nem-r-navy:#061c3f;
  --nem-r-radius:16px;
  --nem-r-radius-sm:12px;
  --nem-r-shadow:0 10px 28px rgba(15,23,42,.08);
  --nem-r-shadow-sm:0 4px 14px rgba(15,23,42,.06);
  color:var(--nem-r-text)!important;
  background:var(--nem-r-bg)!important;
  max-width:1180px;
  margin:0 auto;
  padding:20px!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.com-ninjaextensionmanager::before,.com-ninjaextensionmanager::after{display:none!important;content:none!important;}
.com-ninjaextensionmanager *{box-sizing:border-box;}
.com-ninjaextensionmanager :where(h1,h2,h3,h4,strong,label){color:var(--nem-r-ink)!important;}
.com-ninjaextensionmanager :where(p,li,small,span,div){color:inherit;}
.com-ninjaextensionmanager :where(p,.nem-muted,.nem-meta,small){color:var(--nem-r-muted)!important;}
.com-ninjaextensionmanager a{color:var(--nem-r-blue);}

/* Flat enterprise surfaces — no gradients on readable content */
.com-ninjaextensionmanager :where(.nem-card,.nem-dashboard-panel,.nem-market-card,.nem-market-card--enterprise,.nem-product-access-card,.nem-membership-card,.nem-solution-bundle-card,.nem-license-card,.nem-subscription-card,.nem-download-card,.nem-changelog-panel,.nem-help-card,.nem-plan-card,.nem-checkout-card,.nem-checkout-summary__panel,.nem-purchase-card,.nem-dashboard-health,.nem-action-tile,.nem-action-center,.nem-dashboard-alert){
  background:var(--nem-r-surface)!important;
  color:var(--nem-r-text)!important;
  border:1px solid var(--nem-r-border)!important;
  border-radius:var(--nem-r-radius)!important;
  box-shadow:var(--nem-r-shadow-sm)!important;
  padding:18px!important;
  overflow:hidden;
}
.com-ninjaextensionmanager :where(.nem-card,.nem-dashboard-panel,.nem-market-card,.nem-product-access-card,.nem-action-tile):hover{transform:none!important;box-shadow:var(--nem-r-shadow)!important;}

/* Compact operational dashboard */
.com-ninjaextensionmanager.nem-client-portal,.com-ninjaextensionmanager.nem-dashboard-enterprise{padding:18px!important;background:var(--nem-r-bg)!important;}
.com-ninjaextensionmanager .nem-dashboard-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:16px!important;
  align-items:stretch!important;
  padding:18px!important;
  margin:0 0 16px!important;
  background:var(--nem-r-surface)!important;
  color:var(--nem-r-text)!important;
  border:1px solid var(--nem-r-border)!important;
  border-radius:var(--nem-r-radius)!important;
  box-shadow:var(--nem-r-shadow-sm)!important;
  min-height:0!important;
}
.com-ninjaextensionmanager .nem-dashboard-hero__content{padding:0!important;display:block!important;}
.com-ninjaextensionmanager .nem-dashboard-hero h1{font-size:clamp(1.55rem,2.4vw,2.25rem)!important;line-height:1.12!important;margin:4px 0 8px!important;letter-spacing:-.03em!important;}
.com-ninjaextensionmanager .nem-dashboard-hero p{margin:0 0 10px!important;max-width:720px!important;}
.com-ninjaextensionmanager .nem-dashboard-hero__actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:12px!important;}
.com-ninjaextensionmanager .nem-dashboard-health{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;min-height:0!important;text-align:left!important;}
.com-ninjaextensionmanager .nem-dashboard-health .nem-icon{width:28px!important;height:28px!important;margin:0 0 4px!important;}
.com-ninjaextensionmanager .nem-dashboard-tabs{display:flex!important;gap:8px!important;overflow:auto!important;padding:4px 0 12px!important;margin:0 0 10px!important;border:0!important;background:transparent!important;}
.com-ninjaextensionmanager .nem-dashboard-tabs a{white-space:nowrap!important;background:#fff!important;border:1px solid var(--nem-r-border)!important;border-radius:999px!important;padding:8px 12px!important;color:var(--nem-r-text)!important;text-decoration:none!important;font-weight:700!important;font-size:.88rem!important;}
.com-ninjaextensionmanager .nem-dashboard-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 16px!important;}
.com-ninjaextensionmanager .nem-metric-card{display:grid!important;grid-template-columns:32px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:0!important;align-items:center!important;min-height:84px!important;padding:14px!important;background:#fff!important;border:1px solid var(--nem-r-border)!important;border-radius:14px!important;box-shadow:var(--nem-r-shadow-sm)!important;text-decoration:none!important;color:var(--nem-r-text)!important;}
.com-ninjaextensionmanager .nem-metric-card__icon{grid-row:1 / span 2!important;width:26px!important;height:26px!important;opacity:1!important;}
.com-ninjaextensionmanager .nem-metric-card strong{font-size:1.55rem!important;line-height:1!important;margin:0!important;color:var(--nem-r-ink)!important;}
.com-ninjaextensionmanager .nem-metric-card span:last-child{font-size:.82rem!important;color:var(--nem-r-muted)!important;font-weight:700!important;line-height:1.25!important;}
.com-ninjaextensionmanager .nem-dashboard-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 16px!important;}
.com-ninjaextensionmanager .nem-action-tile{display:grid!important;grid-template-columns:32px 1fr!important;gap:10px!important;align-items:start!important;text-decoration:none!important;min-height:0!important;padding:14px!important;}
.com-ninjaextensionmanager .nem-action-tile .nem-icon{width:26px!important;height:26px!important;}
.com-ninjaextensionmanager .nem-action-tile strong{font-size:.98rem!important;line-height:1.25!important;display:block!important;margin:0 0 3px!important;}
.com-ninjaextensionmanager .nem-action-tile small{font-size:.82rem!important;line-height:1.35!important;display:block!important;}
.com-ninjaextensionmanager .nem-dashboard-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)!important;gap:16px!important;align-items:start!important;margin:0!important;}
.com-ninjaextensionmanager .nem-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;}
.com-ninjaextensionmanager .nem-panel-head h2{font-size:1.18rem!important;line-height:1.2!important;margin:0 0 4px!important;}
.com-ninjaextensionmanager .nem-panel-head p{margin:0!important;}
.com-ninjaextensionmanager .nem-dashboard-list{display:grid!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important;}
.com-ninjaextensionmanager .nem-dashboard-list li{display:grid!important;grid-template-columns:30px 1fr!important;gap:10px!important;align-items:center!important;padding:12px!important;background:#f8fafc!important;border:1px solid var(--nem-r-border)!important;border-radius:12px!important;color:var(--nem-r-text)!important;}
.com-ninjaextensionmanager .nem-dashboard-list .nem-icon{width:24px!important;height:24px!important;}
.com-ninjaextensionmanager .nem-dashboard-list strong{font-size:.95rem!important;line-height:1.25!important;}
.com-ninjaextensionmanager .nem-dashboard-list small{display:block!important;font-size:.8rem!important;line-height:1.25!important;margin-top:2px!important;}
.com-ninjaextensionmanager .nem-site-form-row{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:10px!important;align-items:end!important;}
.com-ninjaextensionmanager .nem-site-form label{display:grid!important;gap:6px!important;font-size:.84rem!important;font-weight:800!important;color:var(--nem-r-ink)!important;}
.com-ninjaextensionmanager .nem-site-form input,.com-ninjaextensionmanager .nem-site-form select{min-height:42px!important;}

/* Product and marketplace recovery */
.com-ninjaextensionmanager .nem-product-hero,
.com-ninjaextensionmanager .nem-market-hero,
.com-ninjaextensionmanager .nem-membership-hero,
.com-ninjaextensionmanager .nem-checkout-hero,
.com-ninjaextensionmanager .nem-confirmation-hero,
.com-ninjaextensionmanager .nem-account-hero,
.com-ninjaextensionmanager .nem-theme-hero,
.com-ninjaextensionmanager .nem-help-hero,
.com-ninjaextensionmanager .nem-route-hero{
  background:var(--nem-r-surface)!important;
  color:var(--nem-r-text)!important;
  border:1px solid var(--nem-r-border)!important;
  border-radius:var(--nem-r-radius)!important;
  box-shadow:var(--nem-r-shadow-sm)!important;
  padding:22px!important;
  margin:0 0 18px!important;
  min-height:0!important;
}
.com-ninjaextensionmanager :where(.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-help-hero) :where(h1,h2,p,span,strong,small){color:var(--nem-r-ink)!important;}
.com-ninjaextensionmanager :where(.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-help-hero) p{color:var(--nem-r-muted)!important;}
.com-ninjaextensionmanager .nem-product-hero h1,.com-ninjaextensionmanager .nem-market-hero h1{font-size:clamp(1.75rem,3vw,2.75rem)!important;line-height:1.08!important;margin:0 0 10px!important;}
.com-ninjaextensionmanager .nem-product-hero-grid{display:grid!important;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr) minmax(285px,.7fr)!important;gap:16px!important;align-items:start!important;}
.com-ninjaextensionmanager .nem-product-media-panel{padding:12px!important;background:#f8fafc!important;border:1px solid var(--nem-r-border)!important;border-radius:14px!important;}
.com-ninjaextensionmanager .nem-product-image,.com-ninjaextensionmanager .nem-product-image-placeholder{min-height:180px!important;border-radius:12px!important;background:#eef4ff!important;color:var(--nem-r-navy)!important;}
.com-ninjaextensionmanager .nem-product-purchase-panel{position:sticky!important;top:16px!important;align-self:start!important;}
.com-ninjaextensionmanager .nem-purchase-price{font-size:2rem!important;letter-spacing:-.04em!important;color:var(--nem-r-ink)!important;}
.com-ninjaextensionmanager .nem-product-trust-row span{background:#f8fafc!important;color:var(--nem-r-text)!important;border:1px solid var(--nem-r-border)!important;border-radius:999px!important;padding:7px 10px!important;}
.com-ninjaextensionmanager .nem-market-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:16px!important;}
.com-ninjaextensionmanager .nem-market-card{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;}
.com-ninjaextensionmanager .nem-market-card :where(h2,h3,p,span,strong,small){color:var(--nem-r-text)!important;}
.com-ninjaextensionmanager .nem-market-card__cta,.com-ninjaextensionmanager .nem-market-card__footer{margin-top:auto!important;background:#f8fafc!important;border:1px solid var(--nem-r-border)!important;border-radius:12px!important;padding:12px!important;}
.com-ninjaextensionmanager .nem-market-card__price strong{color:var(--nem-r-ink)!important;}

/* Buttons and icons */
.com-ninjaextensionmanager :where(.nem-button,a.nem-button,button.nem-button){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:10px 14px!important;border-radius:10px!important;font-weight:800!important;text-decoration:none!important;border:1px solid var(--nem-r-border)!important;box-shadow:none!important;line-height:1.1!important;}
.com-ninjaextensionmanager :where(.nem-button-primary,.nem-button--primary){background:var(--nem-r-blue)!important;color:#fff!important;border-color:var(--nem-r-blue)!important;}
.com-ninjaextensionmanager :where(.nem-button-primary,.nem-button--primary) *{color:#fff!important;}
.com-ninjaextensionmanager :where(.nem-button-secondary,.nem-button--secondary,.nem-button-ghost){background:#fff!important;color:var(--nem-r-ink)!important;border-color:var(--nem-r-border)!important;}
.com-ninjaextensionmanager .nem-button::before,.com-ninjaextensionmanager .nem-button::after{display:none!important;}
.com-ninjaextensionmanager :where(.nem-icon,.nem-button-icon,.nem-product-line-icon,.nem-status-icon,.nem-section-icon){width:24px!important;height:24px!important;min-width:24px!important;display:inline-block!important;vertical-align:middle!important;opacity:1!important;}
.com-ninjaextensionmanager .nem-eyebrow{font-size:.74rem!important;line-height:1.1!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-weight:900!important;color:var(--nem-r-blue-dark)!important;margin:0 0 6px!important;}
.com-ninjaextensionmanager :where(input,select,textarea,.nem-field-control,.nem-input,.nem-select){background:#fff!important;color:var(--nem-r-ink)!important;border:1px solid var(--nem-r-border)!important;border-radius:10px!important;min-height:42px!important;padding:9px 11px!important;}

/* Neutralize unreadable forced white text from previous visual layers */
.com-ninjaextensionmanager :where(.nem-product-summary-panel,.nem-market-card,.nem-dashboard-panel,.nem-card,.nem-product-section,.nem-detail-section,.nem-checkout-card) :where(h1,h2,h3,h4,p,span,strong,small,li){color:inherit!important;}
.com-ninjaextensionmanager :where(.nem-product-summary-panel,.nem-market-card,.nem-dashboard-panel,.nem-card,.nem-product-section,.nem-detail-section,.nem-checkout-card){color:var(--nem-r-text)!important;}
.com-ninjaextensionmanager :where(.nem-product-summary-panel,.nem-market-card,.nem-dashboard-panel,.nem-card,.nem-product-section,.nem-detail-section,.nem-checkout-card) :where(h1,h2,h3,h4,strong){color:var(--nem-r-ink)!important;}
.com-ninjaextensionmanager :where(.nem-product-summary-panel,.nem-market-card,.nem-dashboard-panel,.nem-card,.nem-product-section,.nem-detail-section,.nem-checkout-card) :where(p,small,li,span){color:var(--nem-r-muted)!important;}

@media (max-width: 980px){
  .com-ninjaextensionmanager{padding:14px!important;}
  .com-ninjaextensionmanager .nem-dashboard-hero,.com-ninjaextensionmanager .nem-dashboard-grid,.com-ninjaextensionmanager .nem-product-hero-grid{grid-template-columns:1fr!important;}
  .com-ninjaextensionmanager .nem-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .com-ninjaextensionmanager .nem-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .com-ninjaextensionmanager .nem-site-form-row{grid-template-columns:1fr!important;}
  .com-ninjaextensionmanager .nem-product-purchase-panel{position:static!important;}
}
@media (max-width: 560px){
  .com-ninjaextensionmanager{padding:10px!important;}
  .com-ninjaextensionmanager .nem-dashboard-hero,.com-ninjaextensionmanager .nem-product-hero,.com-ninjaextensionmanager .nem-market-hero{padding:16px!important;}
  .com-ninjaextensionmanager .nem-dashboard-actions,.com-ninjaextensionmanager .nem-dashboard-metrics{grid-template-columns:1fr!important;}
  .com-ninjaextensionmanager :where(.nem-button,a.nem-button,button.nem-button){width:100%!important;}
}

/* ==========================================================
   Phase 38R.2 — Frontend Recovery Stabilization
   Purpose: undo over-styled visual drift, restore readability,
   tighten spacing, and make frontend routes operational again.
   ========================================================== */
.com-ninjaextensionmanager{
  --nem-recovery-page:#f8fafc;
  --nem-recovery-surface:#ffffff;
  --nem-recovery-surface-soft:#f1f5f9;
  --nem-recovery-border:#d9e2ec;
  --nem-recovery-text:#111827;
  --nem-recovery-muted:#475569;
  --nem-recovery-subtle:#64748b;
  --nem-recovery-navy:#061c3f;
  --nem-recovery-blue:#1473ff;
  --nem-recovery-blue-dark:#0f5ed7;
  --nem-recovery-radius:14px;
  --nem-recovery-radius-sm:10px;
  --nem-recovery-shadow:0 10px 24px rgba(15,23,42,.07);
  --nem-recovery-shadow-sm:0 4px 12px rgba(15,23,42,.05);
  max-width:1180px!important;
  margin:0 auto!important;
  padding:16px!important;
  color:var(--nem-recovery-text)!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.com-ninjaextensionmanager *,
.com-ninjaextensionmanager *::before,
.com-ninjaextensionmanager *::after{box-sizing:border-box!important;}
.com-ninjaextensionmanager :where(h1,h2,h3,h4,h5,h6,strong,label){color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager :where(p,li,span,small,td,th,dd,dt){color:var(--nem-recovery-muted)!important;}
.com-ninjaextensionmanager :where(a){color:var(--nem-recovery-blue-dark);}
.com-ninjaextensionmanager :where(.nem-card,.nem-panel,.nem-dashboard-panel,.nem-checkout-card,.nem-purchase-card,.nem-plan-card,.nem-market-card,.nem-product-section,.nem-detail-section,.nem-empty-state,.nem-help-card,.nem-changelog-card,.nem-product-access-card,.nem-subscription-card,.nem-license-card,.nem-download-card,.nem-account-card,.nem-dashboard-empty){
  background:var(--nem-recovery-surface)!important;
  border:1px solid var(--nem-recovery-border)!important;
  border-radius:var(--nem-recovery-radius)!important;
  box-shadow:var(--nem-recovery-shadow-sm)!important;
  color:var(--nem-recovery-text)!important;
  padding:16px!important;
  min-height:0!important;
}
.com-ninjaextensionmanager :where(.nem-card,.nem-panel,.nem-dashboard-panel,.nem-checkout-card,.nem-purchase-card,.nem-plan-card,.nem-market-card,.nem-product-section,.nem-detail-section,.nem-empty-state,.nem-help-card,.nem-changelog-card,.nem-product-access-card,.nem-subscription-card,.nem-license-card,.nem-download-card,.nem-account-card) :where(h1,h2,h3,h4,strong){color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager :where(.nem-card,.nem-panel,.nem-dashboard-panel,.nem-checkout-card,.nem-purchase-card,.nem-plan-card,.nem-market-card,.nem-product-section,.nem-detail-section,.nem-empty-state,.nem-help-card,.nem-changelog-card,.nem-product-access-card,.nem-subscription-card,.nem-license-card,.nem-download-card,.nem-account-card) :where(p,span,small,li){color:var(--nem-recovery-muted)!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  background:var(--nem-recovery-surface)!important;
  border:1px solid var(--nem-recovery-border)!important;
  border-radius:16px!important;
  box-shadow:var(--nem-recovery-shadow)!important;
  padding:18px!important;
  margin:0 0 16px!important;
  min-height:0!important;
  color:var(--nem-recovery-text)!important;
}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero)::before,
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero)::after{display:none!important;content:none!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero) :where(h1,h2,h3,strong,span){color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero) :where(p,small){color:var(--nem-recovery-muted)!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero) h1{font-size:clamp(1.65rem,3vw,2.35rem)!important;line-height:1.1!important;margin:0 0 8px!important;letter-spacing:-.035em!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero) p{font-size:.96rem!important;line-height:1.45!important;margin:0!important;max-width:760px!important;}
.com-ninjaextensionmanager .nem-dashboard-hero__actions,
.com-ninjaextensionmanager .nem-product-actions,
.com-ninjaextensionmanager .nem-product-actions-inline,
.com-ninjaextensionmanager .nem-action-row,
.com-ninjaextensionmanager .nem-recommendation-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:12px!important;}
.com-ninjaextensionmanager .nem-dashboard-health{display:grid!important;gap:5px!important;align-items:center!important;justify-items:start!important;padding:12px 14px!important;border:1px solid var(--nem-recovery-border)!important;background:var(--nem-recovery-surface-soft)!important;border-radius:12px!important;min-width:220px!important;box-shadow:none!important;}
.com-ninjaextensionmanager .nem-dashboard-health .nem-icon{width:24px!important;height:24px!important;}
.com-ninjaextensionmanager .nem-dashboard-health strong{font-size:.95rem!important;line-height:1.2!important;}
.com-ninjaextensionmanager .nem-dashboard-health small{font-size:.78rem!important;line-height:1.25!important;}
.com-ninjaextensionmanager .nem-dashboard-tabs,
.com-ninjaextensionmanager .nem-product-tabs,
.com-ninjaextensionmanager .nem-market-tabs,
.com-ninjaextensionmanager .nem-route-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:6px!important;margin:0 0 14px!important;background:#fff!important;border:1px solid var(--nem-recovery-border)!important;border-radius:12px!important;box-shadow:none!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-tabs,.nem-product-tabs,.nem-market-tabs,.nem-route-tabs) a{white-space:nowrap!important;padding:8px 11px!important;border-radius:9px!important;background:#f8fafc!important;color:var(--nem-recovery-text)!important;text-decoration:none!important;font-size:.86rem!important;font-weight:800!important;border:1px solid transparent!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-tabs,.nem-product-tabs,.nem-market-tabs,.nem-route-tabs) a:hover,
.com-ninjaextensionmanager :where(.nem-dashboard-tabs,.nem-product-tabs,.nem-market-tabs,.nem-route-tabs) a:focus{background:#eff6ff!important;border-color:rgba(20,115,255,.24)!important;color:var(--nem-recovery-blue-dark)!important;}
.com-ninjaextensionmanager .nem-dashboard-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important;}
.com-ninjaextensionmanager .nem-metric-card{display:grid!important;grid-template-columns:34px 1fr!important;gap:10px!important;align-items:center!important;padding:12px!important;background:#fff!important;border:1px solid var(--nem-recovery-border)!important;border-radius:12px!important;box-shadow:none!important;text-decoration:none!important;min-height:74px!important;}
.com-ninjaextensionmanager .nem-metric-card__icon{grid-row:1 / span 2!important;width:26px!important;height:26px!important;}
.com-ninjaextensionmanager .nem-metric-card strong{font-size:1.55rem!important;line-height:1!important;letter-spacing:-.035em!important;color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager .nem-metric-card span:not(.nem-icon){font-size:.78rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--nem-recovery-muted)!important;}
.com-ninjaextensionmanager .nem-dashboard-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 16px!important;}
.com-ninjaextensionmanager .nem-action-tile{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:13px!important;min-height:96px!important;background:#fff!important;border:1px solid var(--nem-recovery-border)!important;border-radius:12px!important;box-shadow:none!important;text-decoration:none!important;}
.com-ninjaextensionmanager .nem-action-tile .nem-icon{width:26px!important;height:26px!important;}
.com-ninjaextensionmanager .nem-action-tile strong{font-size:.95rem!important;line-height:1.2!important;margin:0!important;color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager .nem-action-tile small{font-size:.8rem!important;line-height:1.35!important;color:var(--nem-recovery-muted)!important;}
.com-ninjaextensionmanager .nem-dashboard-grid,
.com-ninjaextensionmanager .nem-checkout-layout,
.com-ninjaextensionmanager .nem-confirmation-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)!important;gap:14px!important;align-items:start!important;margin:0!important;}
.com-ninjaextensionmanager .nem-product-hero-grid{display:grid!important;grid-template-columns:minmax(220px,.72fr) minmax(0,1.15fr) minmax(270px,.64fr)!important;gap:14px!important;align-items:start!important;}
.com-ninjaextensionmanager .nem-product-media-panel{padding:10px!important;background:#f8fafc!important;border:1px solid var(--nem-recovery-border)!important;border-radius:12px!important;box-shadow:none!important;}
.com-ninjaextensionmanager :where(.nem-product-image,.nem-product-image-placeholder){min-height:150px!important;border-radius:10px!important;background:#eef4ff!important;color:var(--nem-recovery-navy)!important;display:grid!important;place-items:center!important;}
.com-ninjaextensionmanager .nem-product-summary-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.com-ninjaextensionmanager .nem-product-purchase-panel,
.com-ninjaextensionmanager .nem-checkout-summary,
.com-ninjaextensionmanager .nem-order-summary{position:sticky!important;top:14px!important;align-self:start!important;}
.com-ninjaextensionmanager .nem-purchase-price,
.com-ninjaextensionmanager .nem-summary-price strong{font-size:1.85rem!important;line-height:1!important;letter-spacing:-.04em!important;color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager :where(.nem-market-grid,.nem-product-grid,.nem-plan-grid,.nem-product-access-grid,.nem-license-grid,.nem-subscription-grid,.nem-download-grid,.nem-help-grid,.nem-changelog-grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:14px!important;}
.com-ninjaextensionmanager .nem-market-card{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;overflow:hidden!important;}
.com-ninjaextensionmanager .nem-market-card__cta,
.com-ninjaextensionmanager .nem-market-card__footer,
.com-ninjaextensionmanager .nem-pricing-cta,
.com-ninjaextensionmanager .nem-card-cta{margin-top:auto!important;background:#f8fafc!important;border:1px solid var(--nem-recovery-border)!important;border-radius:10px!important;padding:10px!important;color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-list,.nem-mini-list,.nem-feature-list,.nem-checkout-feature-list){display:grid!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;}
.com-ninjaextensionmanager :where(.nem-dashboard-list,.nem-mini-list,.nem-feature-list,.nem-checkout-feature-list) li{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:9px!important;align-items:start!important;padding:10px!important;background:#f8fafc!important;border:1px solid var(--nem-recovery-border)!important;border-radius:10px!important;color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager .nem-panel-head,
.com-ninjaextensionmanager .nem-panel__header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;}
.com-ninjaextensionmanager :where(.nem-panel-head,.nem-panel__header) h2{font-size:1.12rem!important;line-height:1.2!important;margin:0 0 4px!important;}
.com-ninjaextensionmanager :where(.nem-panel-head,.nem-panel__header) p{margin:0!important;font-size:.9rem!important;line-height:1.4!important;}
.com-ninjaextensionmanager :where(.nem-button,a.nem-button,button.nem-button,.btn,.uk-button){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:9px 13px!important;border-radius:10px!important;font-weight:800!important;text-decoration:none!important;line-height:1.1!important;border:1px solid var(--nem-recovery-border)!important;box-shadow:none!important;background:#fff!important;color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager :where(.nem-button-primary,.nem-button--primary,.btn-primary,.uk-button-primary){background:var(--nem-recovery-blue)!important;border-color:var(--nem-recovery-blue)!important;color:#fff!important;}
.com-ninjaextensionmanager :where(.nem-button-primary,.nem-button--primary,.btn-primary,.uk-button-primary) :where(span,strong,small){color:#fff!important;}
.com-ninjaextensionmanager :where(.nem-button-secondary,.nem-button--secondary,.nem-button-ghost,.btn-secondary,.uk-button-default){background:#fff!important;color:var(--nem-recovery-text)!important;border-color:var(--nem-recovery-border)!important;}
.com-ninjaextensionmanager :where(.nem-icon,.nem-button-icon,.nem-product-line-icon,.nem-status-icon,.nem-section-icon){width:24px!important;height:24px!important;min-width:24px!important;display:inline-block!important;opacity:1!important;vertical-align:middle!important;}
.com-ninjaextensionmanager .nem-eyebrow{font-size:.72rem!important;line-height:1.1!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:900!important;color:var(--nem-recovery-blue-dark)!important;margin:0 0 6px!important;}
.com-ninjaextensionmanager :where(input,select,textarea,.nem-field-control,.nem-input,.nem-select){background:#fff!important;color:var(--nem-recovery-text)!important;border:1px solid var(--nem-recovery-border)!important;border-radius:10px!important;min-height:40px!important;padding:8px 10px!important;box-shadow:none!important;}
.com-ninjaextensionmanager .nem-site-form-row,.com-ninjaextensionmanager .nem-form-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important;align-items:end!important;}
.com-ninjaextensionmanager .nem-empty-state,
.com-ninjaextensionmanager .nem-dashboard-empty{display:grid!important;gap:8px!important;align-items:start!important;text-align:left!important;background:#f8fafc!important;min-height:0!important;padding:14px!important;}
.com-ninjaextensionmanager :where(.nem-alert,.nem-dashboard-alert,.nem-checkout-confidence,.nem-trust-panel){display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;background:#eff6ff!important;border:1px solid rgba(20,115,255,.22)!important;border-radius:12px!important;padding:12px!important;color:var(--nem-recovery-text)!important;box-shadow:none!important;}
.com-ninjaextensionmanager :where(table,.nem-table){width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--nem-recovery-border)!important;border-radius:12px!important;overflow:hidden!important;}
.com-ninjaextensionmanager :where(th,td){padding:10px 12px!important;border-bottom:1px solid var(--nem-recovery-border)!important;text-align:left!important;}
.com-ninjaextensionmanager :where(th){background:#f8fafc!important;color:var(--nem-recovery-text)!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.com-ninjaextensionmanager :where(.badge,.nem-badge,.uk-label,.label){display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;background:#eff6ff!important;color:var(--nem-recovery-blue-dark)!important;border:1px solid rgba(20,115,255,.18)!important;font-size:.74rem!important;font-weight:900!important;line-height:1!important;}
.com-ninjaextensionmanager .nem-recovery-readable,
.com-ninjaextensionmanager .nem-recovery-readable *{color:var(--nem-recovery-text)!important;}
.com-ninjaextensionmanager :where([style*="color:#fff"],[style*="color: #fff"],[style*="color:white"],[style*="color: white"]){color:var(--nem-recovery-text)!important;}
@media (max-width: 980px){
  .com-ninjaextensionmanager{padding:12px!important;}
  .com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero),
  .com-ninjaextensionmanager .nem-dashboard-grid,
  .com-ninjaextensionmanager .nem-product-hero-grid,
  .com-ninjaextensionmanager .nem-checkout-layout,
  .com-ninjaextensionmanager .nem-confirmation-layout{grid-template-columns:1fr!important;}
  .com-ninjaextensionmanager .nem-dashboard-actions,
  .com-ninjaextensionmanager .nem-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .com-ninjaextensionmanager .nem-product-purchase-panel,
  .com-ninjaextensionmanager .nem-checkout-summary,
  .com-ninjaextensionmanager .nem-order-summary{position:static!important;}
  .com-ninjaextensionmanager .nem-dashboard-health{min-width:0!important;}
}
@media (max-width: 560px){
  .com-ninjaextensionmanager{padding:10px!important;}
  .com-ninjaextensionmanager :where(.nem-dashboard-hero,.nem-product-hero,.nem-market-hero,.nem-membership-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-account-hero,.nem-theme-hero,.nem-help-hero,.nem-route-hero){padding:14px!important;border-radius:14px!important;}
  .com-ninjaextensionmanager .nem-dashboard-actions,
  .com-ninjaextensionmanager .nem-dashboard-metrics{grid-template-columns:1fr!important;}
  .com-ninjaextensionmanager :where(.nem-button,a.nem-button,button.nem-button){width:100%!important;}
}

/* Phase 38R.3 — Marketplace & layout recovery stabilization
   Purpose: remove the over-styled stacked visual system effects while preserving the cleaner marketplace listing intent. */
.com-ninjaextensionmanager.nem-recovery-ui,
.com-ninjaextensionmanager.nem-marketplace-page,
.com-ninjaextensionmanager.nem-product-detail,
.com-ninjaextensionmanager.nem-client-portal,
.com-ninjaextensionmanager.nem-checkout,
.com-ninjaextensionmanager.nem-payment,
.com-ninjaextensionmanager.nem-confirmation,
.com-ninjaextensionmanager.nem-download-center,
.com-ninjaextensionmanager.nem-license-page,
.com-ninjaextensionmanager.nem-subscriptions-page,
.com-ninjaextensionmanager.nem-route-helpcenter,
.com-ninjaextensionmanager.nem-route-changelogs {
  --nem-recovery-bg:#f8fafc;
  --nem-recovery-surface:#ffffff;
  --nem-recovery-ink:#111827;
  --nem-recovery-muted:#475569;
  --nem-recovery-soft:#64748b;
  --nem-recovery-border:#d9e2ec;
  --nem-recovery-brand:#1473ff;
  --nem-recovery-brand-dark:#0f5ed7;
  --nem-recovery-navy:#061c3f;
  background:var(--nem-recovery-bg)!important;
  color:var(--nem-recovery-ink)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:24px!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.com-ninjaextensionmanager.nem-recovery-ui *,
.com-ninjaextensionmanager.nem-marketplace-page *,
.com-ninjaextensionmanager.nem-product-detail * { box-sizing:border-box; }

.com-ninjaextensionmanager.nem-recovery-ui :where(h1,h2,h3,h4,strong,label),
.com-ninjaextensionmanager.nem-marketplace-page :where(h1,h2,h3,h4,strong,label),
.com-ninjaextensionmanager.nem-product-detail :where(h1,h2,h3,h4,strong,label) { color:var(--nem-recovery-ink)!important; }

.com-ninjaextensionmanager.nem-recovery-ui :where(p,li,small,span,dd,td),
.com-ninjaextensionmanager.nem-marketplace-page :where(p,li,small,span,dd,td),
.com-ninjaextensionmanager.nem-product-detail :where(p,li,small,span,dd,td) { color:var(--nem-recovery-muted); }

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-eyebrow,.nem-pill,.nem-badge),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-eyebrow,.nem-pill,.nem-badge),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-eyebrow,.nem-pill,.nem-badge) {
  color:var(--nem-recovery-brand-dark)!important;
  background:#eef6ff!important;
  border:1px solid #bfdbfe!important;
  border-radius:999px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-hero,.nem-market-hero,.nem-product-hero,.nem-page-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-portal-hero),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-market-hero,.nem-page-hero),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-product-hero,.nem-page-hero) {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  min-height:0!important;
  padding:24px!important;
  margin:0 0 20px!important;
  border:1px solid var(--nem-recovery-border)!important;
  border-radius:20px!important;
  background:var(--nem-recovery-surface)!important;
  color:var(--nem-recovery-ink)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
}

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-hero h1,.nem-market-hero h1,.nem-product-hero h1,.nem-page-hero h1),
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-hero h1,
.com-ninjaextensionmanager.nem-product-detail .nem-product-hero h1 {
  font-size:clamp(1.85rem,4vw,2.75rem)!important;
  line-height:1.08!important;
  margin:.25rem 0 .5rem!important;
  color:var(--nem-recovery-ink)!important;
}

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-hero p,.nem-market-hero p,.nem-product-hero p,.nem-page-hero p),
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-hero p,
.com-ninjaextensionmanager.nem-product-detail .nem-product-hero p {
  max-width:760px!important;
  margin:0!important;
  color:var(--nem-recovery-muted)!important;
}

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-card,.nem-panel,.nem-product-card,.nem-market-card,.nem-product-access-card,.nem-action-tile,.nem-metric-card,.nem-subscription-card,.nem-license-card,.nem-download-card,.nem-help-article-card,.nem-changelog-card,.nem-purchase-card,.nem-checkout-panel,.nem-order-summary,.nem-site-row),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-card,.nem-panel,.nem-market-card,.nem-product-card),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-card,.nem-panel,.nem-product-overview,.nem-product-section,.nem-product-tabs,.nem-related-assets,.nem-bundles-section,.nem-purchase-card) {
  background:#fff!important;
  color:var(--nem-recovery-ink)!important;
  border:1px solid var(--nem-recovery-border)!important;
  border-radius:18px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
  padding:18px!important;
  margin:0!important;
  transform:none!important;
  backdrop-filter:none!important;
}

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-card:hover,.nem-panel:hover,.nem-product-card:hover,.nem-market-card:hover,.nem-action-tile:hover),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-market-card:hover,.nem-product-card:hover),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-card:hover,.nem-panel:hover) {
  transform:none!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
}

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-metrics,.nem-product-grid,.nem-market-grid,.nem-download-grid,.nem-license-grid,.nem-subscription-grid,.nem-dashboard-actions,.nem-feature-grid,.nem-plan-grid,.nem-bundle-grid),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-market-grid,.nem-product-grid),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-product-sections,.nem-feature-grid,.nem-plan-grid,.nem-bundle-grid) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:16px!important;
  margin:18px 0!important;
}

.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-metrics {
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:12px!important;
}

.com-ninjaextensionmanager.nem-client-portal .nem-metric-card {
  min-height:0!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-areas:"icon number" "icon label"!important;
  column-gap:12px!important;
  row-gap:2px!important;
  align-items:center!important;
  padding:14px!important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card .nem-icon{grid-area:icon;width:28px!important;height:28px!important;}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card strong{grid-area:number;font-size:1.7rem!important;line-height:1!important;}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card span:not(.nem-icon){grid-area:label;font-size:.9rem!important;color:var(--nem-recovery-muted)!important;}

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-button,.nem-button-primary,.nem-button-secondary,.nem-button-ghost,.btn,.uk-button,button,input[type="submit"],a.button),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-button,.btn,.uk-button,button),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-button,.btn,.uk-button,button) {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 16px!important;
  border-radius:12px!important;
  border:1px solid var(--nem-recovery-border)!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transform:none!important;
  gap:8px!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-button-primary,.btn-primary,.uk-button-primary,button[type="submit"],input[type="submit"]),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-button-primary,.btn-primary,button[type="submit"]),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-button-primary,.btn-primary,button[type="submit"]) {
  background:var(--nem-recovery-brand)!important;
  color:#fff!important;
  border-color:var(--nem-recovery-brand)!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-button-secondary,.btn-secondary,.uk-button-default,.btn-outline-secondary),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-button-secondary,.btn-secondary),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-button-secondary,.btn-secondary) {
  background:#fff!important;
  color:var(--nem-recovery-brand-dark)!important;
  border-color:#bfdbfe!important;
}

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-icon,[class*="nem-icon-"]),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-icon,[class*="nem-icon-"]),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-icon,[class*="nem-icon-"]) {
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  opacity:1!important;
  color:var(--nem-recovery-brand-dark)!important;
  filter:none!important;
}

/* Marketplace listing recovery */
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card,
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card--enterprise {
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-height:0!important;
  overflow:hidden!important;
}
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__media,
.com-ninjaextensionmanager.nem-marketplace-page .nem-product-card__media {
  aspect-ratio:16/9!important;
  min-height:0!important;
  border-radius:14px!important;
  background:#eef6ff!important;
  overflow:hidden!important;
}
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card h2,
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card h3 {
  font-size:1.15rem!important;
  line-height:1.25!important;
  margin:0!important;
}
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__body,
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__content {display:grid!important;gap:10px!important;}
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__actions,
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card__footer {
  margin-top:auto!important;
  display:grid!important;
  gap:10px!important;
  align-items:end!important;
}
.com-ninjaextensionmanager.nem-marketplace-page .nem-price,
.com-ninjaextensionmanager.nem-marketplace-page .nem-card-price,
.com-ninjaextensionmanager.nem-product-detail .nem-purchase-price {
  color:var(--nem-recovery-ink)!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

/* Product detail recovery */
.com-ninjaextensionmanager.nem-product-detail .nem-product-hero-grid {
  display:grid!important;
  grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr) minmax(280px,.75fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.com-ninjaextensionmanager.nem-product-detail .nem-product-image,
.com-ninjaextensionmanager.nem-product-detail .nem-product-image-placeholder {
  min-height:220px!important;
  border-radius:16px!important;
  background:#eef6ff!important;
  color:var(--nem-recovery-ink)!important;
}
.com-ninjaextensionmanager.nem-product-detail .nem-product-purchase-panel {position:sticky!important;top:16px!important;}
.com-ninjaextensionmanager.nem-product-detail .nem-purchase-price {font-size:2.15rem!important;line-height:1.05!important;}
.com-ninjaextensionmanager.nem-product-detail .nem-product-trust-row span {
  background:#f8fafc!important;
  color:var(--nem-recovery-muted)!important;
  border:1px solid var(--nem-recovery-border)!important;
  border-radius:999px!important;
}

/* Dashboard recovery continuation */
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero {grid-template-columns:minmax(0,1fr) minmax(220px,300px)!important;}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero__actions {display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:14px!important;}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-tabs {display:flex!important;gap:8px!important;overflow:auto!important;margin:0 0 16px!important;padding:8px!important;background:#fff!important;border:1px solid var(--nem-recovery-border)!important;border-radius:16px!important;}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-tabs a {white-space:nowrap!important;padding:9px 12px!important;border-radius:10px!important;color:var(--nem-recovery-brand-dark)!important;font-weight:800!important;text-decoration:none!important;}
.com-ninjaextensionmanager.nem-client-portal :where(.nem-action-tile,.nem-product-access-card,.nem-subscription-card,.nem-site-row) {align-items:start!important;}

/* Tables and forms remain professional and readable. */
.com-ninjaextensionmanager.nem-recovery-ui :where(table,.table),
.com-ninjaextensionmanager.nem-marketplace-page :where(table,.table),
.com-ninjaextensionmanager.nem-product-detail :where(table,.table) {
  width:100%!important;
  background:#fff!important;
  color:var(--nem-recovery-ink)!important;
  border:1px solid var(--nem-recovery-border)!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(input,select,textarea),
.com-ninjaextensionmanager.nem-marketplace-page :where(input,select,textarea),
.com-ninjaextensionmanager.nem-product-detail :where(input,select,textarea) {
  min-height:42px!important;
  border:1px solid var(--nem-recovery-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--nem-recovery-ink)!important;
}

@media (max-width: 900px) {
  .com-ninjaextensionmanager.nem-recovery-ui,
  .com-ninjaextensionmanager.nem-marketplace-page,
  .com-ninjaextensionmanager.nem-product-detail {padding:14px!important;}
  .com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-hero,.nem-market-hero,.nem-product-hero,.nem-page-hero),
  .com-ninjaextensionmanager.nem-marketplace-page .nem-market-hero,
  .com-ninjaextensionmanager.nem-product-detail .nem-product-hero {grid-template-columns:1fr!important;padding:18px!important;}
  .com-ninjaextensionmanager.nem-product-detail .nem-product-hero-grid {grid-template-columns:1fr!important;}
  .com-ninjaextensionmanager.nem-product-detail .nem-product-purchase-panel {position:relative!important;top:auto!important;}
}
@media (max-width: 640px) {
  .com-ninjaextensionmanager.nem-recovery-ui,
  .com-ninjaextensionmanager.nem-marketplace-page,
  .com-ninjaextensionmanager.nem-product-detail {padding:10px!important;}
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .com-ninjaextensionmanager.nem-recovery-ui :where(.nem-button,.btn,.uk-button,button),
  .com-ninjaextensionmanager.nem-marketplace-page :where(.nem-button,.btn,.uk-button,button),
  .com-ninjaextensionmanager.nem-product-detail :where(.nem-button,.btn,.uk-button,button) {width:100%!important;}
}


/* ==========================================================
   Phase 38R.4 — Frontend Recovery Refinement
   Purpose: stabilize density, readability, alignment, and CTA clarity
   without adding another decorative design layer.
   ========================================================== */
.com-ninjaextensionmanager.nem-recovery-ui,
.com-ninjaextensionmanager.nem-marketplace-page,
.com-ninjaextensionmanager.nem-product-detail {
  --nem-r4-bg:#f8fafc;
  --nem-r4-surface:#ffffff;
  --nem-r4-ink:#111827;
  --nem-r4-muted:#475569;
  --nem-r4-soft:#64748b;
  --nem-r4-border:#dbe3ef;
  --nem-r4-brand:#1473ff;
  --nem-r4-brand-dark:#0f4fb8;
  --nem-r4-radius:14px;
  --nem-r4-radius-lg:18px;
  --nem-r4-shadow:0 8px 22px rgba(15,23,42,.055);
  color:var(--nem-r4-ink)!important;
  background:var(--nem-r4-bg)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  padding:18px!important;
}

/* Kill remaining decorative layer artifacts from earlier 38A passes. */
.com-ninjaextensionmanager.nem-recovery-ui::before,
.com-ninjaextensionmanager.nem-recovery-ui::after,
.com-ninjaextensionmanager.nem-marketplace-page::before,
.com-ninjaextensionmanager.nem-marketplace-page::after,
.com-ninjaextensionmanager.nem-product-detail::before,
.com-ninjaextensionmanager.nem-product-detail::after { display:none!important; content:none!important; }

.com-ninjaextensionmanager.nem-recovery-ui :where(h1,h2,h3,h4,h5,h6,strong,label,dt),
.com-ninjaextensionmanager.nem-marketplace-page :where(h1,h2,h3,h4,h5,h6,strong,label,dt),
.com-ninjaextensionmanager.nem-product-detail :where(h1,h2,h3,h4,h5,h6,strong,label,dt) { color:var(--nem-r4-ink)!important; }
.com-ninjaextensionmanager.nem-recovery-ui :where(p,span,li,small,dd,td,th),
.com-ninjaextensionmanager.nem-marketplace-page :where(p,span,li,small,dd,td,th),
.com-ninjaextensionmanager.nem-product-detail :where(p,span,li,small,dd,td,th) { color:var(--nem-r4-muted)!important; }

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-hero,.nem-market-hero,.nem-product-hero,.nem-page-hero,.nem-checkout-hero,.nem-confirmation-hero,.nem-download-hero,.nem-license-hero),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-market-hero,.nem-page-hero),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-product-hero,.nem-page-hero) {
  padding:20px!important;
  margin:0 0 16px!important;
  min-height:0!important;
  border:1px solid var(--nem-r4-border)!important;
  border-radius:var(--nem-r4-radius-lg)!important;
  background:var(--nem-r4-surface)!important;
  box-shadow:var(--nem-r4-shadow)!important;
  color:var(--nem-r4-ink)!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-hero h1,.nem-market-hero h1,.nem-product-hero h1,.nem-page-hero h1),
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-hero h1,
.com-ninjaextensionmanager.nem-product-detail .nem-product-hero h1 {
  font-size:clamp(1.65rem,3vw,2.35rem)!important;
  line-height:1.08!important;
  margin:0 0 8px!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-eyebrow,.nem-pill,.nem-badge,.nem-status,.nem-label),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-eyebrow,.nem-pill,.nem-badge,.nem-status,.nem-label),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-eyebrow,.nem-pill,.nem-badge,.nem-status,.nem-label) {
  color:var(--nem-r4-brand-dark)!important;
  background:#eef6ff!important;
  border:1px solid #c7ddff!important;
  border-radius:999px!important;
  padding:.32rem .55rem!important;
  font-size:.78rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
}

/* Dense, aligned operational cards. */
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-card,.nem-panel,.nem-dashboard-panel,.nem-action-tile,.nem-metric-card,.nem-product-access-card,.nem-subscription-card,.nem-license-card,.nem-download-card,.nem-site-row,.nem-market-card,.nem-product-card,.nem-purchase-card,.nem-checkout-panel,.nem-order-summary,.nem-confirmation-card,.nem-help-article-card,.nem-changelog-card,.nem-empty-state,.nem-dashboard-empty),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-card,.nem-panel,.nem-market-card,.nem-product-card,.nem-empty-state),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-card,.nem-panel,.nem-product-overview,.nem-product-section,.nem-product-tabs,.nem-related-assets,.nem-bundles-section,.nem-purchase-card,.nem-empty-state) {
  background:var(--nem-r4-surface)!important;
  color:var(--nem-r4-ink)!important;
  border:1px solid var(--nem-r4-border)!important;
  border-radius:var(--nem-r4-radius)!important;
  box-shadow:var(--nem-r4-shadow)!important;
  padding:16px!important;
  margin:0!important;
  transform:none!important;
  background-image:none!important;
  backdrop-filter:none!important;
  min-height:0!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-panel,.nem-product-overview,.nem-product-section,.nem-product-tabs,.nem-related-assets,.nem-bundles-section) { margin-top:16px!important; }

.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-grid,.nem-dashboard-actions,.nem-dashboard-metrics,.nem-product-access-grid,.nem-product-grid,.nem-market-grid,.nem-download-grid,.nem-license-grid,.nem-subscription-grid,.nem-plan-grid,.nem-bundle-grid,.nem-feature-grid),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-market-grid,.nem-product-grid),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-feature-grid,.nem-plan-grid,.nem-bundle-grid,.nem-product-sections) {
  display:grid!important;
  gap:14px!important;
  margin:14px 0!important;
}

/* Dashboard: compact operational portal rather than a marketing landing page. */
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero {
  grid-template-columns:minmax(0,1fr) minmax(190px,260px)!important;
  align-items:center!important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-health {
  padding:14px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid var(--nem-r4-border)!important;
  box-shadow:none!important;
  display:grid!important;
  gap:6px!important;
  justify-items:start!important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-metrics {
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:10px!important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card {
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:10px!important;
  padding:12px!important;
  align-items:center!important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card strong { font-size:1.45rem!important; line-height:1!important; }
.com-ninjaextensionmanager.nem-client-portal .nem-metric-card span:not(.nem-icon):not([class*="nem-icon-"]) { font-size:.86rem!important; line-height:1.25!important; }
.com-ninjaextensionmanager.nem-client-portal .nem-action-tile,
.com-ninjaextensionmanager.nem-client-portal .nem-product-access-card,
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-list li {
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.com-ninjaextensionmanager.nem-client-portal .nem-dashboard-list { display:grid!important; gap:10px!important; margin:0!important; padding:0!important; list-style:none!important; }
.com-ninjaextensionmanager.nem-client-portal .nem-panel-head { display:flex!important; justify-content:space-between!important; align-items:flex-start!important; gap:12px!important; margin-bottom:12px!important; }
.com-ninjaextensionmanager.nem-client-portal .nem-panel-head h2 { margin:.2rem 0 .2rem!important; font-size:1.22rem!important; }
.com-ninjaextensionmanager.nem-client-portal .nem-panel-head p { margin:0!important; }

/* Marketplace: readable cards, one clear CTA area, no white-on-white. */
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card,
.com-ninjaextensionmanager.nem-marketplace-page .nem-market-card--enterprise,
.com-ninjaextensionmanager.nem-marketplace-page .nem-product-card {
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:12px!important;
  overflow:hidden!important;
}
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-market-card__media,.nem-product-card__media,.nem-card-media) {
  aspect-ratio:16/9!important;
  min-height:0!important;
  border-radius:12px!important;
  background:#eaf2ff!important;
  border:1px solid #d5e5ff!important;
}
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-market-card__footer,.nem-market-card__actions,.nem-card-actions) {
  display:grid!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:10px!important;
  border-top:1px solid var(--nem-r4-border)!important;
}
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-price,.nem-card-price,.nem-product-price,.nem-cta-price) {
  color:var(--nem-r4-ink)!important;
  font-weight:900!important;
  font-size:1.15rem!important;
}

/* Product detail: readable, compact, purchase panel above the fold. */
.com-ninjaextensionmanager.nem-product-detail .nem-product-hero-grid {
  grid-template-columns:minmax(230px,.82fr) minmax(0,1.15fr) minmax(270px,.78fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.com-ninjaextensionmanager.nem-product-detail .nem-product-media-panel,
.com-ninjaextensionmanager.nem-product-detail .nem-product-summary-panel,
.com-ninjaextensionmanager.nem-product-detail .nem-product-purchase-panel { min-width:0!important; }
.com-ninjaextensionmanager.nem-product-detail :where(.nem-product-image,.nem-product-image-placeholder) {
  min-height:190px!important;
  background:#eaf2ff!important;
  color:var(--nem-r4-ink)!important;
  border-radius:12px!important;
}
.com-ninjaextensionmanager.nem-product-detail .nem-purchase-card { padding:16px!important; }
.com-ninjaextensionmanager.nem-product-detail .nem-purchase-price { font-size:1.9rem!important; color:var(--nem-r4-ink)!important; }
.com-ninjaextensionmanager.nem-product-detail .nem-product-trust-row { gap:8px!important; margin-top:10px!important; }
.com-ninjaextensionmanager.nem-product-detail .nem-product-trust-row span { color:var(--nem-r4-muted)!important; background:#f8fafc!important; border-color:var(--nem-r4-border)!important; }

/* Checkout and secondary routes: reduce visual bulk. */
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-checkout-layout,.nem-confirmation-layout,.nem-license-grid,.nem-download-layout) { gap:16px!important; margin:16px 0!important; }
.com-ninjaextensionmanager.nem-recovery-ui :where(input,select,textarea) {
  background:#fff!important;
  color:var(--nem-r4-ink)!important;
  border:1px solid var(--nem-r4-border)!important;
  border-radius:10px!important;
  min-height:40px!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-button,.nem-button-primary,.nem-button-secondary,.nem-button-ghost,.btn,.uk-button,button,input[type="submit"],a.button),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-button,.btn,.uk-button,button),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-button,.btn,.uk-button,button) {
  min-height:40px!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  font-weight:800!important;
  box-shadow:none!important;
  transform:none!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-button-primary,.btn-primary,.uk-button-primary,button[type="submit"],input[type="submit"]),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-button-primary,.btn-primary,button[type="submit"]),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-button-primary,.btn-primary,button[type="submit"]) {
  background:var(--nem-r4-brand)!important;
  border-color:var(--nem-r4-brand)!important;
  color:#fff!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-button-secondary,.btn-secondary,.uk-button-default,.btn-outline-secondary),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-button-secondary,.btn-secondary),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-button-secondary,.btn-secondary) {
  background:#fff!important;
  border-color:#bfd7ff!important;
  color:var(--nem-r4-brand-dark)!important;
}
.com-ninjaextensionmanager.nem-recovery-ui :where(.nem-icon,[class*="nem-icon-"]),
.com-ninjaextensionmanager.nem-marketplace-page :where(.nem-icon,[class*="nem-icon-"]),
.com-ninjaextensionmanager.nem-product-detail :where(.nem-icon,[class*="nem-icon-"]) {
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  opacity:1!important;
  color:var(--nem-r4-brand-dark)!important;
}

@media (max-width:900px){
  .com-ninjaextensionmanager.nem-recovery-ui,
  .com-ninjaextensionmanager.nem-marketplace-page,
  .com-ninjaextensionmanager.nem-product-detail { padding:12px!important; }
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero,
  .com-ninjaextensionmanager.nem-product-detail .nem-product-hero-grid { grid-template-columns:1fr!important; }
  .com-ninjaextensionmanager.nem-product-detail .nem-product-purchase-panel { position:relative!important; top:auto!important; }
}
@media (max-width:640px){
  .com-ninjaextensionmanager.nem-recovery-ui,
  .com-ninjaextensionmanager.nem-marketplace-page,
  .com-ninjaextensionmanager.nem-product-detail { padding:8px!important; }
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-hero,
  .com-ninjaextensionmanager.nem-recovery-ui :where(.nem-dashboard-hero,.nem-market-hero,.nem-product-hero,.nem-page-hero) { padding:14px!important; }
  .com-ninjaextensionmanager.nem-client-portal .nem-action-tile,
  .com-ninjaextensionmanager.nem-client-portal .nem-product-access-card,
  .com-ninjaextensionmanager.nem-client-portal .nem-dashboard-list li { grid-template-columns:30px minmax(0,1fr)!important; }
  .com-ninjaextensionmanager.nem-client-portal .nem-action-tile .nem-button,
  .com-ninjaextensionmanager.nem-client-portal .nem-product-access-card .nem-button { grid-column:1 / -1!important; width:100%!important; }
}

/* Phase 38R.5 Customer Dashboard Reconstruction
   Purpose: replace the over-styled customer dashboard with a compact, readable, operational portal. */
.com-ninjaextensionmanager.cx-portal,
.cx-portal {
  --cx-bg: #f8fafc;
  --cx-surface: #ffffff;
  --cx-surface-soft: #f1f5f9;
  --cx-border: #dbe5f0;
  --cx-border-strong: #cbd5e1;
  --cx-text: #111827;
  --cx-muted: #475569;
  --cx-subtle: #64748b;
  --cx-primary: #1473ff;
  --cx-primary-dark: #0f5ed7;
  --cx-radius: 18px;
  --cx-shadow: 0 14px 34px rgba(15, 23, 42, .08);
  box-sizing: border-box !important;
  width: min(1160px, calc(100% - 28px)) !important;
  margin: 0 auto !important;
  padding: 18px 0 36px !important;
  color: var(--cx-text) !important;
  font-family: inherit !important;
  background: transparent !important;
}

.cx-portal *,
.cx-portal *::before,
.cx-portal *::after { box-sizing: border-box !important; }

.cx-portal :where(h1,h2,h3,p,strong,span,small,a,label,input,select,button,li) {
  color: inherit !important;
  max-width: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-shadow: none !important;
}

.cx-portal p { color: var(--cx-muted) !important; line-height: 1.55 !important; margin: .35rem 0 0 !important; }
.cx-portal h1 { font-size: clamp(1.75rem, 5vw, 3rem) !important; line-height: 1.05 !important; margin: .25rem 0 .65rem !important; letter-spacing: -.04em !important; font-weight: 850 !important; }
.cx-portal h2 { font-size: clamp(1.25rem, 3vw, 1.85rem) !important; line-height: 1.15 !important; margin: 0 !important; letter-spacing: -.03em !important; font-weight: 800 !important; }
.cx-portal h3 { font-size: 1rem !important; line-height: 1.25 !important; margin: 0 !important; font-weight: 800 !important; }
.cx-portal a { text-decoration: none !important; }

.cx-kicker {
  color: var(--cx-primary-dark) !important;
  font-size: .78rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin: 0 0 .4rem !important;
}

.cx-hero,
.cx-section,
.cx-alert {
  background: var(--cx-surface) !important;
  border: 1px solid var(--cx-border) !important;
  border-radius: var(--cx-radius) !important;
  box-shadow: var(--cx-shadow) !important;
}

.cx-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 18px !important;
  padding: 24px !important;
  align-items: stretch !important;
  margin: 0 0 18px !important;
  background: linear-gradient(135deg, #0b1f3f 0%, #126df5 100%) !important;
  color: #ffffff !important;
}

.cx-hero p,
.cx-hero .cx-kicker { color: rgba(255,255,255,.86) !important; }
.cx-hero .cx-kicker { border: 1px solid rgba(255,255,255,.24) !important; border-radius: 999px !important; display: inline-flex !important; padding: .45rem .7rem !important; background: rgba(255,255,255,.1) !important; }
.cx-hero-main { min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.cx-hero-actions,
.cx-button-row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 18px !important; }

.cx-status-card {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  background: rgba(255,255,255,.95) !important;
  color: var(--cx-text) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  min-width: 0 !important;
}
.cx-status-card strong { display: block !important; font-size: 1rem !important; line-height: 1.25 !important; color: var(--cx-text) !important; }
.cx-status-card span:not(.cx-icon) { display: block !important; margin-top: 4px !important; color: var(--cx-muted) !important; font-size: .9rem !important; line-height: 1.3 !important; }

.cx-btn,
.cx-portal .cx-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: .72rem 1rem !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  font-size: .94rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.cx-btn-primary { background: var(--cx-primary) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(20,115,255,.18) !important; }
.cx-btn-primary:hover { background: var(--cx-primary-dark) !important; color: #fff !important; }
.cx-btn-secondary { background: #fff !important; color: var(--cx-primary-dark) !important; border-color: var(--cx-border-strong) !important; }
.cx-btn-secondary:hover { border-color: var(--cx-primary) !important; color: var(--cx-primary-dark) !important; }
.cx-btn-small { min-height: 38px !important; padding: .55rem .8rem !important; font-size: .85rem !important; }

.cx-metrics {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
}
.cx-metric {
  display: grid !important;
  grid-template-columns: 32px minmax(0,1fr) !important;
  gap: 8px 10px !important;
  align-items: center !important;
  min-width: 0 !important;
  background: #fff !important;
  border: 1px solid var(--cx-border) !important;
  border-radius: 16px !important;
  padding: 14px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
  color: var(--cx-text) !important;
}
.cx-metric-value { display: block !important; font-size: 1.55rem !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -.03em !important; }
.cx-metric-label { grid-column: 2 !important; color: var(--cx-muted) !important; font-size: .73rem !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: .04em !important; text-transform: uppercase !important; }

.cx-icon {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  flex: 0 0 28px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #e8f1ff !important;
  color: var(--cx-primary-dark) !important;
  position: relative !important;
}
.cx-icon::before { content: "" !important; width: 14px !important; height: 14px !important; display: block !important; border: 2px solid currentColor !important; border-radius: 4px !important; }
.cx-icon-download::before { border-radius: 0 !important; border-width: 0 2px 2px 0 !important; width: 10px !important; height: 14px !important; transform: rotate(45deg) translate(-2px,-2px) !important; }
.cx-icon-site::before { border-radius: 50% !important; }
.cx-icon-license::before { border-radius: 3px !important; box-shadow: 5px 5px 0 -2px currentColor !important; }
.cx-icon-plans::before { border-radius: 50% !important; border-width: 3px !important; }
.cx-icon-activity::before { width: 14px !important; height: 8px !important; border-radius: 999px !important; }
.cx-icon-billing::before { border-radius: 2px !important; }

.cx-alert { display: grid !important; grid-template-columns: 36px minmax(0,1fr) auto !important; gap: 12px !important; align-items: center !important; padding: 16px !important; margin: 0 0 18px !important; }
.cx-alert p { margin: 2px 0 0 !important; }

.cx-section { padding: 18px !important; margin: 0 0 18px !important; color: var(--cx-text) !important; }
.cx-section-head { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 16px !important; margin-bottom: 14px !important; }
.cx-section-head > div { min-width: 0 !important; }
.cx-section-head p { max-width: 680px !important; }

.cx-action-grid,
.cx-product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.cx-action,
.cx-product-card,
.cx-list-row {
  min-width: 0 !important;
  background: var(--cx-surface-soft) !important;
  border: 1px solid var(--cx-border) !important;
  border-radius: 14px !important;
  color: var(--cx-text) !important;
}
.cx-action { display: grid !important; grid-template-columns: 34px minmax(0,1fr) !important; gap: 12px !important; align-items: start !important; padding: 14px !important; }
.cx-action strong,
.cx-product-card strong,
.cx-list-row strong { display: block !important; font-size: .98rem !important; line-height: 1.25 !important; color: var(--cx-text) !important; }
.cx-action small,
.cx-list-row small,
.cx-product-card p { display: block !important; margin-top: 4px !important; color: var(--cx-muted) !important; font-size: .86rem !important; line-height: 1.35 !important; }

.cx-grid-main { display: grid !important; grid-template-columns: minmax(0,1fr) 340px !important; gap: 18px !important; align-items: start !important; }
.cx-product-card { display: grid !important; grid-template-columns: 34px minmax(0,1fr) auto !important; gap: 12px !important; align-items: center !important; padding: 14px !important; }
.cx-product-card h3 { white-space: normal !important; }
.cx-subscription { background: linear-gradient(135deg, #f8fbff, #eef6ff) !important; }

.cx-list { display: grid !important; gap: 10px !important; }
.cx-list-row { display: grid !important; grid-template-columns: 34px minmax(0,1fr) auto !important; gap: 12px !important; align-items: center !important; padding: 12px 14px !important; }
.cx-list-row > div { min-width: 0 !important; }
.cx-list-row strong { overflow-wrap: anywhere !important; }

.cx-site-form { margin-top: 16px !important; padding: 16px !important; background: #f8fafc !important; border: 1px solid var(--cx-border) !important; border-radius: 14px !important; display: grid !important; gap: 12px !important; }
.cx-site-form label { display: grid !important; gap: 6px !important; color: var(--cx-text) !important; font-weight: 750 !important; }
.cx-site-form input,
.cx-site-form select { width: 100% !important; min-height: 44px !important; border: 1px solid var(--cx-border-strong) !important; border-radius: 10px !important; padding: .65rem .8rem !important; background: #fff !important; color: var(--cx-text) !important; }
.cx-site-form p { font-size: .88rem !important; }

.cx-empty { padding: 16px !important; background: var(--cx-surface-soft) !important; border: 1px dashed var(--cx-border-strong) !important; border-radius: 14px !important; }
.cx-empty .cx-btn { margin-top: 12px !important; }

.cx-recommendations { display: flex !important; justify-content: space-between !important; gap: 18px !important; align-items: center !important; background: #0b1f3f !important; color: #fff !important; }
.cx-recommendations p,
.cx-recommendations .cx-kicker { color: rgba(255,255,255,.82) !important; }
.cx-recommendations .cx-btn-secondary { background: rgba(255,255,255,.1) !important; color: #fff !important; border-color: rgba(255,255,255,.35) !important; }

@media (max-width: 980px) {
  .cx-hero { grid-template-columns: 1fr !important; }
  .cx-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .cx-grid-main { grid-template-columns: 1fr !important; }
  .cx-action-grid,
  .cx-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 640px) {
  .com-ninjaextensionmanager.cx-portal,
  .cx-portal { width: min(100% - 22px, 600px) !important; padding-top: 12px !important; }
  .cx-hero { padding: 18px !important; gap: 14px !important; border-radius: 18px !important; }
  .cx-hero-actions,
  .cx-button-row { flex-direction: column !important; }
  .cx-btn { width: 100% !important; }
  .cx-status-card { grid-template-columns: 34px minmax(0,1fr) !important; padding: 14px !important; }
  .cx-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .cx-metric { padding: 12px !important; grid-template-columns: 28px minmax(0,1fr) !important; }
  .cx-metric-value { font-size: 1.35rem !important; }
  .cx-metric-label { font-size: .69rem !important; }
  .cx-section { padding: 16px !important; border-radius: 16px !important; }
  .cx-section-head { display: grid !important; gap: 10px !important; }
  .cx-action-grid,
  .cx-product-grid { grid-template-columns: 1fr !important; }
  .cx-action { grid-template-columns: 32px minmax(0,1fr) !important; }
  .cx-product-card,
  .cx-list-row { grid-template-columns: 32px minmax(0,1fr) !important; }
  .cx-product-card .cx-btn,
  .cx-list-row .cx-btn { grid-column: 1 / -1 !important; width: 100% !important; }
  .cx-alert { grid-template-columns: 32px minmax(0,1fr) !important; }
  .cx-alert .cx-btn { grid-column: 1 / -1 !important; }
  .cx-recommendations { display: grid !important; }
}


/* Phase 38R.6 Customer Dashboard Mobile Reconstruction Stabilization
   Purpose: stop collapsed text columns, overlap, white pill remnants, and oversized cards on customer dashboard. */
.com-ninjaextensionmanager.cx-portal,
.cx-portal {
  --cx-bg: #f8fafc !important;
  --cx-surface: #ffffff !important;
  --cx-surface-soft: #f8fafc !important;
  --cx-border: #d9e2ec !important;
  --cx-text: #111827 !important;
  --cx-muted: #475569 !important;
  --cx-primary: #1473ff !important;
  --cx-primary-dark: #0f5ed7 !important;
  width: min(1120px, calc(100% - 24px)) !important;
  margin: 0 auto !important;
  padding: 12px 0 28px !important;
  color: var(--cx-text) !important;
  background: transparent !important;
}
.cx-portal,
.cx-portal * { box-sizing: border-box !important; }
.cx-portal :where(h1,h2,h3,p,small,strong,span,a,div,label,input,select,button,li) {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  white-space: normal !important;
  text-shadow: none !important;
}
.cx-portal :where(p,small,span:not(.cx-icon)) { line-height: 1.45 !important; }
.cx-portal .cx-hero,
.cx-portal .cx-section,
.cx-portal .cx-alert,
.cx-portal .cx-recommendations {
  border: 1px solid var(--cx-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
  overflow: hidden !important;
}
.cx-portal .cx-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: 14px !important;
  align-items: stretch !important;
  padding: 18px !important;
  margin-bottom: 14px !important;
  background: #0b1f3f !important;
  color: #ffffff !important;
}
.cx-portal .cx-hero h1 { color:#ffffff !important; font-size: clamp(1.45rem, 4vw, 2.35rem) !important; line-height:1.08 !important; margin: .35rem 0 .45rem !important; }
.cx-portal .cx-hero p { color: rgba(255,255,255,.88) !important; max-width: 720px !important; }
.cx-portal .cx-kicker { color: var(--cx-primary-dark) !important; font-size: .74rem !important; line-height:1.15 !important; letter-spacing:.06em !important; margin: 0 0 .35rem !important; }
.cx-portal .cx-hero .cx-kicker { color: rgba(255,255,255,.92) !important; width: fit-content !important; }
.cx-portal .cx-status-card {
  display: grid !important;
  grid-template-columns: 32px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: auto !important;
  padding: 14px !important;
  background: #ffffff !important;
  color: var(--cx-text) !important;
}
.cx-portal .cx-status-card strong,
.cx-portal .cx-status-card span:not(.cx-icon) { display:block !important; color: var(--cx-text) !important; }
.cx-portal .cx-status-card span:not(.cx-icon) { color: var(--cx-muted) !important; font-size: .9rem !important; margin-top: 2px !important; }
.cx-portal .cx-hero-actions,
.cx-portal .cx-button-row { display:flex !important; gap: 10px !important; flex-wrap: wrap !important; margin-top: 14px !important; }
.cx-portal .cx-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  width: auto !important;
  max-width: 100% !important;
  padding: .62rem .9rem !important;
  border-radius: 10px !important;
  font-size: .9rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
}
.cx-portal .cx-btn-primary { background: var(--cx-primary) !important; color: #fff !important; }
.cx-portal .cx-btn-secondary { background:#fff !important; color: var(--cx-primary-dark) !important; border-color: var(--cx-border) !important; }
.cx-portal .cx-metrics { display:grid !important; grid-template-columns: repeat(6, minmax(0,1fr)) !important; gap: 10px !important; margin: 0 0 14px !important; }
.cx-portal .cx-metric { display:grid !important; grid-template-columns: 28px minmax(0,1fr) !important; gap: 4px 8px !important; align-items:center !important; min-height: 82px !important; padding: 12px !important; border-radius: 12px !important; background:#fff !important; }
.cx-portal .cx-metric-value { display:block !important; font-size: 1.45rem !important; line-height:1 !important; font-weight:850 !important; color:var(--cx-text) !important; }
.cx-portal .cx-metric-label { grid-column: 2 !important; display:block !important; font-size:.69rem !important; line-height:1.22 !important; color:var(--cx-muted) !important; letter-spacing:.04em !important; text-transform:uppercase !important; }
.cx-portal .cx-icon { width: 28px !important; height: 28px !important; flex: 0 0 28px !important; margin: 0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#e8f1ff !important; color:#0f5ed7 !important; border-radius:8px !important; }
.cx-portal .cx-icon::before { width: 13px !important; height: 13px !important; border-color: currentColor !important; }
.cx-portal .cx-section { padding: 16px !important; margin-bottom: 14px !important; background:#fff !important; color:var(--cx-text) !important; }
.cx-portal .cx-section-head { display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap: 12px !important; margin-bottom: 12px !important; }
.cx-portal .cx-section-head > div { min-width: 0 !important; flex: 1 1 auto !important; }
.cx-portal .cx-section h2 { font-size: clamp(1.15rem, 3vw, 1.55rem) !important; color:var(--cx-text) !important; line-height:1.15 !important; margin:0 !important; }
.cx-portal .cx-section p { color: var(--cx-muted) !important; margin:.35rem 0 0 !important; }
.cx-portal .cx-action-grid,
.cx-portal .cx-product-grid { display:grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; }
.cx-portal .cx-action,
.cx-portal .cx-product-card,
.cx-portal .cx-list-row {
  display:grid !important;
  grid-template-columns: 30px minmax(0,1fr) auto !important;
  gap: 10px !important;
  align-items:center !important;
  min-height: auto !important;
  padding: 12px !important;
  border:1px solid var(--cx-border) !important;
  border-radius: 12px !important;
  background:#f8fafc !important;
  color: var(--cx-text) !important;
}
.cx-portal .cx-action { grid-template-columns: 30px minmax(0,1fr) !important; align-items:flex-start !important; }
.cx-portal .cx-action > span:not(.cx-icon),
.cx-portal .cx-product-card > div,
.cx-portal .cx-list-row > div { min-width:0 !important; width:100% !important; display:block !important; }
.cx-portal .cx-action strong,
.cx-portal .cx-product-card h3,
.cx-portal .cx-list-row strong { display:block !important; color:var(--cx-text) !important; font-size:.96rem !important; line-height:1.25 !important; margin:0 !important; }
.cx-portal .cx-action small,
.cx-portal .cx-product-card p,
.cx-portal .cx-list-row small { display:block !important; color:var(--cx-muted) !important; font-size:.86rem !important; line-height:1.35 !important; margin:.18rem 0 0 !important; }
.cx-portal .cx-grid-main { display:grid !important; grid-template-columns: minmax(0,1fr) 320px !important; gap: 14px !important; align-items:start !important; }
.cx-portal .cx-list { display:grid !important; gap: 8px !important; }
.cx-portal .cx-site-form { display:grid !important; gap: 10px !important; padding: 14px !important; margin-top: 12px !important; background:#f8fafc !important; border:1px solid var(--cx-border) !important; border-radius:12px !important; }
.cx-portal .cx-site-form label { display:grid !important; gap:6px !important; font-weight:800 !important; color:var(--cx-text) !important; }
.cx-portal .cx-site-form input,
.cx-portal .cx-site-form select { width:100% !important; min-height:42px !important; border-radius:10px !important; border:1px solid var(--cx-border) !important; padding:.62rem .75rem !important; background:#fff !important; color:var(--cx-text) !important; }
.cx-portal .cx-recommendations { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; background:#ffffff !important; color:var(--cx-text) !important; }
.cx-portal .cx-recommendations h2,
.cx-portal .cx-recommendations p,
.cx-portal .cx-recommendations .cx-kicker { color: inherit !important; }
.cx-portal .cx-recommendations p { color: var(--cx-muted) !important; }
.cx-portal .cx-empty { padding: 14px !important; border-radius:12px !important; background:#f8fafc !important; border:1px dashed var(--cx-border) !important; }
/* Context help sometimes renders after the dashboard. Keep it compact and readable instead of narrow stacked text. */
.com-ninjaextensionmanager .nem-client-help,
.com-ninjaextensionmanager .nem-dashboard-help-panel,
.com-ninjaextensionmanager .nem-help-card {
  width: min(1120px, calc(100% - 24px)) !important;
  margin: 14px auto !important;
  padding: 16px !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #111827 !important;
  border: 1px solid #d9e2ec !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
}
.com-ninjaextensionmanager .nem-client-help *,
.com-ninjaextensionmanager .nem-help-card * {
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  white-space: normal !important;
  color: inherit !important;
}
.com-ninjaextensionmanager .nem-help-list { display:grid !important; gap:10px !important; padding:0 !important; margin:12px 0 0 !important; list-style:none !important; }
.com-ninjaextensionmanager .nem-help-list li,
.com-ninjaextensionmanager .nem-help-list a { display:block !important; width:100% !important; }
.com-ninjaextensionmanager .nem-help-excerpt { color:#475569 !important; line-height:1.45 !important; margin-top:.3rem !important; }
@media (max-width: 900px) {
  .cx-portal .cx-hero { grid-template-columns: 1fr !important; }
  .cx-portal .cx-grid-main { grid-template-columns: 1fr !important; }
  .cx-portal .cx-metrics { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .cx-portal .cx-action-grid,
  .cx-portal .cx-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 640px) {
  .com-ninjaextensionmanager.cx-portal,
  .cx-portal { width: min(100% - 20px, 620px) !important; padding-top:10px !important; }
  .cx-portal .cx-hero { padding: 14px !important; gap: 12px !important; }
  .cx-portal .cx-hero h1 { font-size: 1.55rem !important; }
  .cx-portal .cx-hero-actions,
  .cx-portal .cx-button-row { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; }
  .cx-portal .cx-btn { width:100% !important; min-height:40px !important; }
  .cx-portal .cx-status-card { grid-template-columns: 28px minmax(0,1fr) !important; padding:12px !important; }
  .cx-portal .cx-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
  .cx-portal .cx-metric { min-height:76px !important; grid-template-columns: 26px minmax(0,1fr) !important; padding:10px !important; }
  .cx-portal .cx-metric-value { font-size:1.35rem !important; }
  .cx-portal .cx-section { padding: 14px !important; margin-bottom: 12px !important; }
  .cx-portal .cx-section-head { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; }
  .cx-portal .cx-section-head .cx-btn { justify-self:stretch !important; }
  .cx-portal .cx-action-grid,
  .cx-portal .cx-product-grid { grid-template-columns: 1fr !important; }
  .cx-portal .cx-action,
  .cx-portal .cx-product-card,
  .cx-portal .cx-list-row { grid-template-columns: 28px minmax(0,1fr) !important; gap:9px !important; padding:11px !important; align-items:start !important; }
  .cx-portal .cx-product-card .cx-btn,
  .cx-portal .cx-list-row .cx-btn { grid-column: 1 / -1 !important; width:100% !important; }
  .cx-portal .cx-icon { width:26px !important; height:26px !important; flex-basis:26px !important; }
  .cx-portal .cx-recommendations { grid-template-columns:1fr !important; }
}

/* Phase 38R.7 - My Downloads page approved mobile style */
.com-ninjaextensionmanager.cx-downloads-page {
  --cx-blue:#0d6efd;
  --cx-blue-dark:#0759d6;
  --cx-text:#0f172a;
  --cx-muted:#475569;
  --cx-line:#d7e2ee;
  --cx-soft:#f8fbff;
  --cx-panel:#ffffff;
  max-width: 1040px;
  margin: 0 auto;
  padding: 1rem clamp(.8rem, 3vw, 1.5rem) 2rem;
  color: var(--cx-text);
}
.com-ninjaextensionmanager.cx-downloads-page *,
.com-ninjaextensionmanager.cx-downloads-page *::before,
.com-ninjaextensionmanager.cx-downloads-page *::after { box-sizing:border-box; }
.com-ninjaextensionmanager.cx-downloads-page :where(h1,h2,h3,p,a,span,strong) {
  color: inherit !important;
  text-shadow: none !important;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-hero,
.com-ninjaextensionmanager.cx-downloads-page .cx-download-section {
  border: 1px solid var(--cx-line) !important;
  background: var(--cx-panel) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.06) !important;
  margin: 0 0 1rem !important;
  overflow: hidden;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: clamp(1.25rem, 4vw, 2.25rem) !important;
  background: linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#eef6ff 100%) !important;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: .28rem .75rem;
  background: #d7f0ff;
  color: #0759d6 !important;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
  line-height: 1;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-hero h1 {
  margin: .85rem 0 .65rem !important;
  color: var(--cx-text) !important;
  font-size: clamp(2.35rem, 9vw, 4.25rem) !important;
  line-height: .98 !important;
  letter-spacing: -.055em;
  font-weight: 900 !important;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-hero p,
.com-ninjaextensionmanager.cx-downloads-page .cx-section-header p {
  margin: 0 !important;
  color: var(--cx-muted) !important;
  font-size: clamp(1rem, 3.4vw, 1.35rem) !important;
  line-height: 1.55 !important;
  max-width: 42rem;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-back-link {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin-top: 1.15rem;
  color: #0759d6 !important;
  font-weight: 850;
  text-decoration: none !important;
  font-size: 1rem;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-back-link__icon,
.com-ninjaextensionmanager.cx-downloads-page .cx-inline-arrow {
  width: 1.05rem;
  height: 1.05rem;
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-back-link__icon::before {
  content: "";
  position: absolute;
  inset: .25rem .1rem .25rem .25rem;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(45deg);
}
.com-ninjaextensionmanager.cx-downloads-page .cx-back-link__icon::after {
  content: "";
  position: absolute;
  left: .28rem;
  right: .05rem;
  top: calc(50% - 1.5px);
  height: 3px;
  background: currentColor;
  border-radius: 999px;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-hero__icon {
  width: clamp(7rem, 25vw, 14rem);
  height: clamp(7rem, 25vw, 14rem);
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%,rgba(13,110,253,.16),rgba(13,110,253,.08) 56%,rgba(13,110,253,0) 70%);
  display: grid;
  place-items: center;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-hero__icon span {
  width: 3.7rem;
  height: 3.7rem;
  display: block;
  position: relative;
  color: var(--cx-blue);
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-hero__icon span::before {
  content:"";
  position:absolute;
  left:50%; top:.15rem;
  width:.42rem; height:2.45rem;
  border-radius:999px;
  background:currentColor;
  transform:translateX(-50%);
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-hero__icon span::after {
  content:"";
  position:absolute;
  left:.55rem; right:.55rem; bottom:.35rem;
  height:1.2rem;
  border: .42rem solid currentColor;
  border-top: 0;
  border-radius:0 0 .45rem .45rem;
  box-shadow: 1.18rem -1.55rem 0 -1.02rem currentColor, -1.18rem -1.55rem 0 -1.02rem currentColor;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-section {
  padding: clamp(1rem, 3.5vw, 1.75rem) !important;
  position: relative;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-section::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background: linear-gradient(90deg,#0d6efd,#4cc9f0,#9b5cf6);
}
.com-ninjaextensionmanager.cx-downloads-page .cx-section-header { margin-bottom: 1rem; }
.com-ninjaextensionmanager.cx-downloads-page .cx-section-header h2 {
  margin: 0 0 .3rem !important;
  color: var(--cx-text) !important;
  font-size: clamp(1.35rem, 5vw, 2rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em;
  font-weight: 900 !important;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-empty-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding: 1.1rem 1.25rem;
  border: 1px solid #bfdcff;
  border-radius: 18px;
  background: linear-gradient(135deg,#f3f9ff,#edf6ff);
}
.com-ninjaextensionmanager.cx-downloads-page .cx-empty-notice p {
  margin: 0 !important;
  color: #1e3a5f !important;
  font-size: 1.05rem !important;
  line-height: 1.45 !important;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-empty-notice__icon,
.com-ninjaextensionmanager.cx-downloads-page .cx-recent-icon {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  background: #eaf3ff;
  color: var(--cx-blue);
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-empty-notice__icon::before {
  content:"i";
  position:absolute;
  inset:.42rem;
  border:2px solid currentColor;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:.85rem;
  font-family: Arial, sans-serif;
  line-height:1;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-list {
  display: grid;
  gap: .85rem;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-product-card {
  display: grid !important;
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  grid-template-areas:
    "icon title badge"
    "icon actions actions";
  gap: .7rem 1rem;
  align-items: center;
  min-height: 0 !important;
  padding: .9rem 1rem !important;
  border: 1px solid var(--cx-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.035) !important;
  overflow: hidden;
  position: relative;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-download-product-card::after { display:none !important; }
.com-ninjaextensionmanager.cx-downloads-page .cx-product-icon {
  grid-area: icon;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid #cfe0f5;
  border-radius: .65rem;
  background: linear-gradient(135deg,#eff8ff,#dff0ff);
  position: relative;
  justify-self: start;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-product-icon::before {
  content:"";
  position:absolute;
  inset:.55rem;
  border:3px solid var(--cx-blue);
  border-radius:999px;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-product-icon::after {
  content:"";
  position:absolute;
  right:.47rem;
  bottom:.47rem;
  width:.62rem;
  height:.62rem;
  border-radius:.18rem;
  background: var(--cx-blue);
}
.com-ninjaextensionmanager.cx-downloads-page .cx-product-main {
  grid-area: title;
  min-width: 0;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-product-main h3 {
  margin: 0 !important;
  color: var(--cx-text) !important;
  font-size: clamp(1rem, 3.5vw, 1.28rem) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-plan-badge {
  grid-area: badge;
  display: inline-flex;
  justify-self: end;
  align-items: center;
  max-width: 11rem;
  border-radius: .65rem;
  padding: .35rem .62rem;
  background: #eef5ff;
  color: #0759d6 !important;
  font-weight: 800;
  font-size: .9rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-product-actions {
  grid-area: actions;
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) minmax(7rem, auto);
  gap: .75rem;
  align-items: center;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-button,
.com-ninjaextensionmanager.cx-downloads-page a.cx-button {
  min-height: 2.75rem;
  border-radius: 999px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 850 !important;
  text-decoration: none !important;
  line-height: 1.1;
  padding: .78rem 1rem !important;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-button-primary {
  border: 1px solid var(--cx-blue) !important;
  background: linear-gradient(135deg,#0066ff,#0d6efd) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(13,110,253,.18) !important;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-button-link {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #0759d6 !important;
  box-shadow: none !important;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-inline-arrow::before {
  content:"";
  position:absolute;
  inset:.25rem .35rem .25rem .25rem;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg);
}
.com-ninjaextensionmanager.cx-downloads-page .cx-recent-downloads {
  border: 1px solid var(--cx-line);
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-recent-row {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) auto;
  gap: .85rem;
  align-items: center;
  padding: .8rem .9rem;
  border-bottom: 1px solid #edf2f7;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-recent-row:last-child { border-bottom: 0; }
.com-ninjaextensionmanager.cx-downloads-page .cx-recent-icon::before {
  content:"";
  position:absolute;
  inset:.62rem .5rem .5rem .5rem;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(-45deg);
}
.com-ninjaextensionmanager.cx-downloads-page .cx-recent-icon::after {
  content:"";
  position:absolute;
  left:.72rem;
  right:.72rem;
  bottom:.68rem;
  height:3px;
  background: currentColor;
  border-radius:999px;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-recent-row strong {
  color: var(--cx-text) !important;
  font-weight: 900;
  line-height: 1.2;
  min-width: 0;
}
.com-ninjaextensionmanager.cx-downloads-page .cx-recent-date {
  color: #334155 !important;
  white-space: nowrap;
  font-weight: 600;
  text-align: right;
}
@media (max-width: 720px) {
  .com-ninjaextensionmanager.cx-downloads-page { padding: .85rem .75rem 1.5rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-hero { grid-template-columns: minmax(0, 1fr) 6.5rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-hero__icon { width: 6.25rem; height: 6.25rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-hero__icon span { width: 3rem; height: 3rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-product-card {
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    gap: .65rem .8rem;
    padding: .78rem .85rem !important;
  }
  .com-ninjaextensionmanager.cx-downloads-page .cx-product-actions { grid-template-columns: minmax(7.5rem, 1fr) minmax(6.5rem, auto); }
  .com-ninjaextensionmanager.cx-downloads-page .cx-plan-badge { max-width: 7.5rem; font-size: .82rem; }
}
@media (max-width: 480px) {
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-hero { grid-template-columns: minmax(0, 1fr) 5.5rem; padding: 1.1rem !important; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-hero h1 { font-size: clamp(2rem, 10vw, 2.85rem) !important; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-hero p { font-size: 1rem !important; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-hero__icon { width: 5.25rem; height: 5.25rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-section { padding: 1rem .9rem !important; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-download-product-card {
    grid-template-columns: 2.55rem minmax(0, 1fr) auto;
    grid-template-areas:
      "icon title badge"
      "icon actions actions";
  }
  .com-ninjaextensionmanager.cx-downloads-page .cx-product-icon { width: 2.25rem; height: 2.25rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-product-actions { grid-template-columns: 1fr 1fr; gap: .55rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-button,
  .com-ninjaextensionmanager.cx-downloads-page a.cx-button { min-height: 2.45rem; padding: .68rem .75rem !important; font-size: .9rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-plan-badge { max-width: 6.75rem; padding: .32rem .5rem; }
  .com-ninjaextensionmanager.cx-downloads-page .cx-recent-row { grid-template-columns: 2.25rem minmax(0, 1fr); }
  .com-ninjaextensionmanager.cx-downloads-page .cx-recent-date { grid-column: 2; text-align: left; white-space: normal; font-size: .92rem; }
}

/* Phase 38R.8 Site Licenses approved customer-portal style */
.com-ninjaextensionmanager.cx-license-page {
  --cx-navy:#08172f;
  --cx-heading:#0f172a;
  --cx-text:#334155;
  --cx-muted:#64748b;
  --cx-blue:#0b73f6;
  --cx-blue-dark:#0058d6;
  --cx-line:#d9e4f2;
  --cx-soft:#f4f9ff;
  --cx-soft-blue:#eaf4ff;
  --cx-success:#089855;
  max-width: 58rem;
  margin: 0 auto;
  padding: 1rem .9rem 2.5rem;
  color: var(--cx-text);
}
.com-ninjaextensionmanager.cx-license-page *,
.com-ninjaextensionmanager.cx-license-page *::before,
.com-ninjaextensionmanager.cx-license-page *::after { box-sizing:border-box; }
.com-ninjaextensionmanager.cx-license-page :where(h1,h2,h3,p,a,span,strong,label,input,select,button) {
  font-family: inherit;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-hero,
.com-ninjaextensionmanager.cx-license-page .cx-license-section {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--cx-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(15,23,42,.08);
}
.com-ninjaextensionmanager.cx-license-page .cx-license-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) 12rem;
  gap: 1rem;
  align-items: center;
  padding: 2rem 2rem 1.8rem;
  background: linear-gradient(135deg,#ffffff 0%,#f8fbff 52%,#edf6ff 100%);
}
.com-ninjaextensionmanager.cx-license-page .cx-license-section {
  margin-top: 1rem;
  padding: 1.45rem 1.55rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-section::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background: linear-gradient(90deg,#006cff 0%,#47d6f0 58%,#9755ff 100%);
}
.com-ninjaextensionmanager.cx-license-page .cx-eyebrow,
.com-ninjaextensionmanager.cx-license-page .cx-section-kicker {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  border-radius: 999px;
  background: #dff2ff;
  color: #005bd7;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .11em;
  line-height: 1.2;
  text-transform: uppercase;
  padding: .32rem .65rem;
  margin: 0 0 .75rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-section-kicker {
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin-bottom: .35rem;
  color: #006cff;
}
.com-ninjaextensionmanager.cx-license-page h1,
.com-ninjaextensionmanager.cx-license-page h2,
.com-ninjaextensionmanager.cx-license-page h3 {
  color: var(--cx-heading) !important;
  margin: 0;
  letter-spacing: -.045em;
  line-height: 1.05;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-hero h1 {
  font-size: clamp(2.2rem, 7vw, 4rem);
  font-weight: 950;
  margin-bottom: .8rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-section h2 {
  font-size: clamp(1.35rem, 4.2vw, 2rem);
  font-weight: 900;
  margin-bottom: .35rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-section h3 {
  font-size: 1.08rem;
  font-weight: 900;
}
.com-ninjaextensionmanager.cx-license-page p {
  margin: 0;
  color: var(--cx-text) !important;
  line-height: 1.5;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-hero p,
.com-ninjaextensionmanager.cx-license-page .cx-section-heading p,
.com-ninjaextensionmanager.cx-license-page .cx-form-note {
  font-size: 1.05rem;
  color: #475569 !important;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-hero__content { min-width:0; }
.com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon {
  width: 10.5rem;
  height: 10.5rem;
  justify-self:end;
  display:grid;
  place-items:center;
  border-radius: 999px;
  background: radial-gradient(circle at 45% 40%,#eef6ff 0%,#edf5ff 48%,rgba(237,245,255,.35) 72%);
}
.com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon span {
  width: 5.6rem;
  height: 4.3rem;
  display:block;
  position:relative;
  border: .32rem solid var(--cx-blue);
  border-radius: .55rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon span::before {
  content:"";
  position:absolute;
  left:50%;
  top:.75rem;
  width:2rem;
  height:2.25rem;
  transform:translateX(-50%);
  border:.26rem solid var(--cx-blue);
  border-radius:0 0 .8rem .8rem;
  background:rgba(255,255,255,.75);
}
.com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon span::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-1.35rem;
  width:3rem;
  height:.28rem;
  transform:translateX(-50%);
  border-radius:999px;
  background:var(--cx-blue);
  box-shadow: 0 -.8rem 0 -.1rem var(--cx-blue);
}
.com-ninjaextensionmanager.cx-license-page .cx-back-link {
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin:1.15rem 0 1.25rem;
  color:#005bd7 !important;
  font-weight:900;
  text-decoration:none !important;
}
.com-ninjaextensionmanager.cx-license-page .cx-back-link__icon,
.com-ninjaextensionmanager.cx-license-page .cx-button-icon {
  position:relative;
  display:inline-block;
  width:1.35rem;
  height:1.35rem;
  flex:0 0 auto;
}
.com-ninjaextensionmanager.cx-license-page .cx-back-link__icon::before {
  content:"";
  position:absolute;
  left:.16rem;
  top:.62rem;
  width:.95rem;
  height:.18rem;
  border-radius:999px;
  background:currentColor;
}
.com-ninjaextensionmanager.cx-license-page .cx-back-link__icon::after {
  content:"";
  position:absolute;
  left:.12rem;
  top:.42rem;
  width:.62rem;
  height:.62rem;
  border-left:.18rem solid currentColor;
  border-bottom:.18rem solid currentColor;
  transform:rotate(45deg);
}
.com-ninjaextensionmanager.cx-license-page .cx-button,
.com-ninjaextensionmanager.cx-license-page a.cx-button,
.com-ninjaextensionmanager.cx-license-page button.cx-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:3.05rem;
  border:1px solid var(--cx-line);
  border-radius:999px;
  padding:.85rem 1.2rem;
  font-weight:900;
  line-height:1;
  text-decoration:none !important;
  cursor:pointer;
}
.com-ninjaextensionmanager.cx-license-page .cx-button-primary,
.com-ninjaextensionmanager.cx-license-page a.cx-button-primary,
.com-ninjaextensionmanager.cx-license-page button.cx-button-primary {
  color:#fff !important;
  border-color: transparent;
  background: linear-gradient(135deg,#006cff 0%,#0b73f6 62%,#005bd7 100%);
  box-shadow: 0 12px 26px rgba(0,108,255,.22);
}
.com-ninjaextensionmanager.cx-license-page .cx-button-secondary,
.com-ninjaextensionmanager.cx-license-page a.cx-button-secondary,
.com-ninjaextensionmanager.cx-license-page button.cx-button-secondary {
  color:#005bd7 !important;
  background:#fff;
}
.com-ninjaextensionmanager.cx-license-page .cx-button-wide { width:100%; }
.com-ninjaextensionmanager.cx-license-page .cx-button-icon--plus::before,
.com-ninjaextensionmanager.cx-license-page .cx-button-icon--plus::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:.85rem;
  height:.18rem;
  border-radius:999px;
  background:currentColor;
  transform:translate(-50%,-50%);
}
.com-ninjaextensionmanager.cx-license-page .cx-button-icon--plus::after { transform:translate(-50%,-50%) rotate(90deg); }
.com-ninjaextensionmanager.cx-license-page .cx-section-heading {
  display:flex;
  gap:1rem;
  align-items:flex-start;
  margin-bottom:1.2rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-section-icon,
.com-ninjaextensionmanager.cx-license-page .cx-status-icon,
.com-ninjaextensionmanager.cx-license-page .cx-site-icon,
.com-ninjaextensionmanager.cx-license-page .cx-info-note__icon,
.com-ninjaextensionmanager.cx-license-page .cx-empty-notice__icon {
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#ecf5ff;
  color:var(--cx-blue);
}
.com-ninjaextensionmanager.cx-license-page .cx-section-icon { width:3.4rem; height:3.4rem; }
.com-ninjaextensionmanager.cx-license-page .cx-section-icon::before,
.com-ninjaextensionmanager.cx-license-page .cx-section-icon::after,
.com-ninjaextensionmanager.cx-license-page .cx-status-icon::before,
.com-ninjaextensionmanager.cx-license-page .cx-site-icon::before,
.com-ninjaextensionmanager.cx-license-page .cx-site-icon::after,
.com-ninjaextensionmanager.cx-license-page .cx-info-note__icon::before,
.com-ninjaextensionmanager.cx-license-page .cx-empty-notice__icon::before { content:""; position:absolute; }
.com-ninjaextensionmanager.cx-license-page .cx-section-icon--edit::before { width:1.2rem; height:1.2rem; border:.2rem solid currentColor; border-radius:.18rem; }
.com-ninjaextensionmanager.cx-license-page .cx-section-icon--edit::after { width:1rem; height:.2rem; background:currentColor; transform:translate(.35rem,-.45rem) rotate(-45deg); border-radius:999px; }
.com-ninjaextensionmanager.cx-license-page .cx-section-icon--key::before { width:1.35rem; height:1.35rem; border:.25rem solid currentColor; border-radius:50%; transform:translate(-.28rem,-.15rem); }
.com-ninjaextensionmanager.cx-license-page .cx-section-icon--key::after { width:1rem; height:.24rem; background:currentColor; border-radius:999px; transform:translate(.45rem,.38rem) rotate(-45deg); }
.com-ninjaextensionmanager.cx-license-page .cx-section-icon--site::before { width:1.45rem; height:1.45rem; border:.22rem solid currentColor; border-radius:50%; }
.com-ninjaextensionmanager.cx-license-page .cx-section-icon--site::after { width:2rem; height:.22rem; border-radius:999px; background:currentColor; }
.com-ninjaextensionmanager.cx-license-page .cx-license-form {
  display:grid;
  gap:1rem;
  padding:1.15rem;
  border:1px dashed #9ccfff;
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);
}
.com-ninjaextensionmanager.cx-license-page .cx-license-form label { display:grid; gap:.45rem; color:var(--cx-heading); font-weight:900; }
.com-ninjaextensionmanager.cx-license-page .cx-field {
  width:100%;
  min-height:3.35rem;
  border:1px solid var(--cx-line);
  border-radius:13px;
  background:#fff;
  color:var(--cx-heading);
  padding:.9rem 1rem;
  font-size:1rem;
  box-shadow:0 10px 20px rgba(15,23,42,.04) inset, 0 8px 20px rgba(15,23,42,.04);
}
.com-ninjaextensionmanager.cx-license-page .cx-form-note { font-size:.98rem; }
.com-ninjaextensionmanager.cx-license-page .cx-license-list,
.com-ninjaextensionmanager.cx-license-page .cx-site-list { display:grid; gap:.75rem; }
.com-ninjaextensionmanager.cx-license-page .cx-license-row,
.com-ninjaextensionmanager.cx-license-page .cx-site-row,
.com-ninjaextensionmanager.cx-license-page .cx-info-note,
.com-ninjaextensionmanager.cx-license-page .cx-empty-notice {
  display:grid;
  align-items:center;
  gap:.85rem;
  border:1px solid var(--cx-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
.com-ninjaextensionmanager.cx-license-page .cx-license-row {
  grid-template-columns:2.75rem minmax(0,1fr);
  padding:.9rem 1rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-status-icon { width:2.55rem; height:2.55rem; }
.com-ninjaextensionmanager.cx-license-page .cx-status-icon--check::before,
.com-ninjaextensionmanager.cx-license-page .cx-site-check::before {
  width:.9rem;
  height:.5rem;
  border-left:.22rem solid currentColor;
  border-bottom:.22rem solid currentColor;
  transform:rotate(-45deg) translate(.02rem,-.05rem);
}
.com-ninjaextensionmanager.cx-license-page .cx-status-text { color:var(--cx-success) !important; font-weight:800; margin-top:.15rem; text-transform:capitalize; }
.com-ninjaextensionmanager.cx-license-page .cx-site-row {
  grid-template-columns:1rem 3.25rem minmax(0,1fr) auto;
  padding:.75rem .85rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-site-check { position:relative; width:1rem; height:1rem; color:var(--cx-blue); }
.com-ninjaextensionmanager.cx-license-page .cx-site-check::before { content:""; position:absolute; left:.08rem; top:.22rem; }
.com-ninjaextensionmanager.cx-license-page .cx-site-icon { width:3rem; height:3rem; }
.com-ninjaextensionmanager.cx-license-page .cx-site-icon::before { width:1.45rem; height:1.45rem; border:.22rem solid currentColor; border-radius:50%; }
.com-ninjaextensionmanager.cx-license-page .cx-site-icon::after { width:2rem; height:.22rem; background:currentColor; border-radius:999px; }
.com-ninjaextensionmanager.cx-license-page .cx-site-main h3 { font-size:1.05rem; margin-bottom:.18rem; }
.com-ninjaextensionmanager.cx-license-page .cx-site-main p { font-size:.95rem; color:var(--cx-muted) !important; }
.com-ninjaextensionmanager.cx-license-page .cx-site-action { margin:0; }
.com-ninjaextensionmanager.cx-license-page .cx-site-action .cx-button { min-width:9.8rem; }
.com-ninjaextensionmanager.cx-license-page .cx-info-note,
.com-ninjaextensionmanager.cx-license-page .cx-empty-notice {
  grid-template-columns:2.8rem minmax(0,1fr);
  padding:1rem;
  margin-top:.9rem;
  background:#f7fbff;
}
.com-ninjaextensionmanager.cx-license-page .cx-info-note__icon,
.com-ninjaextensionmanager.cx-license-page .cx-empty-notice__icon { width:2.65rem; height:2.65rem; border:2px solid rgba(0,108,255,.18); background:#fff; }
.com-ninjaextensionmanager.cx-license-page .cx-info-note__icon::before,
.com-ninjaextensionmanager.cx-license-page .cx-empty-notice__icon::before { content:"i"; position:static; font-weight:950; font-style:normal; color:var(--cx-blue); }
@media (max-width:720px) {
  .com-ninjaextensionmanager.cx-license-page { padding:.85rem .7rem 2rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero { grid-template-columns:minmax(0,1fr) 6rem; padding:1.25rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero h1 { font-size:clamp(2.15rem,10vw,3rem); }
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero p { font-size:1rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon { width:5.75rem; height:5.75rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon span { width:3rem; height:2.35rem; border-width:.22rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon span::before { width:1.15rem; height:1.35rem; border-width:.16rem; top:.36rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon span::after { width:1.8rem; height:.18rem; bottom:-.78rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-section { padding:1.15rem 1rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-section-heading { gap:.75rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-section-icon { width:2.75rem; height:2.75rem; }
  .com-ninjaextensionmanager.cx-license-page .cx-site-row { grid-template-columns:1rem 2.65rem minmax(0,1fr); }
  .com-ninjaextensionmanager.cx-license-page .cx-site-action { grid-column: 1 / -1; }
  .com-ninjaextensionmanager.cx-license-page .cx-site-action .cx-button { width:100%; }
}
@media (max-width:430px) {
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero { grid-template-columns:1fr; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-hero__icon { display:none; }
  .com-ninjaextensionmanager.cx-license-page .cx-license-row { grid-template-columns:2.5rem minmax(0,1fr); }
}

/* Phase 38R.9 - targeted Site Licenses cleanup */
.com-ninjaextensionmanager.cx-license-page .cx-license-hero .cx-button-wide {
  display: none !important;
}
.com-ninjaextensionmanager.cx-license-page .cx-site-action .cx-button-deactivate,
.com-ninjaextensionmanager.cx-license-page .cx-site-action button.cx-button-deactivate {
  background: #FFFFFF !important;
  border: 1px solid #D9E2EC !important;
  color: #1473FF !important;
  box-shadow: none !important;
  border-radius: 999px;
}
.com-ninjaextensionmanager.cx-license-page .cx-site-action .cx-button-deactivate:hover,
.com-ninjaextensionmanager.cx-license-page .cx-site-action .cx-button-deactivate:focus-visible {
  background: #F2F8FF !important;
  border-color: #BFD7F5 !important;
  color: #1473FF !important;
}

/* Phase 38R.10 - Update Center approved page style and dashboard cleanup */
.com-ninjaextensionmanager.cx-update-page {
  --cx-blue:#1473FF;
  --cx-blue-dark:#005FE6;
  --cx-heading:#0F172A;
  --cx-text:#475569;
  --cx-muted:#64748B;
  --cx-line:#D9E2EC;
  --cx-soft:#F5FAFF;
  --cx-success:#16A34A;
  max-width:1180px;
  margin:0 auto;
  padding:1rem 1rem 2.5rem;
  color:var(--cx-text);
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);
}
.com-ninjaextensionmanager.cx-update-page * { box-sizing:border-box; }
.com-ninjaextensionmanager.cx-update-page h1,
.com-ninjaextensionmanager.cx-update-page h2,
.com-ninjaextensionmanager.cx-update-page h3,
.com-ninjaextensionmanager.cx-update-page strong { color:var(--cx-heading); }
.com-ninjaextensionmanager.cx-update-page p { color:var(--cx-text); margin:.25rem 0 0; line-height:1.55; }
.com-ninjaextensionmanager.cx-update-page .cx-eyebrow {
  display:inline-flex;
  align-items:center;
  width:max-content;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.78rem;
  font-weight:900;
  color:#006CFF !important;
  background:#E6F5FF;
  border-radius:999px;
  padding:.25rem .65rem;
  margin:0 0 .85rem;
}
.com-ninjaextensionmanager.cx-update-page .cx-update-hero,
.com-ninjaextensionmanager.cx-update-page .cx-update-section {
  position:relative;
  overflow:hidden;
  border:1px solid var(--cx-line);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-section::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,#006CFF 0%,#35A7FF 70%,#8B5CF6 100%);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) 16rem;
  gap:1.5rem;
  align-items:center;
  padding:2rem;
  margin-bottom:1.25rem;
  background:linear-gradient(135deg,#FFFFFF 0%,#F4FAFF 100%);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-hero h1 {
  font-size:clamp(2.25rem,6vw,4rem);
  line-height:.98;
  margin:.1rem 0 .75rem;
  letter-spacing:-.055em;
}
.com-ninjaextensionmanager.cx-update-page .cx-update-hero p { max-width:34rem; font-size:1.08rem; }
.com-ninjaextensionmanager.cx-update-page .cx-back-link {
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:#006CFF;
  font-weight:900;
  margin-top:1.35rem;
  text-decoration:none;
}
.com-ninjaextensionmanager.cx-update-page .cx-back-link__icon::before { content:"←"; font-size:1.35rem; line-height:1; }
.com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon {
  width:13.5rem;
  height:13.5rem;
  justify-self:end;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle,#EAF4FF 0%,#F3F8FF 65%,rgba(255,255,255,0) 66%);
  color:var(--cx-blue);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon span {
  position:relative;
  width:6.5rem;
  height:4.75rem;
  border:.35rem solid currentColor;
  border-radius:.65rem;
}
.com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon span::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:1.4rem;
  height:1.4rem;
  border-left:.35rem solid currentColor;
  border-bottom:.35rem solid currentColor;
  transform:translate(-50%,-70%) rotate(-45deg);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon span::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-1.2rem;
  width:4.5rem;
  height:.35rem;
  border-radius:999px;
  background:currentColor;
  transform:translateX(-50%);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-section { padding:1.55rem; margin-bottom:1.15rem; }
.com-ninjaextensionmanager.cx-update-page .cx-section-heading {
  display:grid;
  grid-template-columns:3.25rem minmax(0,1fr);
  gap:1rem;
  align-items:start;
  margin-bottom:1.15rem;
}
.com-ninjaextensionmanager.cx-update-page .cx-section-heading--compact { margin-bottom:1rem; }
.com-ninjaextensionmanager.cx-update-page .cx-section-heading h2 { font-size:1.55rem; line-height:1.08; margin:0; letter-spacing:-.035em; }
.com-ninjaextensionmanager.cx-update-page .cx-section-icon,
.com-ninjaextensionmanager.cx-update-page .cx-product-icon,
.com-ninjaextensionmanager.cx-update-page .cx-recent-icon,
.com-ninjaextensionmanager.cx-update-page .cx-status-icon {
  position:relative;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#EAF4FF;
  color:#006CFF;
  flex:0 0 auto;
}
.com-ninjaextensionmanager.cx-update-page .cx-section-icon { width:3rem; height:3rem; border-radius:50%; }
.com-ninjaextensionmanager.cx-update-page .cx-product-icon { width:3rem; height:3rem; }
.com-ninjaextensionmanager.cx-update-page .cx-product-icon::before,
.com-ninjaextensionmanager.cx-update-page .cx-section-icon::before,
.com-ninjaextensionmanager.cx-update-page .cx-recent-icon::before,
.com-ninjaextensionmanager.cx-update-page .cx-status-icon::before { content:""; position:absolute; }
.com-ninjaextensionmanager.cx-update-page .cx-product-icon::before,
.com-ninjaextensionmanager.cx-update-page .cx-section-icon--updates::before,
.com-ninjaextensionmanager.cx-update-page .cx-section-icon--download::before {
  width:1.2rem; height:1.2rem; border-left:.25rem solid currentColor; border-bottom:.25rem solid currentColor; transform:rotate(-45deg) translate(.05rem,-.08rem);
}
.com-ninjaextensionmanager.cx-update-page .cx-section-icon--alerts::before { width:1.35rem; height:1.35rem; border:.22rem solid currentColor; border-radius:50% 50% 45% 45%; }
.com-ninjaextensionmanager.cx-update-page .cx-section-icon--eligibility::before { width:1.35rem; height:1.35rem; border:.22rem solid currentColor; border-radius:.3rem; }
.com-ninjaextensionmanager.cx-update-page .cx-section-icon--help::before { content:"?"; position:static; font-weight:950; font-size:1.25rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-release-list { display:grid; gap:.85rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-release-card {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:3.25rem minmax(0,1fr) minmax(12rem,16rem);
  gap:1.1rem;
  align-items:center;
  border:1px solid var(--cx-line);
  border-radius:16px;
  background:#fff;
  padding:1.15rem 1rem 1rem;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-release-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#1473ff 0%,#35a7ff 58%,#8b5cf6 100%);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-release-main h3 { margin:0 0 .55rem; font-size:1.18rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-meta-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:.35rem 0 .7rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-meta-grid span { border-right:1px solid var(--cx-line); padding-right:.75rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-meta-grid span:last-child { border-right:0; }
.com-ninjaextensionmanager.cx-update-page .cx-update-meta-grid small { display:block; color:var(--cx-muted); font-size:.78rem; margin-bottom:.18rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-meta-grid strong { display:block; font-size:.95rem; }
.com-ninjaextensionmanager.cx-update-page .cx-success { color:var(--cx-success) !important; }
.com-ninjaextensionmanager.cx-update-page .cx-update-release-main p { font-size:.94rem; max-width:48rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-actions { display:grid; gap:.55rem; justify-items:stretch; }
.com-ninjaextensionmanager.cx-update-page .cx-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-height:2.9rem;
  padding:.72rem 1.1rem;
  border-radius:12px;
  border:1px solid var(--cx-line);
  background:#fff;
  color:#006CFF;
  font-weight:900;
  text-decoration:none;
  line-height:1.1;
}
.com-ninjaextensionmanager.cx-update-page .cx-button-primary { background:linear-gradient(135deg,#1473FF,#005FE6); color:#fff !important; border-color:#1473FF; box-shadow:0 10px 18px rgba(20,115,255,.18); }
.com-ninjaextensionmanager.cx-update-page .cx-button-link { border:0; background:transparent; color:#006CFF; box-shadow:none; }
.com-ninjaextensionmanager.cx-update-page .cx-button:hover,
.com-ninjaextensionmanager.cx-update-page .cx-button:focus-visible { transform:translateY(-1px); }
.com-ninjaextensionmanager.cx-update-page .cx-inline-arrow::before { content:"→"; margin-left:.35rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-two-column { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-compact-list,
.com-ninjaextensionmanager.cx-update-page .cx-update-status-list { display:grid; gap:.55rem; margin-bottom:.75rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-compact-row,
.com-ninjaextensionmanager.cx-update-page .cx-update-status-row,
.com-ninjaextensionmanager.cx-update-page .cx-eligibility-card,
.com-ninjaextensionmanager.cx-update-page .cx-help-link-grid a,
.com-ninjaextensionmanager.cx-update-page .cx-empty-notice {
  display:grid;
  align-items:center;
  gap:.75rem;
  border:1px solid var(--cx-line);
  border-radius:12px;
  background:#fff;
  padding:.75rem .85rem;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(15,23,42,.03);
}
.com-ninjaextensionmanager.cx-update-page .cx-update-compact-row { grid-template-columns:2.25rem minmax(0,1fr) auto auto; }
.com-ninjaextensionmanager.cx-update-page .cx-recent-icon { width:2.2rem; height:2.2rem; border-radius:50%; }
.com-ninjaextensionmanager.cx-update-page .cx-recent-icon::before { width:.95rem; height:.55rem; border-left:.2rem solid currentColor; border-bottom:.2rem solid currentColor; transform:rotate(-45deg) translate(.02rem,-.04rem); }
.com-ninjaextensionmanager.cx-update-page .cx-update-status-row { grid-template-columns:2.35rem minmax(0,1fr) auto; }
.com-ninjaextensionmanager.cx-update-page .cx-status-icon { width:2.25rem; height:2.25rem; border-radius:10px; }
.com-ninjaextensionmanager.cx-update-page .cx-status-icon::before { width:1rem; height:1rem; border:.2rem solid currentColor; border-radius:.25rem; }
.com-ninjaextensionmanager.cx-update-page .cx-update-status-row small { display:block; color:var(--cx-muted); margin-top:.12rem; }
.com-ninjaextensionmanager.cx-update-page .cx-status-chip { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:.25rem .65rem; font-size:.78rem; font-weight:900; white-space:nowrap; background:#F1F5F9; color:#334155; }
.com-ninjaextensionmanager.cx-update-page .cx-status-chip--success { background:#DCFCE7; color:#15803D; }
.com-ninjaextensionmanager.cx-update-page .cx-status-chip--muted { background:#EFF6FF; color:#006CFF; }
.com-ninjaextensionmanager.cx-update-page .cx-eligibility-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.75rem; }
.com-ninjaextensionmanager.cx-update-page .cx-eligibility-card { grid-template-columns:2.4rem minmax(0,1fr); align-items:center; }
.com-ninjaextensionmanager.cx-update-page .cx-eligibility-card .cx-product-icon { width:2.35rem; height:2.35rem; }
.com-ninjaextensionmanager.cx-update-page .cx-dot-status { grid-column:2; color:#16A34A; font-size:.82rem; font-weight:900; }
.com-ninjaextensionmanager.cx-update-page .cx-dot-status::before { content:""; display:inline-block; width:.45rem; height:.45rem; border-radius:50%; background:currentColor; margin-right:.35rem; vertical-align:middle; }
.com-ninjaextensionmanager.cx-update-page .cx-help-link-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.com-ninjaextensionmanager.cx-update-page .cx-help-link-grid a { color:var(--cx-text); }
.com-ninjaextensionmanager.cx-update-page .cx-help-link-grid strong { display:block; color:#006CFF; }
.com-ninjaextensionmanager.cx-update-page .cx-help-link-grid span { display:block; margin-top:.25rem; color:var(--cx-muted); font-size:.92rem; }
.com-ninjaextensionmanager.cx-update-page .cx-empty-notice { grid-template-columns:2.5rem minmax(0,1fr); background:#F7FBFF; }
.com-ninjaextensionmanager.cx-update-page .cx-empty-notice__icon { width:2.45rem; height:2.45rem; border:2px solid rgba(0,108,255,.18); border-radius:50%; display:grid; place-items:center; color:#006CFF; }
.com-ninjaextensionmanager.cx-update-page .cx-empty-notice__icon::before { content:"i"; font-weight:950; }
.com-ninjaextensionmanager.cx-portal .cx-grid-main--overview { display:block; }
@media (max-width:900px) {
  .com-ninjaextensionmanager.cx-update-page .cx-update-two-column,
  .com-ninjaextensionmanager.cx-update-page .cx-eligibility-grid,
  .com-ninjaextensionmanager.cx-update-page .cx-help-link-grid { grid-template-columns:1fr; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-release-card { grid-template-columns:3rem minmax(0,1fr); }
  .com-ninjaextensionmanager.cx-update-page .cx-update-actions { grid-column:1 / -1; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-meta-grid { grid-template-columns:1fr; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-meta-grid span { border-right:0; border-bottom:1px solid var(--cx-line); padding:.4rem 0; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-meta-grid span:last-child { border-bottom:0; }
}
@media (max-width:640px) {
  .com-ninjaextensionmanager.cx-update-page { padding:.75rem .55rem 2rem; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-hero { grid-template-columns:minmax(0,1fr) 6.5rem; padding:1.2rem; border-radius:18px; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-hero h1 { font-size:clamp(2.35rem,11vw,3.2rem); }
  .com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon { width:6.25rem; height:6.25rem; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon span { width:3.5rem; height:2.5rem; border-width:.24rem; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon span::before { width:.95rem; height:.95rem; border-width:.22rem; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon span::after { width:2.5rem; height:.22rem; bottom:-.8rem; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-section { padding:1.05rem; border-radius:18px; }
  .com-ninjaextensionmanager.cx-update-page .cx-section-heading { grid-template-columns:1fr; gap:.55rem; }
  .com-ninjaextensionmanager.cx-update-page .cx-section-icon { display:none; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-release-card { grid-template-columns:2.7rem minmax(0,1fr); padding:.85rem; }
  .com-ninjaextensionmanager.cx-update-page .cx-product-icon { width:2.5rem; height:2.5rem; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-compact-row { grid-template-columns:2.15rem minmax(0,1fr); }
  .com-ninjaextensionmanager.cx-update-page .cx-update-compact-row span:nth-child(3),
  .com-ninjaextensionmanager.cx-update-page .cx-update-compact-row span:nth-child(4) { grid-column:2; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-status-row { grid-template-columns:2.25rem minmax(0,1fr); }
  .com-ninjaextensionmanager.cx-update-page .cx-update-status-row .cx-status-chip { grid-column:2; justify-self:start; }
}
@media (max-width:430px) {
  .com-ninjaextensionmanager.cx-update-page .cx-update-hero { grid-template-columns:1fr; }
  .com-ninjaextensionmanager.cx-update-page .cx-update-hero__icon { display:none; }
}

/* Phase 38R.11 Client Portal Account Integration */
.cx-status-card--plan {
  grid-template-columns: 36px minmax(0,1fr) auto !important;
  align-items: center !important;
}
.cx-status-card--plan .cx-btn { white-space: nowrap !important; }
.cx-icon-updates::before { border-radius: 50% !important; border-width: 3px !important; }
.cx-icon-updates::after { content: "" !important; position: absolute !important; width: 8px !important; height: 8px !important; border-right: 2px solid currentColor !important; border-bottom: 2px solid currentColor !important; transform: rotate(45deg) translateY(-2px) !important; }
.cx-icon-account::before { border-radius: 50% !important; width: 13px !important; height: 13px !important; }
.cx-icon-security::before { border-radius: 4px 4px 8px 8px !important; }
.cx-icon-notifications::before { border-radius: 8px 8px 4px 4px !important; }
.cx-icon-help::before { border-radius: 50% !important; }
.cx-page-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 32px !important;
  margin: 0 0 18px !important;
  background: linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%) !important;
  border: 1px solid var(--cx-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--cx-shadow) !important;
}
.cx-page-hero h1 { margin: .3rem 0 .5rem !important; font-size: clamp(2.1rem, 5vw, 3.8rem) !important; line-height: .98 !important; letter-spacing: -.055em !important; color: var(--cx-text) !important; }
.cx-back-link { display: inline-flex !important; align-items: center !important; gap: .45rem !important; margin-top: 1rem !important; color: var(--cx-primary-dark) !important; font-weight: 800 !important; }
.cx-back-link::before { content: "←" !important; font-size: 1.2em !important; }
.cx-hero-art { width: 190px !important; height: 190px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important; justify-self: end !important; background: #eaf3ff !important; }
.cx-hero-art .cx-icon { width: 78px !important; height: 78px !important; flex-basis: 78px !important; border-radius: 24px !important; background: transparent !important; color: var(--cx-primary) !important; }
.cx-hero-art .cx-icon::before { width: 44px !important; height: 44px !important; border-width: 4px !important; }
.cx-account-layout { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) 300px !important; gap: 18px !important; align-items: start !important; }
.cx-account-nav,
.cx-account-side > section,
.cx-account-panel {
  background: #fff !important;
  border: 1px solid var(--cx-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}
.cx-account-nav { padding: 14px !important; display: grid !important; gap: 6px !important; position: sticky !important; top: 16px !important; }
.cx-account-nav a { display: grid !important; grid-template-columns: 28px minmax(0,1fr) !important; gap: 10px !important; align-items: center !important; padding: 10px 12px !important; border-radius: 12px !important; color: var(--cx-text) !important; font-weight: 700 !important; }
.cx-account-nav a.active,
.cx-account-nav a:hover { background: #eef6ff !important; color: var(--cx-primary-dark) !important; }
.cx-account-panel { padding: 22px !important; }
.cx-form-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 16px !important; }
.cx-form-grid label { display: grid !important; gap: 7px !important; color: var(--cx-text) !important; font-weight: 750 !important; }
.cx-form-grid input,
.cx-form-grid select { width: 100% !important; min-height: 46px !important; padding: .75rem .9rem !important; border: 1px solid var(--cx-border-strong) !important; border-radius: 10px !important; color: var(--cx-text) !important; background: #fff !important; box-shadow: none !important; }
.cx-form-grid input:disabled { background: #f1f5f9 !important; color: #64748b !important; }
.cx-form-actions { grid-column: 1 / -1 !important; display: flex !important; justify-content: flex-start !important; }
.cx-account-side { display: grid !important; gap: 18px !important; }
.cx-profile-card,
.cx-help-card { padding: 18px !important; }
.cx-avatar { width: 70px !important; height: 70px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; background: linear-gradient(135deg, #6d5dfc, #1473ff) !important; color: #fff !important; font-size: 1.45rem !important; font-weight: 850 !important; margin-bottom: 12px !important; }
.cx-profile-card h3 { margin: 0 !important; color: var(--cx-text) !important; }
.cx-profile-card dl { display: grid !important; gap: 12px !important; margin: 18px 0 0 !important; }
.cx-profile-card dl div { display: flex !important; justify-content: space-between !important; gap: 12px !important; border-top: 1px solid var(--cx-border) !important; padding-top: 12px !important; }
.cx-profile-card dt { color: var(--cx-muted) !important; font-weight: 650 !important; }
.cx-profile-card dd { margin: 0 !important; color: var(--cx-text) !important; font-weight: 750 !important; text-align: right !important; }
.cx-status-chip { display: inline-flex !important; align-items: center !important; border-radius: 999px !important; padding: .18rem .55rem !important; font-size: .76rem !important; font-weight: 800 !important; }
.cx-status-chip--active { background: #dcfce7 !important; color: #15803d !important; }
.cx-help-card { display: grid !important; grid-template-columns: 34px minmax(0,1fr) !important; gap: 12px !important; }
.cx-help-card h3 { margin: 0 !important; }
.cx-help-card a { color: var(--cx-primary-dark) !important; font-weight: 800 !important; }
.cx-settings-list { display: grid !important; gap: 10px !important; }
.cx-settings-list article { display: grid !important; grid-template-columns: 34px minmax(0,1fr) auto !important; gap: 12px !important; align-items: center !important; padding: 14px !important; background: #f8fafc !important; border: 1px solid var(--cx-border) !important; border-radius: 14px !important; }
.cx-settings-list strong { display: block !important; color: var(--cx-text) !important; }
.cx-settings-list small { display: block !important; color: var(--cx-muted) !important; }
@media (max-width: 1080px) {
  .cx-account-layout { grid-template-columns: 220px minmax(0, 1fr) !important; }
  .cx-account-side { grid-column: 2 !important; }
}
@media (max-width: 760px) {
  .cx-status-card--plan { grid-template-columns: 34px minmax(0,1fr) !important; }
  .cx-status-card--plan .cx-btn { grid-column: 1 / -1 !important; width: 100% !important; }
  .cx-page-hero { grid-template-columns: 1fr !important; padding: 22px !important; }
  .cx-hero-art { display: none !important; }
  .cx-account-layout { grid-template-columns: 1fr !important; }
  .cx-account-side { grid-column: auto !important; }
  .cx-account-nav { position: static !important; }
  .cx-form-grid { grid-template-columns: 1fr !important; }
  .cx-settings-list article { grid-template-columns: 32px minmax(0,1fr) !important; }
  .cx-settings-list .cx-status-chip { grid-column: 2 !important; justify-self: start !important; }
}


/* Phase 38R.12 Manage Account styling stabilization */
.com-ninjaextensionmanager.cx-account .cx-page-hero,
.com-ninjaextensionmanager.cx-account .cx-account-nav,
.com-ninjaextensionmanager.cx-account .cx-account-panel,
.com-ninjaextensionmanager.cx-account .cx-account-side > section {
  position: relative !important;
  overflow: hidden !important;
}
.com-ninjaextensionmanager.cx-account .cx-account-nav::before,
.com-ninjaextensionmanager.cx-account .cx-account-panel::before,
.com-ninjaextensionmanager.cx-account .cx-account-side > section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #1473FF 0%, #35A7FF 58%, #8B5CF6 100%) !important;
  pointer-events: none !important;
}
.com-ninjaextensionmanager.cx-account .cx-account-nav {
  padding-top: 18px !important;
}
.com-ninjaextensionmanager.cx-account .cx-account-panel {
  padding-top: 26px !important;
}
.com-ninjaextensionmanager.cx-account .cx-account-nav a {
  min-height: 48px !important;
  text-decoration: none !important;
}
.com-ninjaextensionmanager.cx-account .cx-account-nav a.active,
.com-ninjaextensionmanager.cx-account .cx-account-nav a:hover,
.com-ninjaextensionmanager.cx-account .cx-account-nav a:focus-visible {
  background: #EAF4FF !important;
  color: #1473FF !important;
}
.com-ninjaextensionmanager.cx-account .cx-page-hero {
  border-top: 1px solid var(--cx-border) !important;
}
.com-ninjaextensionmanager.cx-account .cx-page-hero .cx-kicker {
  color: #006CFF !important;
  background: #E5F3FF !important;
}
.com-ninjaextensionmanager.cx-account .cx-form-grid input,
.com-ninjaextensionmanager.cx-account .cx-form-grid select {
  min-width: 0 !important;
  font-size: 1rem !important;
}
.com-ninjaextensionmanager.cx-account .cx-form-actions .cx-btn {
  min-height: 46px !important;
  border-radius: 12px !important;
}
@media (max-width: 760px) {
  .com-ninjaextensionmanager.cx-account .cx-page-hero {
    margin: 0 0 14px !important;
    padding: 22px !important;
    border-radius: 18px !important;
  }
  .com-ninjaextensionmanager.cx-account .cx-page-hero h1 {
    font-size: clamp(2.25rem, 12vw, 3.1rem) !important;
    line-height: 1 !important;
  }
  .com-ninjaextensionmanager.cx-account .cx-account-nav,
  .com-ninjaextensionmanager.cx-account .cx-account-panel,
  .com-ninjaextensionmanager.cx-account .cx-account-side > section {
    border-radius: 18px !important;
  }
}


/* Phase 38R.13 account preferences and membership summary fixes */
.com-ninjaextensionmanager.cx-account .cx-status-chip--muted {
  background: #F1F5F9 !important;
  color: #475569 !important;
}
.com-ninjaextensionmanager.cx-account .cx-preferences-form {
  display: grid !important;
  gap: 12px !important;
}
.com-ninjaextensionmanager.cx-account .cx-preferences-form .cx-form-actions {
  margin-top: 4px !important;
}
.com-ninjaextensionmanager.cx-account .cx-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 128px !important;
  min-height: 42px !important;
  padding: .55rem .85rem !important;
  border: 1px solid #D9E2EC !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #1473FF !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  user-select: none !important;
}
.com-ninjaextensionmanager.cx-account .cx-toggle input {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  accent-color: #1473FF !important;
  cursor: pointer !important;
}
.com-ninjaextensionmanager.cx-account .cx-toggle:has(input:checked) {
  background: #DCFCE7 !important;
  border-color: #BBF7D0 !important;
  color: #15803D !important;
}
.com-ninjaextensionmanager.cx-account .cx-toggle:focus-within {
  outline: 3px solid rgba(20, 115, 255, .22) !important;
  outline-offset: 2px !important;
}
@media (max-width: 760px) {
  .com-ninjaextensionmanager.cx-account .cx-preferences-form article {
    grid-template-columns: 32px minmax(0, 1fr) !important;
  }
  .com-ninjaextensionmanager.cx-account .cx-toggle {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 6px !important;
  }
}

/* Phase 38R.14 Membership Management approved mockup implementation */
.com-ninjaextensionmanager.cx-membership-page {
  background: #F8FAFC !important;
  color: #111827 !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 1rem 2rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-page-hero,
.com-ninjaextensionmanager.cx-membership-page .cx-section,
.com-ninjaextensionmanager.cx-membership-page .cx-membership-current {
  position: relative !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid #D9E2EC !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
  margin: 0 0 1rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-section-line::before,
.com-ninjaextensionmanager.cx-membership-page .cx-membership-current::before,
.com-ninjaextensionmanager.cx-membership-page .cx-page-hero::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #1473FF 0%, #35A7FF 58%, #8B5CF6 100%) !important;
  pointer-events: none !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-page-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  align-items: center !important;
  gap: 1.5rem !important;
  padding: 2.25rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-page-hero .cx-kicker,
.com-ninjaextensionmanager.cx-membership-page .cx-section .cx-kicker,
.com-ninjaextensionmanager.cx-membership-page .cx-card-label {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 0 .55rem !important;
  color: #006CFF !important;
  background: transparent !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.com-ninjaextensionmanager.cx-membership-page h1,
.com-ninjaextensionmanager.cx-membership-page h2,
.com-ninjaextensionmanager.cx-membership-page h3 {
  color: #111827 !important;
}
.com-ninjaextensionmanager.cx-membership-page h1 {
  font-size: clamp(2rem, 4.5vw, 3.1rem) !important;
  line-height: 1.05 !important;
  margin: 0 0 .7rem !important;
}
.com-ninjaextensionmanager.cx-membership-page h2 {
  font-size: clamp(1.35rem, 2.8vw, 2rem) !important;
  line-height: 1.15 !important;
}
.com-ninjaextensionmanager.cx-membership-page p,
.com-ninjaextensionmanager.cx-membership-page small,
.com-ninjaextensionmanager.cx-membership-page span {
  color: #475569 !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-back-link,
.com-ninjaextensionmanager.cx-membership-page .cx-inline-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  margin-top: 1rem !important;
  color: #006CFF !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-back-link::before { content: "←" !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-inline-link::after { content: "→" !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-hero-art {
  width: 190px !important;
  height: 190px !important;
  border-radius: 999px !important;
  background: #EAF4FF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-hero-art .cx-icon {
  width: 82px !important;
  height: 82px !important;
  color: #1473FF !important;
  background: transparent !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-membership-current {
  display: grid !important;
  grid-template-columns: minmax(260px, .9fr) 1.25fr !important;
  gap: 1.5rem !important;
  padding: 1.75rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-current-plan {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 1rem !important;
  align-items: start !important;
  padding-right: 1.5rem !important;
  border-right: 1px solid #D9E2EC !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-current-plan .cx-icon,
.com-ninjaextensionmanager.cx-membership-page .cx-usage-card .cx-icon,
.com-ninjaextensionmanager.cx-membership-page .cx-custom-plan .cx-icon {
  width: 52px !important;
  height: 52px !important;
  flex-basis: 52px !important;
  border-radius: 18px !important;
  color: #1473FF !important;
  background: #EAF4FF !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-current-plan h2 {
  display: inline-block !important;
  margin-right: .55rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-status-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: .25rem .65rem !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-status-chip--active { background: #DCFCE7 !important; color: #15803D !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-status-chip--muted { background: #F1F5F9 !important; color: #475569 !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-membership-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background: #E2E8F0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  align-self: stretch !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-membership-summary-grid > div {
  background: #FFFFFF !important;
  padding: 1rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-membership-summary-grid small,
.com-ninjaextensionmanager.cx-membership-page .cx-detail-list dt,
.com-ninjaextensionmanager.cx-membership-page .cx-usage-card small {
  display: block !important;
  color: #64748B !important;
  font-weight: 800 !important;
  font-size: .8rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-membership-summary-grid strong,
.com-ninjaextensionmanager.cx-membership-page .cx-detail-list dd,
.com-ninjaextensionmanager.cx-membership-page .cx-usage-card strong {
  display: block !important;
  color: #111827 !important;
  font-weight: 900 !important;
  font-size: 1rem !important;
  margin-top: .25rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-membership-summary-grid span { display: block !important; margin-top: .2rem !important; font-size: .82rem !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-membership-actions {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .8rem !important;
  align-self: end !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-btn {
  min-height: 46px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .75rem 1rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  border: 1px solid #D9E2EC !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-btn-primary { background: #1473FF !important; color: #FFFFFF !important; border-color: #1473FF !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-btn-secondary { background: #FFFFFF !important; color: #1473FF !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-section { padding: 1.6rem !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-usage-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  margin-top: 1rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-usage-card {
  background: #FFFFFF !important;
  border: 1px solid #D9E2EC !important;
  border-radius: 16px !important;
  padding: 1rem !important;
  display: grid !important;
  gap: .75rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-usage-card strong { font-size: 1.65rem !important; line-height: 1 !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-progress {
  height: 8px !important;
  border-radius: 999px !important;
  background: #DCEAFE !important;
  overflow: hidden !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-progress span {
  display: block !important;
  height: 100% !important;
  background: #1473FF !important;
  border-radius: inherit !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-membership-info-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-feature-list {
  display: grid !important;
  gap: .75rem !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-feature-list li {
  display: grid !important;
  grid-template-columns: 22px minmax(0,1fr) !important;
  gap: .55rem !important;
  align-items: start !important;
  color: #334155 !important;
  font-weight: 650 !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-check {
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: #DCFCE7 !important;
  position: relative !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-check::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 4px !important;
  width: 6px !important;
  height: 10px !important;
  border-right: 2px solid #16A34A !important;
  border-bottom: 2px solid #16A34A !important;
  transform: rotate(45deg) !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-detail-list { margin: 1rem 0 0 !important; display: grid !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-detail-list div {
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: .8rem 0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-detail-list dt,
.com-ninjaextensionmanager.cx-membership-page .cx-detail-list dd { margin: 0 !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-detail-list dd { text-align: right !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-timeline { display: grid !important; gap: 1rem !important; margin-top: 1rem !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-timeline article {
  display: grid !important;
  grid-template-columns: 18px minmax(0,1fr) auto !important;
  gap: .75rem !important;
  align-items: start !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: #1473FF !important;
  margin-top: .25rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-dot--active { background: #16A34A !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-timeline strong { color: #111827 !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-timeline small { color: #64748B !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-plan-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  margin-top: 1.25rem !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-plan-card {
  position: relative !important;
  display: grid !important;
  gap: .85rem !important;
  justify-items: center !important;
  text-align: center !important;
  padding: 1.35rem !important;
  background: #FFFFFF !important;
  border: 1px solid #D9E2EC !important;
  border-radius: 18px !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-plan-card.is-current { border-color: #1473FF !important; box-shadow: 0 10px 24px rgba(20,115,255,.08) !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-current-badge {
  position: absolute !important;
  top: .75rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #EAF4FF !important;
  color: #1473FF !important;
  border-radius: 999px !important;
  padding: .2rem .6rem !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-plan-card .cx-icon { margin-top: 1.2rem !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-plan-card ul { display: grid !important; gap: .35rem !important; padding: 0 !important; margin: 0 !important; list-style: none !important; color: #475569 !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-price { display: block !important; color: #111827 !important; font-size: 1.45rem !important; margin-top: .5rem !important; }
.com-ninjaextensionmanager.cx-membership-page .cx-custom-plan {
  display: grid !important;
  grid-template-columns: 52px minmax(0,1fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
  margin-top: 1rem !important;
  padding: 1rem !important;
  background: #F8FAFC !important;
  border: 1px solid #D9E2EC !important;
  border-radius: 16px !important;
}
.com-ninjaextensionmanager.cx-membership-page .cx-empty-note {
  margin-top: 1rem !important;
  padding: 1rem !important;
  border: 1px dashed #BBD7FF !important;
  border-radius: 14px !important;
  color: #475569 !important;
  background: #F8FBFF !important;
}
@media (max-width: 980px) {
  .com-ninjaextensionmanager.cx-membership-page .cx-membership-current,
  .com-ninjaextensionmanager.cx-membership-page .cx-membership-info-grid { grid-template-columns: 1fr !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-current-plan { border-right: 0 !important; padding-right: 0 !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-membership-actions { grid-column: auto !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-usage-grid,
  .com-ninjaextensionmanager.cx-membership-page .cx-plan-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
  .com-ninjaextensionmanager.cx-membership-page { padding: 0 .75rem 1.5rem !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-page-hero { grid-template-columns: 1fr !important; padding: 1.5rem !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-hero-art { display: none !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-membership-current,
  .com-ninjaextensionmanager.cx-membership-page .cx-section { padding: 1.15rem !important; border-radius: 16px !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-membership-summary-grid,
  .com-ninjaextensionmanager.cx-membership-page .cx-usage-grid,
  .com-ninjaextensionmanager.cx-membership-page .cx-plan-grid { grid-template-columns: 1fr !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-membership-actions { grid-template-columns: 1fr !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-current-plan { grid-template-columns: 48px minmax(0,1fr) !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-current-plan .cx-icon,
  .com-ninjaextensionmanager.cx-membership-page .cx-usage-card .cx-icon,
  .com-ninjaextensionmanager.cx-membership-page .cx-custom-plan .cx-icon { width: 44px !important; height: 44px !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-detail-list div { display: grid !important; gap: .25rem !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-detail-list dd { text-align: left !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-custom-plan { grid-template-columns: 44px minmax(0,1fr) !important; }
  .com-ninjaextensionmanager.cx-membership-page .cx-custom-plan .cx-btn { grid-column: 1 / -1 !important; }
}

/* Phase 38R.16 - Update Center real last-downloaded version binding */
.cx-update-release-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.cx-update-release-title-row h3 {
    margin: 0;
}
.cx-status-chip--warning {
    background: #FFF7ED;
    color: #C2410C;
    border: 1px solid #FED7AA;
}
.cx-update-meta-grid small {
    text-transform: uppercase;
    letter-spacing: .06em;
}
@media (max-width: 700px) {
    .cx-update-release-title-row {
        gap: 10px;
    }
    .cx-update-release-title-row .cx-status-chip {
        align-self: flex-start;
    }
}

/* Phase 38R.17 - Update Center changelog modal and direct workflow polish */
.cx-changelog-open{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit}.cx-changelog-modal[hidden]{display:none!important}.cx-modal-open{overflow:hidden}.cx-changelog-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.cx-changelog-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(5px)}.cx-changelog-modal__panel{position:relative;width:min(760px,100%);max-height:min(84vh,820px);overflow:auto;background:#fff;color:#111827;border:1px solid #d9e2ec;border-radius:22px;box-shadow:0 24px 80px rgba(15,23,42,.26);padding:26px}.cx-changelog-modal__panel:before{content:"";display:block;height:4px;width:100%;background:linear-gradient(90deg,#1473ff,#35a7ff);border-radius:999px;margin-bottom:20px}.cx-changelog-modal__close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:999px;border:1px solid #d9e2ec;background:#fff;cursor:pointer}.cx-changelog-modal__close:before,.cx-changelog-modal__close:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:#1473ff;border-radius:2px}.cx-changelog-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.cx-changelog-modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.cx-changelog-modal__panel h3{margin:4px 48px 14px 0;color:#111827;font-size:clamp(1.35rem,3vw,2rem);line-height:1.16}.cx-changelog-modal__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.cx-changelog-modal__meta span,.cx-changelog-modal__grid section,.cx-changelog-modal__section{border:1px solid #d9e2ec;border-radius:16px;background:#f8fafc;padding:14px}.cx-changelog-modal__meta small,.cx-changelog-modal__grid h4,.cx-changelog-modal__section h4{display:block;margin:0 0 6px;color:#64748b;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cx-changelog-modal__meta strong,.cx-changelog-modal__grid p,.cx-changelog-modal__section p{color:#111827}.cx-changelog-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.cx-changelog-modal__grid p,.cx-changelog-modal__section p{margin:0;line-height:1.55}.cx-changelog-modal__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cx-button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #d9e2ec;border-radius:12px;background:#fff;color:#1473ff!important;font-weight:800;text-decoration:none!important}.cx-button-secondary:hover,.cx-button-secondary:focus{background:#f2f8ff;color:#0f5ed7!important}@media(max-width:640px){.cx-changelog-modal{padding:12px;align-items:end}.cx-changelog-modal__panel{max-height:90vh;border-radius:18px;padding:20px}.cx-changelog-modal__meta,.cx-changelog-modal__grid{grid-template-columns:1fr}.cx-changelog-modal__actions .cx-button,.cx-changelog-modal__actions .cx-button-secondary{width:100%}}

/* Phase 38R.19 — Update Center modal and direct-download UX fixes */
.com-ninjaextensionmanager.cx-update-page .cx-back-link__icon { display: none !important; }
.com-ninjaextensionmanager.cx-update-page .cx-back-link::before,
.com-ninjaextensionmanager.cx-downloads-page .cx-back-link::before,
.com-ninjaextensionmanager.cx-license-page .cx-back-link::before,
.com-ninjaextensionmanager.cx-membership-page .cx-back-link::before,
.com-ninjaextensionmanager.cx-account-page .cx-back-link::before {
    content: "←" !important;
    display: inline-block !important;
    margin-right: .45rem !important;
}
.cx-changelog-modal__panel {
    padding: 0 !important;
    overflow: hidden !important;
}
.cx-changelog-modal__panel::before { display: none !important; }
.cx-changelog-modal__header {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    display: grid !important;
    gap: .35rem !important;
    padding: 1.35rem 4.75rem 1.15rem 1.5rem !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d9e2ec !important;
}
.cx-changelog-modal__header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #1473ff, #35a7ff, #8b5cf6) !important;
}
.cx-changelog-modal__header .cx-eyebrow {
    margin: 0 !important;
    color: #1473ff !important;
}
.cx-changelog-modal__header h3 {
    margin: 0 !important;
    color: #111827 !important;
    font-size: clamp(1.35rem, 4vw, 2rem) !important;
    line-height: 1.15 !important;
}
.cx-changelog-modal__close {
    top: 1.15rem !important;
    right: 1.15rem !important;
    z-index: 4 !important;
}
.cx-changelog-modal__body {
    max-height: min(74vh, 720px) !important;
    overflow: auto !important;
    padding: 1.35rem 1.5rem 1.5rem !important;
}
@media (max-width: 640px) {
    .cx-changelog-modal__header { padding: 1.25rem 4.25rem 1rem 1.15rem !important; }
    .cx-changelog-modal__body { max-height: 76vh !important; padding: 1rem 1.15rem 1.15rem !important; }
}

/* Phase 38R.21 download feedback modal */
.cx-download-feedback-modal[hidden]{display:none!important}.cx-download-modal-open{overflow:hidden}.cx-download-feedback-modal{position:fixed;inset:0;z-index:100050;display:grid;place-items:center;padding:20px}.cx-download-feedback-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(5px)}.cx-download-feedback-modal__panel{position:relative;width:min(420px,100%);background:#fff;color:#111827;border:1px solid #d9e2ec;border-radius:22px;box-shadow:0 24px 80px rgba(15,23,42,.26);padding:30px 24px 26px;text-align:center}.cx-download-feedback-modal__panel:before{content:"";position:absolute;left:18px;right:18px;top:0;height:4px;background:linear-gradient(90deg,#1473ff,#35a7ff);border-radius:0 0 999px 999px}.cx-download-feedback-modal__spinner{display:inline-block;width:42px;height:42px;border-radius:999px;border:4px solid #d9e2ec;border-top-color:#1473ff;animation:cxDownloadSpin .85s linear infinite;margin-bottom:14px}.cx-download-feedback-modal__panel h2{margin:0 0 8px;color:#111827;font-size:1.35rem;line-height:1.2}.cx-download-feedback-modal__panel p{margin:0;color:#475569;font-size:.98rem;line-height:1.55}@keyframes cxDownloadSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cx-download-feedback-modal__spinner{animation:none;border-top-color:#35a7ff}}@media(max-width:640px){.cx-download-feedback-modal{align-items:end;padding:12px}.cx-download-feedback-modal__panel{border-radius:18px;padding:28px 18px 22px}}

/* Phase 38R.22 Support Center */
.com-ninjaextensionmanager.cx-support-page {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 .85rem 2rem !important;
  color: var(--cx-text) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-page-hero {
  grid-template-columns: minmax(0,1fr) 168px !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-card-line,
.com-ninjaextensionmanager.cx-support-page .cx-section {
  position: relative !important;
  background: #fff !important;
  border: 1px solid var(--cx-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.055) !important;
  padding: 1.25rem !important;
  margin: 0 0 1rem !important;
  overflow: hidden !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-card-line::before,
.com-ninjaextensionmanager.cx-support-page .cx-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg,#1473ff,#35a7ff,#8b5cf6) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(240px, .45fr) !important;
  gap: 1rem !important;
  align-items: center !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status__main {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) !important;
  gap: .9rem !important;
  align-items: center !important;
  min-width: 0 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status__main .cx-icon,
.com-ninjaextensionmanager.cx-support-page .cx-support-tile .cx-icon,
.com-ninjaextensionmanager.cx-support-page .cx-hero-art .cx-icon {
  width: 48px !important;
  height: 48px !important;
  flex-basis: 48px !important;
  border-radius: 15px !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status h2,
.com-ninjaextensionmanager.cx-support-page .cx-section h2,
.com-ninjaextensionmanager.cx-support-page .cx-support-product-row h3 {
  color: #111827 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status p,
.com-ninjaextensionmanager.cx-support-page .cx-section p,
.com-ninjaextensionmanager.cx-support-page .cx-support-tile small,
.com-ninjaextensionmanager.cx-support-page .cx-support-product-row small,
.com-ninjaextensionmanager.cx-support-page .cx-support-article small {
  color: #475569 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status__meta {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: .75rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status__meta span {
  display: grid !important;
  gap: .25rem !important;
  padding: .9rem !important;
  background: #f8fafc !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 14px !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status__meta small {
  color: #64748b !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-status__meta strong {
  color: #111827 !important;
  font-size: 1rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-section-header {
  display: grid !important;
  gap: .35rem !important;
  margin-bottom: 1rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-section-header h2 {
  margin: 0 !important;
  font-size: clamp(1.35rem, 3vw, 1.9rem) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-section-header p {
  margin: 0 !important;
  max-width: 760px !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: .85rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-tile,
.com-ninjaextensionmanager.cx-support-page .cx-support-article {
  display: grid !important;
  gap: .55rem !important;
  min-width: 0 !important;
  padding: 1rem !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
  color: #111827 !important;
  text-decoration: none !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-tile:hover,
.com-ninjaextensionmanager.cx-support-page .cx-support-article:hover {
  background: #f2f8ff !important;
  border-color: #b8d7ff !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-tile strong,
.com-ninjaextensionmanager.cx-support-page .cx-support-article strong {
  color: #111827 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-product-list,
.com-ninjaextensionmanager.cx-support-page .cx-support-article-list {
  display: grid !important;
  gap: .75rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-product-row {
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) auto !important;
  gap: .85rem !important;
  align-items: center !important;
  padding: .95rem !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 16px !important;
  background: #fff !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-product-row h3 {
  margin: 0 0 .18rem !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-product-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: .55rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-button,
.com-ninjaextensionmanager.cx-support-page .cx-button-primary,
.com-ninjaextensionmanager.cx-support-page .cx-button-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: .65rem .9rem !important;
  border-radius: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-button-primary {
  background: #1473ff !important;
  color: #fff !important;
  border: 1px solid #1473ff !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-button-secondary {
  background: #fff !important;
  color: #1473ff !important;
  border: 1px solid #d9e2ec !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-hero-art--support {
  display: grid !important;
  place-items: center !important;
  min-height: 140px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg,#e8f1ff,#ffffff) !important;
  border: 1px solid #d9e2ec !important;
}
.cx-icon-support::before { border-radius: 50% !important; width: 15px !important; height: 15px !important; }
.cx-icon-support::after { content:"" !important; position:absolute !important; width: 9px !important; height: 5px !important; border-left: 2px solid currentColor !important; border-bottom: 2px solid currentColor !important; transform: translate(6px,7px) rotate(-20deg) !important; }
.cx-icon-documentation::before { border-radius: 3px !important; width: 14px !important; height: 16px !important; box-shadow: 4px -3px 0 -2px currentColor !important; }
@media (max-width: 900px) {
  .com-ninjaextensionmanager.cx-support-page .cx-page-hero,
  .com-ninjaextensionmanager.cx-support-page .cx-support-status { grid-template-columns: 1fr !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-hero-art { display: none !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-support-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-support-product-row { grid-template-columns: 44px minmax(0,1fr) !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-support-product-actions { grid-column: 1 / -1 !important; justify-content: flex-start !important; }
}
@media (max-width: 640px) {
  .com-ninjaextensionmanager.cx-support-page { padding: 0 .55rem 1.5rem !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-page-hero,
  .com-ninjaextensionmanager.cx-support-page .cx-card-line,
  .com-ninjaextensionmanager.cx-support-page .cx-section { padding: 1rem !important; border-radius: 17px !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-support-grid,
  .com-ninjaextensionmanager.cx-support-page .cx-support-status__meta { grid-template-columns: 1fr !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-button-row,
  .com-ninjaextensionmanager.cx-support-page .cx-support-product-actions { display: grid !important; grid-template-columns: 1fr !important; }
}

/* Phase 38R.23 Support Center internal ticket system + alignment fixes */
.com-ninjaextensionmanager.cx-support-page .cx-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: .28rem .7rem !important;
  border-radius: 999px !important;
  background: #e8f5ff !important;
  color: #0065d9 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-grid--compact {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-tile {
  grid-template-columns: 52px minmax(0,1fr) !important;
  align-items: center !important;
  min-height: 118px !important;
  padding: 1rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-tile .cx-icon {
  grid-row: 1 !important;
  align-self: center !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-tile__content {
  display: grid !important;
  gap: .3rem !important;
  min-width: 0 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-tile strong {
  display: block !important;
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-tile small {
  display: block !important;
  line-height: 1.45 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-workspace {
  display: grid !important;
  grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr) !important;
  gap: 1rem !important;
  align-items: start !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-form,
.com-ninjaextensionmanager.cx-support-page .cx-ticket-list {
  display: grid !important;
  gap: .85rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-field,
.com-ninjaextensionmanager.cx-support-page .cx-field-grid {
  display: grid !important;
  gap: .45rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-field-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: .8rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-field label {
  color: #111827 !important;
  font-weight: 850 !important;
  font-size: .9rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-field input,
.com-ninjaextensionmanager.cx-support-page .cx-field select,
.com-ninjaextensionmanager.cx-support-page .cx-field textarea {
  width: 100% !important;
  min-height: 48px !important;
  padding: .8rem .9rem !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #111827 !important;
  font: inherit !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.035) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-field textarea {
  min-height: 150px !important;
  resize: vertical !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-field input:focus,
.com-ninjaextensionmanager.cx-support-page .cx-field select:focus,
.com-ninjaextensionmanager.cx-support-page .cx-field textarea:focus {
  outline: 3px solid rgba(20,115,255,.18) !important;
  border-color: #1473ff !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-row {
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) auto !important;
  gap: .8rem !important;
  align-items: center !important;
  padding: .9rem !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-id {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  border-radius: 12px !important;
  background: #e8f1ff !important;
  color: #1473ff !important;
  font-weight: 900 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-row h3 {
  margin: 0 0 .15rem !important;
  color: #111827 !important;
  font-size: 1rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-row small {
  color: #64748b !important;
  line-height: 1.35 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: .25rem .65rem !important;
  border-radius: 999px !important;
  background: #e8f1ff !important;
  color: #0f5ed7 !important;
  font-weight: 900 !important;
  font-size: .78rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-status-pill--open { background:#dcfce7 !important; color:#166534 !important; }
.com-ninjaextensionmanager.cx-support-page .cx-status-pill--waiting_for_client,
.com-ninjaextensionmanager.cx-support-page .cx-status-pill--waiting_for_staff { background:#fef3c7 !important; color:#92400e !important; }
.com-ninjaextensionmanager.cx-support-page .cx-status-pill--resolved,
.com-ninjaextensionmanager.cx-support-page .cx-status-pill--closed { background:#f1f5f9 !important; color:#475569 !important; }
@media (max-width: 900px) {
  .com-ninjaextensionmanager.cx-support-page .cx-support-workspace { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
  .com-ninjaextensionmanager.cx-support-page .cx-support-grid--compact { grid-template-columns: 1fr !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-support-tile { min-height: 0 !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-field-grid { grid-template-columns: 1fr !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-ticket-row { grid-template-columns: 1fr !important; }
  .com-ninjaextensionmanager.cx-support-page .cx-status-pill { justify-self: start !important; }
}

/* Phase 38R.24 Support ticket detail + primary button contrast */
.com-ninjaextensionmanager.cx-support-page .cx-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: .72rem 1.05rem !important;
  border-radius: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-btn-primary {
  background: #1473ff !important;
  color: #ffffff !important;
  border: 1px solid #1473ff !important;
  box-shadow: 0 14px 26px rgba(20,115,255,.18) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-btn-primary:hover,
.com-ninjaextensionmanager.cx-support-page .cx-btn-primary:focus {
  background: #0f5ed7 !important;
  border-color: #0f5ed7 !important;
  color: #ffffff !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-btn-secondary {
  background: #ffffff !important;
  color: #1473ff !important;
  border: 1px solid #d9e2ec !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-btn-secondary:hover,
.com-ninjaextensionmanager.cx-support-page .cx-btn-secondary:focus {
  background: #f2f8ff !important;
  color: #0f5ed7 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-row__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .65rem !important;
  flex-wrap: wrap !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-row h3 a {
  color: #111827 !important;
  text-decoration: none !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-row h3 a:hover,
.com-ninjaextensionmanager.cx-support-page .cx-ticket-row h3 a:focus {
  color: #1473ff !important;
  text-decoration: underline !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-view-link {
  color: #1473ff !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-view-link:hover,
.com-ninjaextensionmanager.cx-support-page .cx-ticket-view-link:focus {
  color: #0f5ed7 !important;
  text-decoration: underline !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-detail-header {
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  align-items: flex-start !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-detail-header h2 {
  margin: .35rem 0 .25rem !important;
  color: #111827 !important;
  font-size: clamp(1.45rem, 3.5vw, 2rem) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-meta-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: .85rem !important;
  margin-top: 1rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-meta-grid span {
  display: grid !important;
  gap: .3rem !important;
  padding: .9rem !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-meta-grid small {
  color: #64748b !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-meta-grid strong {
  color: #111827 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-thread {
  display: grid !important;
  gap: .85rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message {
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) !important;
  gap: .85rem !important;
  padding: .95rem !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message--staff {
  background: #f2f8ff !important;
  border-color: #b8d7ff !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__avatar {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  background: #e8f1ff !important;
  color: #1473ff !important;
  font-weight: 900 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__body {
  display: grid !important;
  gap: .25rem !important;
  min-width: 0 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__body strong {
  color: #111827 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__body small {
  color: #64748b !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__body p {
  margin: .35rem 0 0 !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}
@media (max-width: 700px) {
  .com-ninjaextensionmanager.cx-support-page .cx-ticket-row {
    grid-template-columns: 48px minmax(0,1fr) !important;
  }
  .com-ninjaextensionmanager.cx-support-page .cx-ticket-row__actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
  }
  .com-ninjaextensionmanager.cx-support-page .cx-ticket-detail-header,
  .com-ninjaextensionmanager.cx-support-page .cx-button-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .com-ninjaextensionmanager.cx-support-page .cx-ticket-meta-grid {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 38R.25 Support ticket list page */
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-stats article {
    border: 1px solid #d9e2ec;
    border-radius: 18px;
    background: #ffffff;
    padding: 18px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-stats strong {
    display: block;
    color: #111827;
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: 8px;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-stats span {
    color: #475569;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: .78rem;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid #d9e2ec;
    border-radius: 999px;
    background: #ffffff;
    color: #1473ff;
    text-decoration: none;
    font-weight: 800;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab strong {
    min-width: 26px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f2f8ff;
    color: #111827;
    text-align: center;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active {
    background: #1473ff;
    border-color: #1473ff;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(20, 115, 255, .22);
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    margin: 18px 0 22px;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-search input {
    width: 100%;
    border: 1px solid #d9e2ec;
    border-radius: 16px;
    padding: 13px 16px;
    color: #111827;
    background: #ffffff;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-list--full {
    display: grid;
    gap: 12px;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-row--full {
    grid-template-columns: auto minmax(0, 1fr) auto;
}
.com-ninjaextensionmanager .cx-section-header--split {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}
@media (max-width: 760px) {
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-search { grid-template-columns: 1fr; }
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-row--full { grid-template-columns: 1fr !important; }
    .com-ninjaextensionmanager .cx-section-header--split { display: block; }
}

/* Phase 38R.28 - support attachments, credentials, and frontend toast notifications */
.com-ninjaextensionmanager .cx-secure-access-panel {
    margin: 16px 0;
    padding: 16px;
    border: 1px solid #d9e2ec;
    border-radius: 18px;
    background: #f8fbff;
}
.com-ninjaextensionmanager .cx-secure-access-panel summary {
    cursor: pointer;
    color: #111827;
    font-weight: 800;
}
.com-ninjaextensionmanager .cx-secure-access-panel p {
    color: #475569;
    margin: 10px 0 14px;
}
.com-ninjaextensionmanager .cx-field input[type="file"] {
    width: 100%;
    padding: 12px;
    border: 1px dashed #b8c7d9;
    border-radius: 16px;
    background: #ffffff;
    color: #111827;
}
.com-ninjaextensionmanager .cx-attachment-list {
    display: grid;
    gap: 10px;
}
.com-ninjaextensionmanager .cx-attachment-row {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid #d9e2ec;
    border-radius: 16px;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
}
.com-ninjaextensionmanager .cx-attachment-row small { display: block; color: #64748b; margin-top: 3px; }
.cx-toast-host {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 99999;
    display: grid;
    gap: 10px;
    max-width: min(380px, calc(100vw - 28px));
}
.cx-toast {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 14px 14px;
    border: 1px solid #d9e2ec;
    border-radius: 18px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .18);
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .18s ease, transform .18s ease;
}
.cx-toast.is-visible { opacity: 1; transform: translateY(0); }
.cx-toast__dot { width: 10px; height: 10px; margin-top: 5px; border-radius: 999px; background: #1473ff; }
.cx-toast--warning .cx-toast__dot { background: #f59e0b; }
.cx-toast--error .cx-toast__dot { background: #dc2626; }
.cx-toast__body { font-weight: 700; line-height: 1.4; }
.cx-toast__close { border: 0; background: transparent; color: #64748b; font-size: 22px; line-height: 1; cursor: pointer; }
@media (max-width: 700px) {
    .cx-toast-host { top: auto; right: 12px; bottom: 12px; left: 12px; max-width: none; }
}

/* Phase 38R.29 — license reactivation, support chip polish, and capacity UX */
.com-ninjaextensionmanager.cx-license-page .cx-license-capacity .cx-capacity-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  margin-top:1.25rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-capacity .cx-capacity-grid article {
  border:1px solid #d9e2ec;
  border-radius:1.25rem;
  background:#f8fbff;
  padding:1rem;
  min-height:5.5rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-capacity .cx-capacity-grid span {
  display:block;
  color:#475569;
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.com-ninjaextensionmanager.cx-license-page .cx-license-capacity .cx-capacity-grid strong {
  display:block;
  color:#111827;
  font-size:1.85rem;
  line-height:1.1;
  margin-top:.45rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-more-sites-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  border:1px solid #cfe0f7;
  border-radius:1.25rem;
  background:linear-gradient(135deg,#f7fbff,#ffffff);
  padding:1rem 1.15rem;
  margin-top:1rem;
}
.com-ninjaextensionmanager.cx-license-page .cx-more-sites-card h3 { margin:0 0 .25rem; color:#111827; }
.com-ninjaextensionmanager.cx-license-page .cx-more-sites-card p { margin:0; color:#475569; }
.com-ninjaextensionmanager.cx-license-page .cx-site-action .cx-button-reactivate,
.com-ninjaextensionmanager.cx-license-page .cx-site-action button.cx-button-reactivate {
  width:100%;
  background:#ffffff;
  border:1px solid #1473ff;
  color:#1473ff;
  box-shadow:none;
  border-radius:999px;
  font-weight:800;
}
.com-ninjaextensionmanager.cx-license-page .cx-site-action .cx-button-reactivate:hover,
.com-ninjaextensionmanager.cx-license-page .cx-site-action button.cx-button-reactivate:hover,
.com-ninjaextensionmanager.cx-license-page .cx-site-action .cx-button-reactivate:focus-visible,
.com-ninjaextensionmanager.cx-license-page .cx-site-action button.cx-button-reactivate:focus-visible {
  background:#f2f8ff;
  color:#0f5ed7;
}
.com-ninjaextensionmanager.cx-license-page .cx-site-row .cx-site-main p { word-break:break-word; }
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tabs {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.65rem;
  margin:1rem 0 1.25rem;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:2.65rem;
  padding:.55rem .85rem;
  border:1px solid #d9e2ec;
  border-radius:999px;
  background:#ffffff;
  color:#1473ff;
  text-decoration:none;
  font-weight:800;
  box-shadow:none;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab strong {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.75rem;
  height:1.75rem;
  padding:0 .45rem;
  border-radius:999px;
  background:#eef6ff;
  color:#111827;
  font-size:.9rem;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active {
  background:#1473ff;
  border-color:#1473ff;
  color:#ffffff;
  box-shadow:0 12px 28px rgba(20,115,255,.18);
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active strong {
  background:#ffffff;
  color:#111827;
}
@media (max-width: 760px) {
  .com-ninjaextensionmanager.cx-license-page .cx-license-capacity .cx-capacity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .com-ninjaextensionmanager.cx-license-page .cx-more-sites-card { display:block; }
  .com-ninjaextensionmanager.cx-license-page .cx-more-sites-card .cx-button { margin-top:1rem; width:100%; }
  .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab { min-height:2.4rem; padding:.45rem .7rem; font-size:.95rem; }
}


/* Phase 38R.30 support action and toast stabilization */
.cx-support-hero-actions { align-items: stretch; }
.cx-btn-count { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.cx-btn-count strong { min-width: 28px; min-height: 28px; padding: 4px 8px; border-radius: 999px; background: #eef6ff; color: #1473ff; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; line-height: 1; }
.cx-btn-primary.cx-btn-count strong { background: rgba(255,255,255,.2); color: #fff; }
#system-message-container [data-cx-toast-processed="1"],
.system-message-container [data-cx-toast-processed="1"],
joomla-alert[data-cx-toast-processed="1"],
.joomla-alert[data-cx-toast-processed="1"] { display: none !important; }
@media (max-width: 640px) {
  .cx-support-hero-actions { display: grid; grid-template-columns: 1fr; }
  .cx-support-hero-actions .cx-btn { width: 100%; }
}


/* Phase 38R.31: support ticket filter refinement */
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
    margin: 1rem 0 1.15rem;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.35rem;
    padding: .48rem .75rem;
    border: 1px solid #D9E2EC;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1473FF;
    text-decoration: none;
    font-size: .95rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    box-shadow: none;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab span {
    color: inherit;
    font-weight: inherit;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.55rem;
    height: 1.55rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: #EEF6FF;
    color: #0F172A;
    font-size: .85rem;
    font-weight: 900;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active {
    background: #1473FF;
    border-color: #1473FF;
    color: #FFFFFF;
    box-shadow: 0 10px 22px rgba(20, 115, 255, .22);
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active strong {
    background: #FFFFFF;
    color: #0F172A;
}
@media (max-width: 640px) {
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tabs {
        gap: .45rem;
    }
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab {
        min-height: 2.15rem;
        padding: .42rem .65rem;
        font-size: .82rem;
    }
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab strong {
        min-width: 1.35rem;
        height: 1.35rem;
        font-size: .75rem;
    }
}

/* Phase 38R.32 - reliable frontend Joomla message toast conversion */
#system-message-container[data-cx-toast-container-processed="1"],
#system-message[data-cx-toast-container-processed="1"],
.system-message-container[data-cx-toast-container-processed="1"],
.alert[data-cx-toast-processed="1"],
.alert-wrapper[data-cx-toast-processed="1"],
joomla-alert[data-cx-toast-processed="1"],
.joomla-alert[data-cx-toast-processed="1"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.cx-toast-host {
  position: fixed !important;
  z-index: 2147483647 !important;
}
.cx-toast--message .cx-toast__dot { background: #16a34a; }
.cx-toast--warning .cx-toast__dot { background: #f59e0b; }
.cx-toast--error .cx-toast__dot,
.cx-toast--danger .cx-toast__dot { background: #dc2626; }


/* Phase 38R.33 support ticket filter and toast cleanup */
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 3rem;
    padding: .7rem 1rem;
    border: 1px solid #D9E2EC;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1B2430;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 .55rem;
    border-radius: 999px;
    background: #F2F8FF;
    color: #1B2430;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active {
    background: #1473FF;
    border-color: #1473FF;
    color: #FFFFFF !important;
    box-shadow: 0 12px 24px rgba(20, 115, 255, .22);
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active span {
    color: #FFFFFF !important;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active strong {
    background: #FFFFFF;
    color: #1473FF !important;
}
@media (max-width: 640px) {
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tabs {
        gap: .55rem;
    }
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab {
        min-height: 2.75rem;
        padding: .6rem .85rem;
        font-size: 1rem;
    }
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab strong {
        min-width: 1.85rem;
        height: 1.85rem;
        font-size: .95rem;
    }
}
#system-message-container[data-cx-toast-container-processed="1"],
#system-message[data-cx-toast-container-processed="1"],
.system-message-container[data-cx-toast-container-processed="1"],
.messages[data-cx-toast-container-processed="1"],
.message-container[data-cx-toast-container-processed="1"],
.alert[data-cx-toast-processed="1"],
.alert-wrapper[data-cx-toast-processed="1"],
joomla-alert[data-cx-toast-processed="1"],
.joomla-alert[data-cx-toast-processed="1"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* Phase 38R.34 - Support ticket filter cleanup */
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab {
    min-height: 3rem;
    padding: .7rem 1rem;
    border: 1px solid #D9E2EC;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1B2430;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab span { color: inherit; }
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab strong {
    min-width: 2rem;
    height: 2rem;
    padding: 0 .55rem;
    border-radius: 999px;
    background: #F2F8FF;
    color: #1473FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active {
    background: #1473FF;
    border-color: #1473FF;
    color: #FFFFFF;
    box-shadow: 0 12px 24px rgba(20, 115, 255, .18);
}
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active span { color: #FFFFFF; }
.com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab.is-active strong {
    background: #FFFFFF;
    color: #1473FF;
}
@media (max-width: 640px) {
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tabs { gap: .65rem; }
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab {
        min-height: 2.75rem;
        padding: .6rem .9rem;
        font-size: 1rem;
    }
    .com-ninjaextensionmanager.cx-supporttickets-page .cx-ticket-tab strong {
        min-width: 1.85rem;
        height: 1.85rem;
        font-size: .95rem;
    }
}

/* Phase 38R.35 - Support center frontend completion */
.cx-support-counts .cx-ticket-stats,
.com-ninjaextensionmanager .cx-ticket-stats {
    gap: 1rem;
}
.com-ninjaextensionmanager .cx-ticket-state-banner {
    margin-top: 1rem;
    padding: .9rem 1rem;
    border-radius: 14px;
    background: #F2F8FF;
    color: #0F5ED7;
    font-weight: 800;
    border: 1px solid #D9E2EC;
}
.com-ninjaextensionmanager .cx-ticket-waiting-label {
    display: block;
    margin-top: .35rem;
    color: #475569;
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.25;
}
.com-ninjaextensionmanager .cx-ticket-thread {
    position: relative;
    display: grid;
    gap: 1rem;
}
.com-ninjaextensionmanager .cx-ticket-thread::before {
    content: '';
    position: absolute;
    left: 1.25rem;
    top: .5rem;
    bottom: .5rem;
    width: 2px;
    background: linear-gradient(180deg, #1473FF, #35A7FF);
    opacity: .18;
}
.com-ninjaextensionmanager .cx-ticket-message {
    position: relative;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: .9rem;
    align-items: flex-start;
    padding: 1rem;
    border: 1px solid #D9E2EC;
    border-radius: 18px;
    background: #FFFFFF;
}
.com-ninjaextensionmanager .cx-ticket-message--staff {
    background: #F8FAFC;
    border-color: #BFD7FF;
}
.com-ninjaextensionmanager .cx-ticket-message__avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1473FF;
    color: #FFFFFF;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(20, 115, 255, .18);
}
.com-ninjaextensionmanager .cx-ticket-message--staff .cx-ticket-message__avatar {
    background: #061C3F;
}
.com-ninjaextensionmanager .cx-ticket-message__body strong {
    display: block;
    color: #111827;
    font-size: 1rem;
}
.com-ninjaextensionmanager .cx-ticket-message__body small {
    display: block;
    color: #64748B;
    font-weight: 700;
    margin: .15rem 0 .5rem;
}
.com-ninjaextensionmanager .cx-ticket-message__body p {
    color: #1B2430;
    margin-bottom: 0;
}
.com-ninjaextensionmanager .cx-ticket-message-attachments {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .8rem;
}
.com-ninjaextensionmanager .cx-attachment-chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    border-radius: 999px;
    border: 1px solid #D9E2EC;
    background: #FFFFFF;
    color: #1473FF;
    font-weight: 800;
    font-size: .9rem;
    text-decoration: none;
}
.com-ninjaextensionmanager .cx-attachment-chip.is-previewable {
    background: #F2F8FF;
}
.com-ninjaextensionmanager .cx-attachment-row.is-previewable {
    border-left: 4px solid #35A7FF;
}
@media (max-width: 640px) {
    .com-ninjaextensionmanager .cx-ticket-message {
        grid-template-columns: 2.25rem minmax(0, 1fr);
        padding: .85rem;
    }
    .com-ninjaextensionmanager .cx-ticket-message__avatar {
        width: 2.25rem;
        height: 2.25rem;
    }
    .com-ninjaextensionmanager .cx-ticket-thread::before {
        left: 1.1rem;
    }
}

/* Phase 38R.36 - Ticket conversation avatar polish */
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message {
    grid-template-columns: 2.75rem minmax(0, 1fr) !important;
    gap: 1rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__avatar,
.com-ninjaextensionmanager .cx-ticket-message__avatar {
    width: 2.75rem !important;
    height: 2.75rem !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFFFF !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, .12) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__avatar--client,
.com-ninjaextensionmanager .cx-ticket-message__avatar--client {
    background: #1473FF !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__avatar--staff,
.com-ninjaextensionmanager .cx-ticket-message__avatar--staff,
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message--staff .cx-ticket-message__avatar,
.com-ninjaextensionmanager .cx-ticket-message--staff .cx-ticket-message__avatar {
    background: #16A34A !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__header,
.com-ninjaextensionmanager .cx-ticket-message__header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: .8rem !important;
    margin-bottom: .35rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__header span,
.com-ninjaextensionmanager .cx-ticket-message__header span {
    display: grid !important;
    gap: .18rem !important;
    min-width: 0 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__header strong,
.com-ninjaextensionmanager .cx-ticket-message__header strong {
    color: #111827 !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__header small,
.com-ninjaextensionmanager .cx-ticket-message__header small,
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__header time,
.com-ninjaextensionmanager .cx-ticket-message__header time {
    color: #64748B !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__badge,
.com-ninjaextensionmanager .cx-ticket-message__badge {
    display: inline-flex !important;
    width: fit-content !important;
    padding: .25rem .55rem !important;
    border-radius: 999px !important;
    background: #DCFCE7 !important;
    color: #166534 !important;
    font-size: .74rem !important;
    font-weight: 850 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message--staff,
.com-ninjaextensionmanager .cx-ticket-message--staff {
    background: #F0FDF4 !important;
    border-color: #BBF7D0 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message-attachments,
.com-ninjaextensionmanager .cx-ticket-message-attachments {
    margin-top: .9rem !important;
    padding-top: .75rem !important;
    border-top: 1px solid #E5EAF2 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-attachment-chip,
.com-ninjaextensionmanager .cx-attachment-chip {
    min-height: 2.35rem !important;
}
@media (max-width: 640px) {
    .com-ninjaextensionmanager.cx-support-page .cx-ticket-message,
    .com-ninjaextensionmanager .cx-ticket-message {
        grid-template-columns: 2.5rem minmax(0, 1fr) !important;
        gap: .8rem !important;
    }
    .com-ninjaextensionmanager.cx-support-page .cx-ticket-message__avatar,
    .com-ninjaextensionmanager .cx-ticket-message__avatar {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }
    .com-ninjaextensionmanager.cx-support-page .cx-ticket-message__header,
    .com-ninjaextensionmanager .cx-ticket-message__header {
        display: grid !important;
        gap: .25rem !important;
    }
}

/* Phase 38R.37 - Support UX corrective cleanup */
.com-ninjaextensionmanager.cx-support-page .cx-support-status {
    display: none !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-counts {
    padding: clamp(1.25rem, 3vw, 2rem) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-support-counts .cx-section-header {
    margin-bottom: 1rem !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .85rem !important;
    margin: 0 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-stats article {
    display: grid !important;
    gap: .35rem !important;
    align-content: center !important;
    min-height: 5.2rem !important;
    padding: 1rem !important;
    border: 1px solid #D9E2EC !important;
    border-radius: 18px !important;
    background: #FFFFFF !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .055) !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-stats article strong {
    display: block !important;
    color: #0F172A !important;
    font-size: clamp(1.45rem, 4vw, 2rem) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    margin: 0 !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-stats article span {
    display: block !important;
    color: #475569 !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__avatar--client,
.com-ninjaextensionmanager .cx-ticket-message__avatar--client,
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message--client .cx-ticket-message__avatar,
.com-ninjaextensionmanager .cx-ticket-message--client .cx-ticket-message__avatar {
    background: #1473FF !important;
    color: #FFFFFF !important;
    border: 0 !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message__avatar--staff,
.com-ninjaextensionmanager .cx-ticket-message__avatar--staff,
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message--staff .cx-ticket-message__avatar,
.com-ninjaextensionmanager .cx-ticket-message--staff .cx-ticket-message__avatar {
    background: #22C55E !important;
    color: #FFFFFF !important;
    border: 0 !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
.com-ninjaextensionmanager.cx-support-page .cx-ticket-message--staff {
    background: #F0FDF4 !important;
    border-color: #BBF7D0 !important;
}
@media (max-width: 760px) {
    .com-ninjaextensionmanager.cx-support-page .cx-ticket-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 430px) {
    .com-ninjaextensionmanager.cx-support-page .cx-ticket-stats {
        grid-template-columns: 1fr !important;
    }
}

/* Phase 38R.37 - Support hero action mobile containment */
.com-ninjaextensionmanager.cx-support-page .cx-support-hero-actions .cx-btn {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
@media (max-width: 640px) {
    .com-ninjaextensionmanager.cx-support-page .cx-support-hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }
    .com-ninjaextensionmanager.cx-support-page .cx-support-hero-actions .cx-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}


/* Phase 38R.40 real Account Documents Center */
.com-ninjaextensionmanager.cx-documents-page { color: #111827 !important; padding: 1rem 0 2rem; }
.com-ninjaextensionmanager.cx-documents-page .cx-download-hero,
.com-ninjaextensionmanager.cx-documents-page .cx-download-section { position: relative; overflow: hidden; }
.com-ninjaextensionmanager.cx-documents-page .cx-download-section::before,
.com-ninjaextensionmanager.cx-documents-page .cx-document-card::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg,#1473ff,#35a7ff,#7c3aed);
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-stats {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .85rem;
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-stat {
  border: 1px solid #d9e2ec; border-radius: 16px; background: #fff; padding: 1rem;
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-stat span { color:#475569; font-weight:700; font-size:.95rem; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-stat strong { color:#111827; font-size:1.65rem; line-height:1; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-filters { display:flex; flex-wrap:wrap; gap:.6rem; margin: 0 0 1rem; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-filter {
  display:inline-flex; align-items:center; gap:.45rem; min-height:2.45rem; padding:.6rem .9rem;
  border:1px solid #d9e2ec; border-radius:999px; background:#fff; color:#111827; text-decoration:none; font-weight:800;
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-filter strong {
  min-width:1.65rem; height:1.65rem; display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; background:#f2f8ff; color:#1473ff; font-size:.86rem;
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-filter.active { background:#1473ff; border-color:#1473ff; color:#fff !important; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-filter.active * { color:#fff !important; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-filter.active strong { background:#fff; color:#1473ff !important; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-list { display:grid; gap:.85rem; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-card {
  position:relative; display:grid; grid-template-columns:3rem minmax(0,1fr) auto; gap:1rem; align-items:start;
  border:1px solid #d9e2ec; border-radius:16px; background:#fff; padding:1.15rem; box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-icon {
  width:3rem; height:3rem; border-radius:14px; background:#eef6ff; border:1px solid #d7eaff; position:relative;
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-icon::before {
  content:""; position:absolute; left:14px; top:9px; width:16px; height:22px; border:2px solid #1473ff; border-radius:3px; background:#fff;
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-icon::after {
  content:""; position:absolute; left:18px; top:17px; width:12px; height:2px; background:#35a7ff; box-shadow:0 5px 0 #35a7ff,0 10px 0 #35a7ff;
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-type {
  display:inline-block; color:#1473ff; font-weight:900; letter-spacing:.08em; text-transform:uppercase; font-size:.76rem; margin-bottom:.2rem;
}
.com-ninjaextensionmanager.cx-documents-page .cx-document-main h3 { margin:.1rem 0 .25rem; color:#111827; font-size:1.08rem; line-height:1.25; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-main p { margin:.1rem 0 .65rem; color:#475569; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-main dl { display:flex; flex-wrap:wrap; gap:.55rem 1rem; margin:0; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-main dl div { display:flex; gap:.35rem; align-items:baseline; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-main dt { color:#64748b; font-size:.84rem; font-weight:800; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-main dd { margin:0; color:#111827; font-size:.9rem; font-weight:700; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-actions { display:grid; gap:.5rem; min-width:8.5rem; }
.com-ninjaextensionmanager.cx-documents-page .cx-document-actions .cx-button { justify-content:center; text-align:center; }
.cx-account-nav .cx-icon-documents::before,
.cx-help-card .cx-icon-documents::before { content:""; display:block; width:18px; height:22px; border:2px solid currentColor; border-radius:3px; }
@media (max-width: 760px) {
  .com-ninjaextensionmanager.cx-documents-page { padding:.75rem 0 1.5rem; }
  .com-ninjaextensionmanager.cx-documents-page .cx-document-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .com-ninjaextensionmanager.cx-documents-page .cx-document-card { grid-template-columns:2.65rem minmax(0,1fr); gap:.75rem; padding:1rem .85rem; }
  .com-ninjaextensionmanager.cx-documents-page .cx-document-actions { grid-column:1 / -1; grid-template-columns:1fr 1fr; min-width:0; }
}

/* Phase 39.3R Documentation Center Search + Product Filtering */
.nem-documentation-center .cx-portal-hero { margin-bottom: 1.5rem; }
.nem-documentation-center .nem-card { position: relative; overflow: hidden; }
.nem-documentation-search-card,
.nem-documentation-results-card { margin-bottom: 1.5rem; }
.nem-documentation-filter-form { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(220px, .75fr) auto; gap: .9rem; align-items: end; }
.nem-documentation-filter-form input[type="search"],
.nem-documentation-filter-form select { width: 100%; min-height: 46px; border: 1px solid #d9e2ec; border-radius: 14px; padding: .75rem 1rem; background: #fff; color: #111827; box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.nem-doc-filter-field { display: grid; gap: .35rem; }
.nem-doc-filter-field label { color: #334155; font-size: .86rem; font-weight: 800; }
.nem-doc-filter-field--search { min-width: 0; }
.nem-doc-filter-actions { display: flex; gap: .55rem; flex-wrap: wrap; align-items: center; }
.nem-documentation-product-grid,
.nem-documentation-article-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
.nem-documentation-overview-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr) minmax(240px, .85fr); gap: 1rem; margin-bottom: 1.5rem; }
.nem-doc-product-card,
.nem-doc-article-card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: .85rem; padding: 1.1rem; border: 1px solid #d9e2ec; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(15, 23, 42, .06); }
.nem-doc-article-card--compact { padding: 1rem; }
.nem-card-accent { position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, #1473ff, #35a7ff, #7c3aed); border-radius: 18px 18px 0 0; }
.nem-doc-product-icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: #f2f8ff; color: #1473ff; flex: 0 0 auto; }
.nem-doc-product-body { display: grid; gap: .5rem; }
.nem-doc-product-card h3,
.nem-doc-article-card h3,
.nem-doc-feature-card h2 { margin: .25rem 0 0; color: #111827; font-size: 1.05rem; line-height: 1.25; }
.nem-doc-feature-card h2 { margin-bottom: 1rem; }
.nem-doc-product-card p,
.nem-doc-article-card p,
.nem-muted-text { margin: 0; color: #475569; line-height: 1.55; }
.nem-doc-meta { color: #64748b !important; font-size: .84rem; font-weight: 700; }
.nem-doc-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.nem-doc-compact-list { display: grid; gap: .75rem; }
.nem-doc-link-list { display: grid; gap: .65rem; }
.nem-doc-link-list a { display: grid; gap: .15rem; padding: .8rem .9rem; border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; color: #111827; text-decoration: none; transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease; }
.nem-doc-link-list a:hover { border-color: #1473ff; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(20,115,255,.10); }
.nem-doc-link-list a span { color: #64748b; font-size: .84rem; font-weight: 700; }
.nem-status-pill--active { background: #dcfce7; color: #166534; }
.nem-documentation-article .nem-rich-content { color: #111827; line-height: 1.7; }
.nem-documentation-article .nem-rich-content h2,
.nem-documentation-article .nem-rich-content h3 { color: #111827; }
.nem-documentation-article .nem-rich-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.nem-documentation-article .nem-rich-content th,
.nem-documentation-article .nem-rich-content td { border: 1px solid #e2e8f0; padding: .65rem .75rem; text-align: left; }
@media (max-width: 1020px) { .nem-documentation-overview-grid { grid-template-columns: 1fr; } .nem-documentation-filter-form { grid-template-columns: 1fr 1fr; } .nem-doc-filter-actions { grid-column: 1 / -1; } }
@media (max-width: 640px) { .nem-documentation-filter-form { grid-template-columns: 1fr; } .nem-doc-filter-actions { display: grid; grid-template-columns: 1fr; } .nem-documentation-product-grid, .nem-documentation-article-grid { grid-template-columns: 1fr; } .nem-doc-product-card, .nem-doc-article-card { padding: 1rem; } }

/* Phase 38R.40.1 Account Documents UI parity pass */
.com-ninjaextensionmanager.cx-account-documents {
    color: #111827 !important;
    padding: 1rem 0 2rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-account-documents-hero {
    margin-bottom: 1.5rem !important;
    overflow: hidden !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-account-documents-hero-actions {
    margin-top: 1.25rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-hero-art--documents {
    background: radial-gradient(circle at 30% 25%, rgba(53, 167, 255, .35), transparent 34%), linear-gradient(135deg, #F2F8FF, #EEF2FF) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-hero-art--documents .cx-icon-documents {
    width: 4.25rem !important;
    height: 4.25rem !important;
    border-radius: 1.35rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1473FF !important;
    background: #FFFFFF !important;
    box-shadow: 0 18px 36px rgba(20, 115, 255, .18) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-section,
.com-ninjaextensionmanager.cx-account-documents .cx-card-line {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid #D9E2EC !important;
    border-radius: 22px !important;
    background: #FFFFFF !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .07) !important;
    padding: 1.35rem !important;
    margin-bottom: 1.25rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-section::before,
.com-ninjaextensionmanager.cx-account-documents .cx-card-line::before,
.com-ninjaextensionmanager.cx-account-documents .cx-document-card::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #1473FF, #35A7FF, #7C3AED) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-section-header {
    margin-bottom: 1rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-section-header h2 {
    color: #111827 !important;
    font-size: clamp(1.25rem, 3vw, 1.75rem) !important;
    line-height: 1.18 !important;
    margin: 0 0 .35rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-section-header p {
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .9rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-stat {
    position: relative !important;
    min-height: 5.4rem !important;
    border: 1px solid #D9E2EC !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%) !important;
    padding: 1rem !important;
    display: grid !important;
    gap: .4rem !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-stat span {
    color: #475569 !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-stat strong {
    color: #0F172A !important;
    font-size: clamp(1.55rem, 4vw, 2.1rem) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .65rem !important;
    margin: 0 0 1.1rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-filter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .6rem !important;
    min-height: 2.75rem !important;
    padding: .7rem .95rem !important;
    border: 1px solid #D9E2EC !important;
    border-radius: 999px !important;
    background: #FFFFFF !important;
    color: #111827 !important;
    text-decoration: none !important;
    font-weight: 850 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .045) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-filter:hover,
.com-ninjaextensionmanager.cx-account-documents .cx-document-filter:focus {
    border-color: #BFD7FF !important;
    background: #F2F8FF !important;
    color: #0F5ED7 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-filter strong {
    min-width: 1.75rem !important;
    height: 1.75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #F2F8FF !important;
    color: #1473FF !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-filter.active {
    background: linear-gradient(135deg, #1473FF, #005FE6) !important;
    border-color: #1473FF !important;
    color: #FFFFFF !important;
    box-shadow: 0 12px 24px rgba(20, 115, 255, .18) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-filter.active * {
    color: #FFFFFF !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-filter.active strong {
    background: #FFFFFF !important;
    color: #1473FF !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-list {
    display: grid !important;
    gap: .95rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 3.25rem minmax(0, 1fr) auto !important;
    gap: 1rem !important;
    align-items: start !important;
    border: 1px solid #D9E2EC !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    padding: 1.2rem !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .065) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-card:hover {
    border-color: #BFD7FF !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .09) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-icon {
    width: 3.25rem !important;
    height: 3.25rem !important;
    border-radius: 16px !important;
    background: #EEF6FF !important;
    border: 1px solid #D7EAFF !important;
    position: relative !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-type {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 1.55rem !important;
    padding: .25rem .55rem !important;
    border-radius: 999px !important;
    background: #F2F8FF !important;
    color: #1473FF !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    margin-bottom: .45rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-main h3 {
    margin: 0 0 .35rem !important;
    color: #111827 !important;
    font-size: 1.12rem !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-main p {
    margin: 0 0 .75rem !important;
    color: #475569 !important;
    line-height: 1.55 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-main dl {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .55rem 1rem !important;
    margin: 0 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-main dl div {
    display: inline-flex !important;
    align-items: center !important;
    gap: .35rem !important;
    min-height: 1.75rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-main dt {
    color: #64748B !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-main dd {
    margin: 0 !important;
    color: #111827 !important;
    font-size: .9rem !important;
    font-weight: 750 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-actions {
    display: grid !important;
    gap: .55rem !important;
    min-width: 9rem !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-actions .cx-button,
.com-ninjaextensionmanager.cx-account-documents .cx-document-actions .cx-button-link,
.com-ninjaextensionmanager.cx-account-documents .cx-document-actions .cx-button-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.7rem !important;
    padding: .65rem .95rem !important;
    border-radius: 12px !important;
    font-weight: 850 !important;
    text-align: center !important;
    text-decoration: none !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-actions .cx-button-link {
    border: 1px solid #D9E2EC !important;
    background: #FFFFFF !important;
    color: #1473FF !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-document-actions .cx-button-primary {
    border: 1px solid #1473FF !important;
    background: linear-gradient(135deg, #1473FF, #005FE6) !important;
    color: #FFFFFF !important;
    box-shadow: 0 10px 20px rgba(20, 115, 255, .16) !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-status-chip--waiting {
    background: #FFF7ED !important;
    color: #C2410C !important;
    border-color: #FED7AA !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-status-chip--muted {
    background: #F1F5F9 !important;
    color: #475569 !important;
    border-color: #CBD5E1 !important;
}
.com-ninjaextensionmanager.cx-account-documents .cx-empty-notice {
    border: 1px dashed #BFD7FF !important;
    border-radius: 18px !important;
    background: #F8FAFC !important;
    padding: 1.25rem !important;
    color: #475569 !important;
    text-align: center !important;
}
@media (max-width: 900px) {
    .com-ninjaextensionmanager.cx-account-documents .cx-document-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-document-card {
        grid-template-columns: 3rem minmax(0, 1fr) !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-document-actions {
        grid-column: 1 / -1 !important;
        grid-template-columns: 1fr 1fr !important;
        min-width: 0 !important;
    }
}
@media (max-width: 640px) {
    .com-ninjaextensionmanager.cx-account-documents {
        padding: .75rem 0 1.5rem !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-account-documents-hero-actions,
    .com-ninjaextensionmanager.cx-account-documents .cx-button-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-account-documents-hero-actions .cx-btn,
    .com-ninjaextensionmanager.cx-account-documents .cx-button-row .cx-btn {
        width: 100% !important;
        justify-content: center !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-section,
    .com-ninjaextensionmanager.cx-account-documents .cx-card-line {
        border-radius: 18px !important;
        padding: 1rem !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-document-stats,
    .com-ninjaextensionmanager.cx-account-documents .cx-document-actions {
        grid-template-columns: 1fr !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-document-filters {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-document-filter {
        width: 100% !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-document-card {
        grid-template-columns: 1fr !important;
        gap: .85rem !important;
        padding: 1rem !important;
    }
    .com-ninjaextensionmanager.cx-account-documents .cx-document-main dl,
    .com-ninjaextensionmanager.cx-account-documents .cx-document-main dl div {
        display: grid !important;
        gap: .2rem !important;
    }
}


/* Phase 39.5R — Documentation UX + Support integration */
.cx-icon-docs::before { content: ""; display: inline-block; width: 1rem; height: 1rem; border-radius: .25rem; border: 2px solid currentColor; box-shadow: .28rem .28rem 0 -1px currentColor; }
.nem-documentation-center .nem-doc-product-actions,
.nem-documentation-center .nem-doc-article-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: 1rem; }
.nem-documentation-center .nem-doc-product-actions .nem-button,
.nem-documentation-center .nem-doc-article-actions .nem-button { justify-content: center; }
.com-ninjaextensionmanager.cx-support-page .cx-support-product-actions { gap: .65rem; flex-wrap: wrap; }
.com-ninjaextensionmanager.cx-support-page .cx-support-article small { display: block; max-width: 68ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 640px) {
  .nem-documentation-center .nem-doc-product-actions,
  .nem-documentation-center .nem-doc-article-actions { display: grid; grid-template-columns: 1fr; }
  .com-ninjaextensionmanager.cx-support-page .cx-support-product-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100%; }
  .com-ninjaextensionmanager.cx-support-page .cx-support-article small { white-space: normal; }
}

/* Phase 39.6R Documentation Deflection + Support Context */
.nem-documentation-center .nem-doc-support-bridge {
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid #d9e2ec;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(20,115,255,.08), rgba(124,58,237,.08));
  color: #334155;
}
.nem-documentation-center .nem-doc-support-bridge strong {
  display: block;
  color: #111827;
  font-size: 1rem;
  margin-bottom: .25rem;
}
.nem-documentation-center .nem-doc-support-bridge p { margin: 0; color: #475569; }
.nem-documentation-center .nem-doc-related-panel {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}
.nem-documentation-center .nem-doc-related-panel h3 { margin: 0 0 .85rem; color: #111827; }
.cx-doc-support-context {
  display: grid;
  gap: .25rem;
  margin-bottom: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid #bfdbfe;
  border-radius: 16px;
  background: #eff6ff;
  color: #1e3a8a;
}
.cx-doc-support-context strong { color: #0f172a; }
.cx-doc-support-context span { color: #334155; font-size: .94rem; }
@media (max-width: 640px) {
  .nem-documentation-center .nem-doc-support-bridge,
  .cx-doc-support-context { padding: .9rem; }
}

/* Phase 39.8R Documentation Reading Navigation UX */
.nem-documentation-center .nem-doc-reading-layout { display: grid; grid-template-columns: minmax(220px, .32fr) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.nem-documentation-center .nem-doc-reading-sidebar { position: sticky; top: 1rem; display: grid; gap: 1rem; }
.nem-documentation-center .nem-doc-reading-panel { border: 1px solid #e2e8f0; border-radius: 18px; background: #f8fafc; padding: 1rem; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.nem-documentation-center .nem-doc-reading-panel h3 { margin: 0 0 .75rem; color: #111827; font-size: 1rem; }
.nem-documentation-center .nem-doc-toc,
.nem-documentation-center .nem-doc-product-nav { display: grid; gap: .45rem; }
.nem-documentation-center .nem-doc-toc a,
.nem-documentation-center .nem-doc-product-nav a { display: block; border-radius: 12px; color: #1d4ed8; text-decoration: none; padding: .5rem .65rem; line-height: 1.35; }
.nem-documentation-center .nem-doc-toc a:hover,
.nem-documentation-center .nem-doc-product-nav a:hover,
.nem-documentation-center .nem-doc-product-nav a.is-active { background: #eef2ff; color: #312e81; }
.nem-documentation-center .nem-doc-toc-level-3 { margin-left: .75rem; font-size: .92rem; }
.nem-documentation-center .nem-doc-prev-next { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.25rem 0; }
.nem-documentation-center .nem-doc-prev-next > div { min-height: 72px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: 1rem; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.nem-documentation-center .nem-doc-prev-next span { display: block; margin-bottom: .35rem; color: #64748b; font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.nem-documentation-center .nem-doc-prev-next a { color: #1d4ed8; font-weight: 800; text-decoration: none; }
.nem-documentation-center .nem-doc-prev-next a:hover { color: #312e81; }
.nem-documentation-center .nem-rich-content h2,
.nem-documentation-center .nem-rich-content h3 { scroll-margin-top: 6rem; }
@media (max-width: 900px) {
  .nem-documentation-center .nem-doc-reading-layout { grid-template-columns: 1fr; }
  .nem-documentation-center .nem-doc-reading-sidebar { position: static; order: -1; }
}
@media (max-width: 640px) {
  .nem-documentation-center .nem-doc-prev-next { grid-template-columns: 1fr; }
  .nem-documentation-center .nem-doc-reading-panel { padding: .9rem; }
}


/* Phase 39.9R Documentation article feedback loop */
.nem-documentation-center .nem-doc-feedback-panel { margin: 1.25rem 0; padding: 1rem; border: 1px solid #dbeafe; border-radius: 20px; background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%); box-shadow: 0 12px 28px rgba(15,23,42,.08); }
.nem-documentation-center .nem-doc-feedback-panel h3 { margin: 0 0 .35rem; color: #111827; }
.nem-documentation-center .nem-doc-feedback-panel p { margin: 0 0 .85rem; color: #475569; }
.nem-documentation-center .nem-doc-feedback-form { display: grid; gap: .75rem; }
.nem-documentation-center .nem-doc-feedback-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.nem-documentation-center .nem-doc-feedback-form label { font-weight: 800; color: #1f2937; }
.nem-documentation-center .nem-doc-feedback-form textarea { width: 100%; border: 1px solid #cbd5e1; border-radius: 16px; padding: .85rem 1rem; background: #fff; color: #111827; min-height: 96px; }
@media (max-width: 640px) { .nem-documentation-center .nem-doc-feedback-actions { display: grid; grid-template-columns: 1fr; } .nem-documentation-center .nem-doc-feedback-actions .nem-button { width: 100%; justify-content: center; } }
\n/* Phase 39.10R Documentation print/share reading utilities */\n.nem-documentation-center .nem-doc-utility-panel{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin:0 0 1rem;padding:1rem;border:1px solid #dbeafe;border-radius:20px;background:linear-gradient(135deg,#f8fbff 0%,#f5f3ff 100%);box-shadow:0 10px 26px rgba(15,23,42,.07)}\n.nem-documentation-center .nem-doc-utility-meta{display:flex;gap:.65rem;flex-wrap:wrap;color:#475569;font-size:.92rem;line-height:1.5}\n.nem-documentation-center .nem-doc-utility-meta span{display:inline-flex;align-items:center;border:1px solid #e2e8f0;border-radius:999px;background:#fff;padding:.35rem .65rem}\n.nem-documentation-center .nem-doc-utility-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}\n.nem-documentation-center .nem-doc-copy-status{width:100%;margin:.25rem 0 0;color:#166534;font-weight:700}\n@media(max-width:720px){.nem-documentation-center .nem-doc-utility-panel{display:block}.nem-documentation-center .nem-doc-utility-actions{justify-content:stretch;margin-top:.85rem}.nem-documentation-center .nem-doc-utility-actions .nem-button{width:100%;justify-content:center}}\n@media print{.cx-portal-hero,.nem-documentation-search-card,.nem-doc-reading-sidebar,.nem-doc-feedback-panel,.nem-doc-article-actions,.nem-doc-support-bridge,.nem-doc-related-panel,.nem-doc-prev-next,.nem-doc-utility-actions{display:none!important}.nem-documentation-center,.nem-documentation-center .nem-card,.nem-documentation-center .nem-documentation-article{box-shadow:none!important;border:0!important;background:#fff!important}.nem-documentation-center .nem-rich-content{font-size:11pt;line-height:1.55;color:#111827}.nem-documentation-center a{color:#111827;text-decoration:none}}\n
/* Phase 39.11R Documentation Product Discovery + Jump Navigation */
.nem-documentation-center .nem-doc-discovery-card { margin-bottom: 1.25rem; }
.nem-documentation-center .nem-doc-discovery-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; margin: 1rem 0; }
.nem-documentation-center .nem-doc-discovery-stats > div { border: 1px solid #dbeafe; border-radius: 18px; background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%); padding: 1rem; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.nem-documentation-center .nem-doc-discovery-stats strong { display: block; color: #0f172a; font-size: 1.7rem; line-height: 1; margin-bottom: .35rem; }
.nem-documentation-center .nem-doc-discovery-stats span { color: #475569; font-weight: 700; font-size: .9rem; }
.nem-documentation-center .nem-doc-category-chips { display: flex; flex-wrap: wrap; gap: .65rem; }
.nem-documentation-center .nem-doc-category-chips a { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid #bfdbfe; border-radius: 999px; background: #eff6ff; color: #1d4ed8; padding: .55rem .75rem; text-decoration: none; box-shadow: 0 8px 18px rgba(15,23,42,.05); }
.nem-documentation-center .nem-doc-category-chips a:hover { background: #eef2ff; color: #312e81; border-color: #c4b5fd; }
.nem-documentation-center .nem-doc-category-chips strong { color: inherit; }
.nem-documentation-center .nem-doc-category-chips span { color: #475569; font-size: .85rem; }
@media (max-width: 760px) { .nem-documentation-center .nem-doc-discovery-stats { grid-template-columns: 1fr; } .nem-documentation-center .nem-doc-category-chips { display: grid; } .nem-documentation-center .nem-doc-category-chips a { justify-content: space-between; border-radius: 16px; } }

/* Phase 41R Client Portal Enterprise QA + Runtime Hardening */
.cx-portal-command-center { border-top: 4px solid transparent; border-image: linear-gradient(90deg,#1473ff,#7c3aed) 1; }
.cx-health-score { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 96px; min-height: 80px; padding: .85rem 1rem; border-radius: 20px; background: #f8fafc; border: 1px solid #e2e8f0; box-shadow: 0 12px 28px rgba(15,23,42,.08); text-align: center; }
.cx-health-score strong { color: #0f172a; font-size: 1.85rem; line-height: 1; }
.cx-health-score span { color: #475569; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.cx-health-score--healthy { background: #ecfdf5; border-color: #bbf7d0; }
.cx-health-score--attention { background: #fff7ed; border-color: #fed7aa; }
.cx-health-score--incomplete { background: #f8fafc; border-color: #cbd5e1; }
.cx-runtime-alerts { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 1rem; }
.cx-runtime-alerts span { display: inline-flex; border-radius: 999px; background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; font-weight: 800; padding: .45rem .75rem; }
.cx-runtime-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr); gap: 1rem; align-items: start; }
.cx-runtime-panel { border: 1px solid #e2e8f0; border-radius: 22px; background: linear-gradient(135deg,#fff 0%,#f8fbff 100%); padding: 1rem; box-shadow: 0 14px 34px rgba(15,23,42,.07); }
.cx-runtime-panel h3 { margin: 0 0 .9rem; color: #0f172a; font-size: 1.05rem; }
.cx-runtime-checklist { display: grid; gap: .7rem; }
.cx-runtime-check { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .8rem; align-items: center; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: .85rem; text-decoration: none; box-shadow: 0 8px 22px rgba(15,23,42,.05); }
.cx-runtime-check:hover { border-color: #bfdbfe; transform: translateY(-1px); }
.cx-runtime-check strong { display: block; color: #111827; }
.cx-runtime-check small { display: block; color: #64748b; margin-top: .18rem; line-height: 1.35; }
.cx-runtime-check em { border-radius: 999px; padding: .3rem .55rem; font-size: .75rem; font-style: normal; font-weight: 900; white-space: nowrap; }
.cx-runtime-check.is-complete em { background: #dcfce7; color: #166534; }
.cx-runtime-check.needs-attention em { background: #ffedd5; color: #9a3412; }
.cx-runtime-dot { width: .85rem; height: .85rem; border-radius: 999px; background: #16a34a; box-shadow: 0 0 0 4px #dcfce7; }
.cx-runtime-check.needs-attention .cx-runtime-dot { background: #f97316; box-shadow: 0 0 0 4px #ffedd5; }
.cx-action-map { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
.cx-action-map a { display: block; border: 1px solid #dbeafe; border-radius: 18px; background: #fff; padding: .85rem; text-decoration: none; box-shadow: 0 8px 22px rgba(15,23,42,.05); }
.cx-action-map a:hover { background: #eef2ff; border-color: #c4b5fd; }
.cx-action-map strong { display: block; color: #1d4ed8; margin-bottom: .25rem; }
.cx-action-map span { color: #475569; font-size: .9rem; line-height: 1.35; }
@media (max-width: 920px) { .cx-runtime-grid { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .cx-health-score { width: 100%; } .cx-runtime-check { grid-template-columns: auto minmax(0,1fr); } .cx-runtime-check em { grid-column: 2; justify-self: start; } .cx-action-map { grid-template-columns: 1fr; } }


/* Phase 42R Client Portal Operations Automation + Continuity */
.cx-runtime-grid--operations { margin-top: 1rem; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); }
.cx-operations-queue > p,
.cx-continuity-snapshot > p { margin: -.35rem 0 .9rem; color: #64748b; line-height: 1.45; }
.cx-queue-list { display: grid; gap: .75rem; }
.cx-queue-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .85rem; align-items: center; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: .9rem; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.cx-queue-item strong { display: block; color: #0f172a; }
.cx-queue-item small { display: block; color: #64748b; margin-top: .2rem; line-height: 1.35; }
.cx-queue-priority { border-radius: 999px; padding: .35rem .6rem; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.cx-queue-item.priority-high { border-color: #fed7aa; background: #fff7ed; }
.cx-queue-item.priority-medium { border-color: #bfdbfe; background: #eff6ff; }
.cx-queue-item.priority-low { border-color: #bbf7d0; background: #f0fdf4; }
.cx-queue-item.priority-high .cx-queue-priority { background: #fed7aa; color: #9a3412; }
.cx-queue-item.priority-medium .cx-queue-priority { background: #dbeafe; color: #1d4ed8; }
.cx-queue-item.priority-low .cx-queue-priority { background: #dcfce7; color: #166534; }
.cx-continuity-snapshot dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; margin: 0 0 1rem; }
.cx-continuity-snapshot dl div { border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; padding: .85rem; }
.cx-continuity-snapshot dt { color: #64748b; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.cx-continuity-snapshot dd { margin: .25rem 0 0; color: #0f172a; font-size: 1.35rem; font-weight: 900; }
@media (max-width: 920px) { .cx-runtime-grid--operations { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .cx-queue-item { grid-template-columns: 1fr; } .cx-queue-priority { justify-self: start; } .cx-queue-item .cx-btn { width: 100%; justify-content: center; } .cx-continuity-snapshot dl { grid-template-columns: 1fr; } }

/* Phase 43R Client Portal Recovery Playbook + Assurance Matrix */
.cx-runtime-grid--playbook { margin-top: 1rem; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); }
.cx-recovery-playbook > p,
.cx-assurance-matrix > p { margin: -.35rem 0 .9rem; color: #64748b; line-height: 1.45; }
.cx-playbook-list { display: grid; gap: .75rem; }
.cx-playbook-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .85rem; align-items: center; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: .9rem; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.cx-playbook-item strong { display: block; color: #0f172a; }
.cx-playbook-item small { display: block; color: #64748b; line-height: 1.35; margin-top: .2rem; }
.cx-playbook-status { border-radius: 999px; padding: .35rem .6rem; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.cx-playbook-item.is-ready { border-color: #bbf7d0; background: #f0fdf4; }
.cx-playbook-item.needs-attention { border-color: #fed7aa; background: #fff7ed; }
.cx-playbook-item.is-ready .cx-playbook-status { background: #dcfce7; color: #166534; }
.cx-playbook-item.needs-attention .cx-playbook-status { background: #fed7aa; color: #9a3412; }
.cx-assurance-list { display: grid; gap: .7rem; margin-bottom: 1rem; }
.cx-assurance-item { display: flex; align-items: center; justify-content: space-between; gap: .85rem; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; padding: .85rem; }
.cx-assurance-item span { color: #64748b; font-weight: 800; font-size: .88rem; }
.cx-assurance-item strong { color: #0f172a; font-size: 1rem; text-align: right; }
.cx-assurance-ready { border-color: #bbf7d0; background: #f0fdf4; }
.cx-assurance-attention { border-color: #fed7aa; background: #fff7ed; }
@media (max-width: 920px) { .cx-runtime-grid--playbook { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .cx-playbook-item { grid-template-columns: 1fr; } .cx-playbook-status { justify-self: start; } .cx-playbook-item .cx-btn { width: 100%; justify-content: center; } .cx-assurance-item { align-items: flex-start; flex-direction: column; } .cx-assurance-item strong { text-align: left; } }

/* Phase 44R Client Portal Executive Briefing + Handoff Readiness */
.cx-runtime-grid--briefing { margin-top: 1rem; grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr); }
.cx-executive-briefing > p,
.cx-handoff-notes > p { margin: -.35rem 0 .9rem; color: #64748b; line-height: 1.45; }
.cx-briefing-list { display: grid; gap: .75rem; }
.cx-briefing-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .85rem; align-items: center; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: .95rem; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.cx-briefing-item strong { display: block; color: #0f172a; }
.cx-briefing-item small { display: block; color: #64748b; line-height: 1.35; margin-top: .2rem; }
.cx-briefing-ready { border-color: #bbf7d0; background: #f0fdf4; }
.cx-briefing-attention { border-color: #fed7aa; background: #fff7ed; }
.cx-handoff-notes dl { display: grid; gap: .7rem; margin: 0 0 1rem; }
.cx-handoff-notes dl div { display: flex; align-items: center; justify-content: space-between; gap: .85rem; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; padding: .85rem; }
.cx-handoff-notes dt { color: #64748b; font-size: .8rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.cx-handoff-notes dd { margin: 0; color: #0f172a; font-weight: 900; text-align: right; }
@media (max-width: 920px) { .cx-runtime-grid--briefing { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .cx-briefing-item { grid-template-columns: 1fr; } .cx-briefing-item .cx-btn { width: 100%; justify-content: center; } .cx-handoff-notes dl div { flex-direction: column; align-items: flex-start; } .cx-handoff-notes dd { text-align: left; } }


/* Phase 45R Client Portal Success Plan + Escalation Readiness */
.cx-runtime-grid--success-plan { margin-top: 1rem; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); }
.cx-success-plan > p,
.cx-escalation-readiness > p { margin: -.35rem 0 .9rem; color: #64748b; line-height: 1.45; }
.cx-success-plan-list { display: grid; gap: .75rem; }
.cx-success-plan-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .85rem; align-items: center; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: .95rem; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.cx-success-plan-item strong { display: block; color: #0f172a; }
.cx-success-plan-item small { display: block; color: #64748b; line-height: 1.35; margin-top: .2rem; }
.cx-success-plan-status { border-radius: 999px; padding: .35rem .6rem; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.cx-success-plan-item.success-complete { border-color: #bbf7d0; background: #f0fdf4; }
.cx-success-plan-item.success-attention { border-color: #fed7aa; background: #fff7ed; }
.cx-success-plan-item.success-complete .cx-success-plan-status { background: #dcfce7; color: #166534; }
.cx-success-plan-item.success-attention .cx-success-plan-status { background: #fed7aa; color: #9a3412; }
.cx-escalation-list { display: grid; gap: .7rem; margin-bottom: 1rem; }
.cx-escalation-item { display: flex; align-items: center; justify-content: space-between; gap: .85rem; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; padding: .85rem; text-decoration: none; }
.cx-escalation-item span { color: #64748b; font-weight: 900; font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; }
.cx-escalation-item strong { color: #0f172a; font-size: 1rem; text-align: right; }
.cx-escalation-ready { border-color: #bbf7d0; background: #f0fdf4; }
.cx-escalation-attention { border-color: #fed7aa; background: #fff7ed; }
@media (max-width: 920px) { .cx-runtime-grid--success-plan { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .cx-success-plan-item { grid-template-columns: 1fr; } .cx-success-plan-status { justify-self: start; } .cx-success-plan-item .cx-btn { width: 100%; justify-content: center; } .cx-escalation-item { flex-direction: column; align-items: flex-start; } .cx-escalation-item strong { text-align: left; } }

/* Phase 47R Customer Lifecycle & Subscription Operations */
.cx-lifecycle-customer { border-top: 4px solid #1473ff; }
.cx-lifecycle-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; margin: 1rem 0; }
.cx-lifecycle-card { border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: 1rem; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.cx-lifecycle-card small { display: block; color: #64748b; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.cx-lifecycle-card strong { display: block; color: #0f172a; font-size: 1.15rem; margin: .35rem 0 .65rem; }
.cx-lifecycle-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.cx-status-chip--warning { background: #fff7ed; color: #9a3412; border-color: #fed7aa; }
@media (max-width: 820px) { .cx-lifecycle-card-grid { grid-template-columns: 1fr; } .cx-lifecycle-actions .cx-btn { flex: 1 1 100%; justify-content: center; } }

/* Phase 48R - Marketplace Full UX Redesign */
.nem48-marketplace{--nem48-blue:#1167ff;--nem48-purple:#6d4cff;--nem48-ink:#101828;--nem48-muted:#667085;--nem48-line:#e5e7eb;--nem48-soft:#f8fbff;max-width:1280px;margin:0 auto;padding:24px 18px 56px;color:var(--nem48-ink)}
.nem48-marketplace a{text-decoration:none}.nem48-market-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:28px;align-items:center;padding:34px;border:1px solid rgba(17,103,255,.14);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f4f8ff 55%,#f5f0ff 100%);box-shadow:0 18px 50px rgba(16,24,40,.08);position:relative;overflow:hidden}.nem48-market-hero:before{content:"";position:absolute;inset:0 0 auto auto;width:360px;height:220px;background:radial-gradient(circle,rgba(109,76,255,.16),transparent 68%);pointer-events:none}.nem48-market-hero__copy{position:relative;z-index:1}.nem48-market-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:10px 0 14px;letter-spacing:-.04em}.nem48-market-hero p{max-width:640px;color:var(--nem48-muted);font-size:1.06rem;line-height:1.65}.nem48-hero-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:640px;margin-top:22px}.nem48-hero-search .nem-input{min-height:52px;border-radius:15px;border:1px solid var(--nem48-line);box-shadow:0 10px 26px rgba(16,24,40,.06)}.nem48-market-hero__metrics{position:relative;z-index:1;display:grid;gap:14px}.nem48-market-hero__metrics div{padding:18px;border:1px solid rgba(17,103,255,.12);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(16,24,40,.06)}.nem48-market-hero__metrics strong{display:block;font-size:1.65rem}.nem48-market-hero__metrics span{color:var(--nem48-muted);font-size:.9rem}.nem48-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:32px 0 16px}.nem48-section-head h2{margin:0;font-size:1.35rem}.nem48-section-head p{margin:4px 0 0;color:var(--nem48-muted)}.nem48-section-head a{color:var(--nem48-blue);font-weight:700}.nem48-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.nem48-category-card{display:flex;flex-direction:column;gap:9px;min-height:128px;padding:20px;border:1px solid var(--nem48-line);border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(16,24,40,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.nem48-category-card:hover,.nem48-category-card.is-active{transform:translateY(-2px);border-color:rgba(17,103,255,.35);box-shadow:0 18px 36px rgba(17,103,255,.10)}.nem48-category-card .nem-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--nem48-blue),var(--nem48-purple));color:#fff;display:inline-flex;align-items:center;justify-content:center}.nem48-category-card strong{font-size:1rem}.nem48-category-card em{font-style:normal;color:var(--nem48-muted);font-size:.85rem}.nem48-shelf{margin-top:28px}.nem48-product-row,.nem48-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.nem48-compact-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.nem48-product-card{display:grid;gap:14px;border:1px solid var(--nem48-line);border-radius:22px;background:#fff;padding:18px;box-shadow:0 10px 26px rgba(16,24,40,.05);min-width:0}.nem48-product-card__icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#0b6bff,#724cff);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.nem48-product-card__icon img{width:100%;height:100%;object-fit:cover}.nem48-product-card__icon .nem-icon{font-size:1.5rem}.nem48-product-card__meta,.nem48-product-card__signals{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--nem48-muted);font-size:.82rem}.nem48-product-card__meta span,.nem48-product-card__signals span{background:#f4f7fb;border-radius:999px;padding:4px 8px}.nem48-product-card h3{font-size:1.03rem;margin:8px 0 6px;line-height:1.3}.nem48-product-card h3 a{color:var(--nem48-ink)}.nem48-product-card p{color:var(--nem48-muted);line-height:1.55;margin:0}.nem48-product-card__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.nem48-product-card__actions strong{margin-right:auto;color:var(--nem48-blue);font-size:1.05rem}.nem48-product-card--compact{grid-template-columns:48px minmax(0,1fr);align-items:start;padding:14px;border-radius:18px}.nem48-product-card--compact .nem48-product-card__icon{width:48px;height:48px;border-radius:14px}.nem48-product-card--compact .nem48-product-card__actions{grid-column:1/-1}.nem48-product-card--compact p{display:none}.nem48-results{margin-top:34px}.nem48-results__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.nem48-results__head h2{margin:.2rem 0 0}.nem48-listing-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.nem48-filter-sidebar{position:sticky;top:18px}.nem48-filter-panel{display:grid;gap:14px;padding:18px;border:1px solid var(--nem48-line);border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(16,24,40,.05)}.nem48-filter-panel label{display:grid;gap:7px;font-weight:700;font-size:.88rem;color:#344054}.nem48-filter-actions{display:flex;gap:10px;flex-wrap:wrap}.nem48-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--nem48-muted)}.nem48-mobile-filter{display:none}.nem48-doc-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:34px;padding:22px;border:1px solid rgba(109,76,255,.16);border-radius:24px;background:linear-gradient(135deg,#f8f5ff,#f6fbff);box-shadow:0 12px 28px rgba(16,24,40,.05)}.nem48-doc-cta>div{display:flex;align-items:center;gap:14px}.nem48-doc-cta .nem-icon{width:48px;height:48px;border-radius:16px;background:#fff;color:var(--nem48-purple);display:inline-flex;align-items:center;justify-content:center}.nem48-doc-cta p{margin:3px 0 0;color:var(--nem48-muted)}
.nem-product-detail .nem-product-hero,.nem-route-checkout .nem-checkout-hero{border-radius:28px;background:linear-gradient(135deg,#fff,#f4f8ff 60%,#f8f4ff);border:1px solid rgba(17,103,255,.14);box-shadow:0 18px 50px rgba(16,24,40,.08)}.nem-product-purchase-panel .nem-purchase-card,.nem-checkout-summary__panel{border-radius:24px;border-top:4px solid var(--nem48-blue);box-shadow:0 18px 44px rgba(16,24,40,.10)}.nem-checkout-layout{align-items:start}.nem-checkout-card,.nem-checkout-confidence{border-radius:22px;border:1px solid var(--nem48-line);box-shadow:0 10px 26px rgba(16,24,40,.05)}.nem-mobile-checkout-bar{box-shadow:0 -12px 32px rgba(16,24,40,.12)}
@media (max-width:1100px){.nem48-product-row,.nem48-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nem48-compact-row,.nem48-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nem48-market-hero{grid-template-columns:1fr}.nem48-market-hero__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.nem48-listing-layout{grid-template-columns:1fr}.nem48-filter-sidebar{display:none}.nem48-mobile-filter{display:block}.nem48-mobile-filter summary{cursor:pointer;padding:12px 16px;border:1px solid var(--nem48-line);border-radius:14px;background:#fff;font-weight:700}}
@media (max-width:760px){.nem48-marketplace{padding:14px 12px 38px}.nem48-market-hero{padding:22px;border-radius:22px}.nem48-market-hero h1{font-size:2rem}.nem48-hero-search{grid-template-columns:1fr}.nem48-market-hero__metrics{grid-template-columns:1fr}.nem48-section-head{align-items:flex-start;flex-direction:column;margin-top:24px}.nem48-category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.nem48-category-card{min-width:170px;scroll-snap-align:start}.nem48-product-row,.nem48-product-grid,.nem48-compact-row{grid-template-columns:1fr}.nem48-product-card{grid-template-columns:58px minmax(0,1fr);align-items:start}.nem48-product-card__actions{grid-column:1/-1}.nem48-doc-cta{align-items:stretch;flex-direction:column}.nem48-doc-cta>div{align-items:flex-start}.nem48-results__head{align-items:flex-start;flex-direction:column}.nem-product-detail .nem-product-hero,.nem-route-checkout .nem-checkout-hero{border-radius:22px}.nem-checkout-layout{display:block}.nem-checkout-summary{margin-top:18px}}


/* Phase 48.5R Marketplace correction: approved marketplace-only redesign. */
.com-ninjaextensionmanager.nem-marketplace-redesign{
  --mkt-navy:#061c3f;--mkt-blue:#1473ff;--mkt-cyan:#35a7ff;--mkt-ink:#081120;--mkt-muted:#53627a;--mkt-line:#dbe5f2;--mkt-soft:#f7f9fc;--mkt-card:#fff;
  max-width:1320px!important;margin:0 auto!important;padding:0 18px 42px!important;color:var(--mkt-ink)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.com-ninjaextensionmanager.nem-marketplace-redesign *{box-sizing:border-box!important;}
.com-ninjaextensionmanager.nem-marketplace-redesign :where(h1,h2,h3,p){margin-top:0!important;}
.com-ninjaextensionmanager.nem-marketplace-redesign a{text-decoration:none!important;}
.com-ninjaextensionmanager.nem-marketplace-redesign svg{width:22px!important;height:22px!important;display:block!important;fill:currentColor!important;}
.com-ninjaextensionmanager .nem-mkt-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,520px)!important;gap:32px!important;align-items:center!important;padding:34px!important;margin:12px 0 26px!important;border:1px solid var(--mkt-line)!important;border-radius:22px!important;background:linear-gradient(135deg,#fff 0%,#f5f9ff 58%,#eef6ff 100%)!important;box-shadow:0 18px 44px rgba(6,28,63,.08)!important;overflow:hidden!important;}
.com-ninjaextensionmanager .nem-mkt-pill{display:inline-flex!important;align-items:center!important;width:max-content!important;padding:7px 11px!important;border-radius:999px!important;background:#eaf2ff!important;color:var(--mkt-blue)!important;font-size:.78rem!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;margin-bottom:16px!important;}
.com-ninjaextensionmanager .nem-mkt-hero h1{max-width:740px!important;font-size:clamp(2.1rem,5vw,4.1rem)!important;line-height:1.03!important;letter-spacing:-.055em!important;color:var(--mkt-ink)!important;margin-bottom:16px!important;font-weight:900!important;}
.com-ninjaextensionmanager .nem-mkt-hero p{max-width:650px!important;font-size:1.05rem!important;line-height:1.65!important;color:var(--mkt-muted)!important;margin-bottom:18px!important;}
.com-ninjaextensionmanager .nem-mkt-hero__actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:16px!important;}
.com-ninjaextensionmanager .nem-mkt-search{display:flex!important;align-items:center!important;gap:10px!important;width:min(680px,100%)!important;background:#fff!important;border:1px solid var(--mkt-line)!important;border-radius:14px!important;padding:8px 8px 8px 14px!important;box-shadow:0 10px 30px rgba(6,28,63,.08)!important;margin:0 0 16px!important;}
.com-ninjaextensionmanager .nem-mkt-search span{color:var(--mkt-muted)!important;flex:0 0 auto!important;}
.com-ninjaextensionmanager .nem-mkt-search input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;min-width:0!important;flex:1 1 auto!important;font-size:.98rem!important;color:var(--mkt-ink)!important;padding:8px!important;}
.com-ninjaextensionmanager .nem-mkt-search button{border:0!important;border-radius:11px!important;background:var(--mkt-blue)!important;color:#fff!important;font-weight:800!important;padding:11px 18px!important;cursor:pointer!important;}
.com-ninjaextensionmanager .nem-mkt-trust-row{display:flex!important;gap:16px!important;flex-wrap:wrap!important;color:#31415f!important;font-size:.92rem!important;font-weight:700!important;}
.com-ninjaextensionmanager .nem-mkt-trust-row span{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.com-ninjaextensionmanager .nem-mkt-trust-row svg{width:18px!important;height:18px!important;color:var(--mkt-blue)!important;}
.com-ninjaextensionmanager .nem-mkt-hero__preview{display:block!important;}
.com-ninjaextensionmanager .nem-mkt-browser-card{background:#fff!important;border:1px solid var(--mkt-line)!important;border-radius:18px!important;padding:22px!important;box-shadow:0 24px 55px rgba(6,28,63,.14)!important;transform:rotate(1deg)!important;}
.com-ninjaextensionmanager .nem-mkt-browser-bar{display:flex!important;gap:7px!important;margin-bottom:18px!important;}.com-ninjaextensionmanager .nem-mkt-browser-bar i{width:10px!important;height:10px!important;border-radius:50%!important;background:#d8e3f2!important;}
.com-ninjaextensionmanager .nem-mkt-browser-card strong{font-size:1.25rem!important;color:var(--mkt-ink)!important;}.com-ninjaextensionmanager .nem-mkt-browser-card p{font-size:.94rem!important;margin:6px 0 18px!important;}
.com-ninjaextensionmanager .nem-mkt-preview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}.com-ninjaextensionmanager .nem-mkt-preview-grid span{border:1px solid var(--mkt-line)!important;border-radius:14px!important;padding:16px!important;text-align:center!important;color:var(--mkt-blue)!important;background:var(--mkt-soft)!important;}.com-ninjaextensionmanager .nem-mkt-preview-grid small{display:block!important;margin-top:8px!important;color:var(--mkt-ink)!important;font-weight:800!important;}
.com-ninjaextensionmanager .nem-mkt-section{margin:0 0 30px!important;}.com-ninjaextensionmanager .nem-mkt-section__head{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-end!important;margin:0 0 14px!important;}.com-ninjaextensionmanager .nem-mkt-section__head h2{font-size:1.55rem!important;letter-spacing:-.025em!important;color:var(--mkt-ink)!important;margin:0 0 4px!important;}.com-ninjaextensionmanager .nem-mkt-section__head p{color:var(--mkt-muted)!important;font-size:.96rem!important;margin:0!important;}.com-ninjaextensionmanager .nem-mkt-section__head a{color:var(--mkt-blue)!important;font-weight:800!important;white-space:nowrap!important;}
.com-ninjaextensionmanager .nem-mkt-family-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;}.com-ninjaextensionmanager .nem-mkt-family-card{display:block!important;padding:18px!important;min-height:170px!important;border:1px solid var(--mkt-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(6,28,63,.05)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;}.com-ninjaextensionmanager .nem-mkt-family-card:hover,.com-ninjaextensionmanager .nem-mkt-family-card.is-active{transform:translateY(-2px)!important;border-color:var(--mkt-blue)!important;box-shadow:0 18px 38px rgba(20,115,255,.13)!important;}.com-ninjaextensionmanager .nem-mkt-family-card strong{display:block!important;margin:12px 0 7px!important;color:var(--mkt-ink)!important;font-size:1rem!important;}.com-ninjaextensionmanager .nem-mkt-family-card p{color:var(--mkt-muted)!important;font-size:.92rem!important;line-height:1.45!important;margin-bottom:12px!important;}.com-ninjaextensionmanager .nem-mkt-family-card em{font-style:normal!important;color:var(--mkt-blue)!important;font-weight:800!important;font-size:.9rem!important;}
.com-ninjaextensionmanager .nem-mkt-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:54px!important;border-radius:15px!important;color:#fff!important;background:linear-gradient(135deg,var(--mkt-blue),#0051d9)!important;box-shadow:0 10px 25px rgba(20,115,255,.22)!important;}.com-ninjaextensionmanager .nem-mkt-icon--theme{background:linear-gradient(135deg,#12b76a,#079455)!important;}.com-ninjaextensionmanager .nem-mkt-icon--widget{background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;}.com-ninjaextensionmanager .nem-mkt-icon--layout-pack{background:linear-gradient(135deg,#f97316,#ea580c)!important;}.com-ninjaextensionmanager .nem-mkt-icon--starter-site{background:linear-gradient(135deg,#14b8a6,#0f766e)!important;}.com-ninjaextensionmanager .nem-mkt-icon svg{width:25px!important;height:25px!important;}
.com-ninjaextensionmanager .nem-mkt-card-row,.com-ninjaextensionmanager .nem-mkt-mini-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}.com-ninjaextensionmanager .nem-mkt-layout{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;}.com-ninjaextensionmanager .nem-mkt-filter-card{position:sticky!important;top:16px!important;border:1px solid var(--mkt-line)!important;border-radius:18px!important;background:#fff!important;padding:18px!important;box-shadow:0 10px 25px rgba(6,28,63,.05)!important;}.com-ninjaextensionmanager .nem-mkt-filter-card h3{font-size:1.05rem!important;margin:0 0 14px!important;color:var(--mkt-ink)!important;}.com-ninjaextensionmanager .nem-mkt-filter-card label{display:block!important;margin:14px 0 7px!important;font-weight:800!important;font-size:.86rem!important;color:var(--mkt-ink)!important;}.com-ninjaextensionmanager .nem-mkt-filter-card :where(input,select){width:100%!important;min-height:42px!important;border:1px solid var(--mkt-line)!important;border-radius:11px!important;padding:8px 10px!important;background:#fff!important;}.com-ninjaextensionmanager .nem-mkt-filter-actions{display:grid!important;gap:9px!important;margin-top:16px!important;}
.com-ninjaextensionmanager .nem-mkt-products-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}.com-ninjaextensionmanager .nem-mkt-product-card{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;border:1px solid var(--mkt-line)!important;border-radius:18px!important;background:#fff!important;padding:16px!important;box-shadow:0 10px 26px rgba(6,28,63,.05)!important;min-height:220px!important;}.com-ninjaextensionmanager .nem-mkt-product-card--row,.com-ninjaextensionmanager .nem-mkt-product-card--compact{min-height:unset!important;}.com-ninjaextensionmanager .nem-mkt-product-card__icon img{width:54px!important;height:54px!important;object-fit:cover!important;border-radius:14px!important;}.com-ninjaextensionmanager .nem-mkt-product-card__type{font-size:.78rem!important;font-weight:800!important;color:var(--mkt-blue)!important;margin-bottom:4px!important;}.com-ninjaextensionmanager .nem-mkt-product-card h3{font-size:1rem!important;line-height:1.25!important;margin:0 0 8px!important;color:var(--mkt-ink)!important;}.com-ninjaextensionmanager .nem-mkt-product-card h3 a{color:inherit!important;}.com-ninjaextensionmanager .nem-mkt-product-card p{font-size:.92rem!important;line-height:1.45!important;color:var(--mkt-muted)!important;margin:0 0 10px!important;}.com-ninjaextensionmanager .nem-mkt-product-card__meta{display:flex!important;gap:6px!important;flex-wrap:wrap!important;}.com-ninjaextensionmanager .nem-mkt-product-card__meta span{font-size:.76rem!important;color:#42526e!important;background:#f1f5fb!important;border:1px solid #e1e9f4!important;border-radius:999px!important;padding:4px 7px!important;}.com-ninjaextensionmanager .nem-mkt-product-card__actions{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:4px!important;}.com-ninjaextensionmanager .nem-mkt-product-card__actions strong{margin-right:auto!important;color:var(--mkt-ink)!important;}
.com-ninjaextensionmanager .nem-mkt-doc-cta,.com-ninjaextensionmanager .nem-mkt-empty{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;border:1px solid var(--mkt-line)!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,#f4f8ff)!important;padding:20px!important;margin-top:18px!important;}.com-ninjaextensionmanager .nem-mkt-doc-cta strong,.com-ninjaextensionmanager .nem-mkt-empty h3{color:var(--mkt-ink)!important;font-size:1.08rem!important;}.com-ninjaextensionmanager .nem-mkt-doc-cta p,.com-ninjaextensionmanager .nem-mkt-empty p{color:var(--mkt-muted)!important;margin:4px 0 0!important;}.com-ninjaextensionmanager .nem-mkt-pagination{grid-column:1/-1!important;margin-top:10px!important;}
@media (max-width:1100px){.com-ninjaextensionmanager .nem-mkt-hero{grid-template-columns:1fr!important;}.com-ninjaextensionmanager .nem-mkt-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.com-ninjaextensionmanager .nem-mkt-card-row,.com-ninjaextensionmanager .nem-mkt-mini-list,.com-ninjaextensionmanager .nem-mkt-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.com-ninjaextensionmanager .nem-mkt-layout{grid-template-columns:1fr!important;}.com-ninjaextensionmanager .nem-mkt-filter-card{position:static!important;}}
@media (max-width:700px){.com-ninjaextensionmanager.nem-marketplace-redesign{padding:0 12px 28px!important;}.com-ninjaextensionmanager .nem-mkt-hero{padding:22px!important;border-radius:18px!important;}.com-ninjaextensionmanager .nem-mkt-hero h1{font-size:2.1rem!important;}.com-ninjaextensionmanager .nem-mkt-hero__preview{display:none!important;}.com-ninjaextensionmanager .nem-mkt-search{display:grid!important;grid-template-columns:auto 1fr!important;}.com-ninjaextensionmanager .nem-mkt-search button{grid-column:1/-1!important;width:100%!important;}.com-ninjaextensionmanager .nem-mkt-trust-row{display:grid!important;grid-template-columns:1fr!important;}.com-ninjaextensionmanager .nem-mkt-family-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:8px!important;}.com-ninjaextensionmanager .nem-mkt-family-card{min-width:180px!important;scroll-snap-align:start!important;}.com-ninjaextensionmanager .nem-mkt-card-row,.com-ninjaextensionmanager .nem-mkt-mini-list,.com-ninjaextensionmanager .nem-mkt-products-grid{grid-template-columns:1fr!important;}.com-ninjaextensionmanager .nem-mkt-section__head{align-items:flex-start!important;}.com-ninjaextensionmanager .nem-mkt-product-card{min-height:unset!important;}.com-ninjaextensionmanager .nem-mkt-doc-cta{display:block!important;}.com-ninjaextensionmanager .nem-mkt-doc-cta .nem-button{margin-top:12px!important;width:100%!important;}}

/* Phase 49R approved marketplace mockup wiring */
.nem-marketplace{--nem-navy:#061c3f;--nem-blue:#1473ff;--nem-soft:#f7f9fc;--nem-border:#d9e2ec;--nem-text:#0b1736;--nem-muted:#51617a;max-width:1180px;margin:0 auto;padding:24px;color:var(--nem-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.nem-marketplace *{box-sizing:border-box}.nem-marketplace a{color:#075eea;text-decoration:none}.nem-mkt-breadcrumb{font-size:.9rem;color:#5b6b84;margin:0 0 22px}.nem-mkt-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:40px;align-items:center;padding:46px 24px;border-bottom:1px solid var(--nem-border);background:linear-gradient(120deg,#fff,#eef6ff)}.nem-mkt-hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02;margin:0 0 18px;color:var(--nem-navy);letter-spacing:-.05em}.nem-mkt-hero h1 span{color:var(--nem-blue)}.nem-mkt-hero p,.nem-mkt-page-head p,.nem-mkt-category-title p{font-size:1.08rem;color:var(--nem-muted);max-width:620px}.nem-mkt-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.nem-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;font-weight:800;border:1px solid #b9cff5}.nem-button-primary{background:linear-gradient(135deg,#1473ff,#075eea);color:#fff!important;border-color:#1473ff}.nem-button-secondary{background:#fff;color:#075eea!important}.nem-button-block{width:100%}.nem-mkt-trust-row,.nem-mkt-feature-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px;color:#34445c;font-weight:700}.nem-mkt-preview-window{background:#fff;border:1px solid var(--nem-border);border-radius:22px;padding:28px;box-shadow:0 20px 50px rgba(6,28,63,.12)}.nem-mkt-preview-families{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.nem-mkt-preview-families span:nth-child(even){display:block;font-size:.78rem;font-weight:800}.nem-mkt-section{margin:28px 0}.nem-mkt-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.nem-mkt-section-head h2,.nem-mkt-page-head h1,.nem-mkt-category-title h1,.nem-plans-hero h1,.nem-doc-hero h1{margin:0;color:var(--nem-navy);letter-spacing:-.035em}.nem-mkt-section-head p{margin:.35rem 0 0;color:var(--nem-muted)}.nem-mkt-family-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.nem-mkt-family-grid--compact{grid-template-columns:repeat(5,minmax(140px,1fr))}.nem-mkt-family-card,.nem-mkt-product-card,.nem-doc-card,.nem-plan-card,.nem-product-buy-card,.nem-order-summary,.nem-cart-items,.nem-confirm-success,.nem-purchased-items,.nem-whats-next,.nem-access-panel,.nem-doc-hero,.nem-mkt-suggestion-card{background:#fff;border:1px solid var(--nem-border);border-radius:16px;box-shadow:0 10px 28px rgba(6,28,63,.05)}.nem-mkt-family-card{padding:22px;min-height:150px;display:flex;flex-direction:column;gap:8px}.nem-mkt-family-card strong{font-size:1.04rem;color:var(--nem-navy)}.nem-mkt-family-card p{color:var(--nem-muted);font-size:.94rem;margin:0;line-height:1.45}.nem-mkt-icon{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:14px;background:#eaf2ff;color:#1473ff;flex:0 0 auto}.nem-mkt-icon svg{width:28px;height:28px;fill:currentColor}.nem-mkt-icon--theme{background:#ecfff4;color:#16a34a}.nem-mkt-icon--widget{background:#f1ecff;color:#6d32df}.nem-mkt-icon--layout{background:#fff3e7;color:#f97316}.nem-mkt-icon--starter{background:#e6fbff;color:#0097a7}.nem-mkt-icon--bundle{background:#eef2ff;color:#4f46e5}.nem-mkt-product-row,.nem-mkt-product-grid,.nem-doc-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.nem-mkt-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nem-mkt-product-card{position:relative;padding:22px;display:grid;grid-template-columns:64px 1fr;gap:14px;min-height:190px}.nem-mkt-product-card h3{margin:0 0 8px;font-size:1rem;color:var(--nem-navy)}.nem-mkt-product-card p{margin:0;color:var(--nem-muted);line-height:1.45}.nem-mkt-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.nem-mkt-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#eef3fb;color:#33445d;font-size:.78rem;font-weight:800}.nem-mkt-badge--green{background:#ddf8e7;color:#117a3b}.nem-mkt-product-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.nem-mkt-price{font-size:1.05rem;color:var(--nem-navy)}.nem-mkt-cart{width:38px;height:38px;border:1px solid #c5d8fb;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#fff}.nem-mkt-cart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.nem-mkt-link{grid-column:1/-1;font-weight:800;font-size:.9rem}.nem-mkt-page-head,.nem-mkt-category-head{padding:22px 0}.nem-mkt-category-title{display:flex;gap:24px;align-items:center}.nem-mkt-category-tabs,.nem-mkt-result-tabs{display:flex;gap:0;border:1px solid var(--nem-border);border-radius:14px;background:#fff;overflow:auto;margin:20px 0}.nem-mkt-category-tabs a,.nem-mkt-result-tabs a{display:flex;gap:8px;align-items:center;padding:16px 24px;min-width:150px;color:#20304b;font-weight:800;border-bottom:3px solid transparent}.nem-mkt-category-tabs a.is-active,.nem-mkt-result-tabs a.is-active{color:#075eea;border-bottom-color:#1473ff;background:#f8fbff}.nem-mkt-category-tabs .nem-mkt-icon{width:28px;height:28px;border-radius:8px}.nem-mkt-category-tabs .nem-mkt-icon svg{width:17px;height:17px}.nem-mkt-layout{display:grid;grid-template-columns:240px 1fr;gap:24px}.nem-mkt-filter{background:#fff;border:1px solid var(--nem-border);border-radius:14px;padding:18px;height:max-content;display:flex;flex-direction:column;gap:14px;position:sticky;top:10px}.nem-mkt-filter label{display:block;color:#33445d}.nem-mkt-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.nem-mkt-toolbar select,.nem-cart-license select,.nem-checkout-form select,.nem-doc-search input{border:1px solid var(--nem-border);border-radius:10px;padding:11px 14px;background:#fff}.nem-mkt-bundle-cta,.nem-access-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:22px}.nem-mkt-empty{text-align:center;padding:56px 20px}.nem-mkt-empty-illustration,.nem-success-check{width:94px;height:94px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:#eaf2ff;color:#1473ff;font-size:3rem;font-weight:900}.nem-product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.nem-product-hero-row{display:flex;gap:24px;align-items:flex-start;margin-bottom:24px}.nem-product-logo{width:92px;height:92px;border-radius:18px}.nem-product-tabs{display:flex;gap:22px;overflow:auto;border-bottom:1px solid var(--nem-border);margin-bottom:22px}.nem-product-tabs a{padding:14px 0;font-weight:800;color:#34445c}.nem-product-tabs .is-active{color:#075eea;border-bottom:3px solid #1473ff}.nem-product-media{min-height:320px;background:linear-gradient(135deg,#061c3f,#0f5bd7);color:#fff;border-radius:16px;padding:42px;margin-bottom:24px;display:flex;align-items:center}.nem-product-media h2{font-size:2rem;margin:0 0 8px}.nem-product-content{margin:28px 0}.nem-benefit-grid,.nem-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nem-benefit-grid article,.nem-feature-grid article{background:#fff;border:1px solid var(--nem-border);border-radius:14px;padding:18px}.nem-product-buy-card{padding:20px;position:sticky;top:16px;height:max-content}.nem-license-choice{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--nem-border);border-radius:12px;padding:14px;margin:10px 0}.nem-license-choice small{display:block;color:var(--nem-muted);font-weight:500}.nem-license-choice.is-active{border-color:#1473ff;background:#f8fbff}.nem-product-side-info{border-top:1px solid var(--nem-border);margin-top:18px;padding-top:18px;color:#34445c}.nem-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.nem-plans-hero{text-align:center;padding:26px 0}.nem-plan-card{padding:24px;min-height:420px;display:flex;flex-direction:column;gap:12px}.nem-plan-card.is-featured{border-color:#22c55e}.nem-plan-price{font-size:1.8rem;color:var(--nem-navy)}.nem-plan-card ul{padding-left:18px;color:#33445d}.nem-market-safe-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:28px 0;background:#f7fbff;border:1px solid var(--nem-border);border-radius:16px}.nem-market-safe-strip article{padding:20px;border-right:1px solid var(--nem-border)}.nem-market-safe-strip article:last-child{border-right:0}.nem-cart-steps{display:flex;justify-content:center;gap:40px;margin:18px 0 36px;color:#64748b}.nem-cart-steps .is-active{color:#075eea;font-weight:900}.nem-cart-layout,.nem-confirmation-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.nem-cart-items{padding:22px}.nem-cart-items h1 span{font-size:.9rem;background:#eaf2ff;color:#075eea;padding:5px 10px;border-radius:999px}.nem-cart-row{display:grid;grid-template-columns:64px 1fr 190px 90px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--nem-border)}.nem-cart-actions{display:flex;justify-content:space-between;margin-top:18px}.nem-order-summary{padding:22px;height:max-content}.nem-order-summary dl{display:grid;grid-template-columns:1fr auto;gap:12px;color:#34445c}.nem-order-summary dd{margin:0;font-weight:800}.nem-order-total{border-top:1px solid var(--nem-border);padding-top:16px;margin-top:16px;display:flex;justify-content:space-between;font-size:1.25rem}.nem-checkout-form{display:grid;gap:12px;margin-top:16px}.nem-summary-trust p{margin:.7rem 0;color:#33445d;font-weight:700}.nem-confirm-success{display:flex;gap:26px;align-items:center;padding:28px;background:linear-gradient(135deg,#f0fff8,#fff)}.nem-success-check{background:linear-gradient(135deg,#22c55e,#059669);color:#fff;margin:0}.nem-order-id{background:#ddf8e7;color:#117a3b;padding:5px 10px;border-radius:8px}.nem-purchased-items,.nem-whats-next{padding:22px;margin-top:24px}.nem-access-panel{background:#f8fbff}.nem-doc-hero{padding:28px;margin-bottom:26px}.nem-doc-search{display:flex;gap:12px;margin:20px 0}.nem-doc-search input{flex:1}.nem-doc-chips{display:flex;gap:8px;flex-wrap:wrap}.nem-doc-chips span{background:#eef3fb;border-radius:999px;padding:6px 12px;font-weight:700}.nem-doc-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nem-doc-card{padding:20px}.nem-doc-card h3{margin:12px 0 8px}.nem-doc-article{background:#fff;border:1px solid var(--nem-border);border-radius:16px;padding:34px}.nem-doc-body{line-height:1.75;color:#20304b}
@media (max-width: 900px){.nem-marketplace{padding:14px}.nem-mkt-hero,.nem-mkt-layout,.nem-product-detail-grid,.nem-cart-layout,.nem-confirmation-layout{grid-template-columns:1fr}.nem-mkt-hero{padding:28px 14px}.nem-mkt-hero h1{font-size:2.2rem}.nem-mkt-preview-window{display:none}.nem-mkt-family-grid,.nem-mkt-product-row,.nem-mkt-product-grid,.nem-doc-card-grid,.nem-benefit-grid,.nem-feature-grid,.nem-market-safe-strip{grid-template-columns:1fr}.nem-mkt-family-grid{display:flex;overflow:auto;padding-bottom:8px}.nem-mkt-family-card{min-width:160px}.nem-mkt-filter{position:static}.nem-mkt-product-card{grid-template-columns:58px 1fr;min-height:0}.nem-product-hero-row{display:block}.nem-product-logo{margin-bottom:14px}.nem-product-buy-card{position:static}.nem-cart-row{grid-template-columns:56px 1fr;align-items:start}.nem-cart-row .nem-cart-license,.nem-cart-row strong{grid-column:2}.nem-market-safe-strip article{border-right:0;border-bottom:1px solid var(--nem-border)}.nem-mkt-category-tabs a,.nem-mkt-result-tabs a{min-width:112px;padding:12px}.nem-doc-search{display:block}.nem-doc-search button{width:100%;margin-top:10px}.nem-confirm-success{display:block;text-align:center}.nem-success-check{margin:0 auto 18px}.nem-mkt-section-head{align-items:flex-start}.nem-cart-steps{gap:14px;font-size:.9rem}}

/* Phase 49.1R marketplace category correction */
.com-ninjaextensionmanager .nem-mkt-product-icon,
.com-ninjaextensionmanager .nem-mkt-product-card .nem-mkt-product-icon{
    width:64px!important;
    min-width:64px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.com-ninjaextensionmanager .nem-mkt-product-icon .nem-mkt-icon{
    width:64px!important;
    height:64px!important;
    border-radius:16px!important;
    box-shadow:0 10px 26px rgba(20,115,255,.12)!important;
}
.com-ninjaextensionmanager .nem-mkt-icon svg{
    display:block!important;
    width:30px!important;
    height:30px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.com-ninjaextensionmanager .nem-mkt-icon--extension{background:#eaf2ff!important;color:#1473ff!important;}
.com-ninjaextensionmanager .nem-mkt-icon--forms{background:#e8fff3!important;color:#16a34a!important;}
.com-ninjaextensionmanager .nem-mkt-icon--security{background:#fff1ed!important;color:#f04f23!important;}
.com-ninjaextensionmanager .nem-mkt-icon--seo{background:#eef6ff!important;color:#0d6efd!important;}
.com-ninjaextensionmanager .nem-mkt-icon--backup{background:#fff4e5!important;color:#f97316!important;}
.com-ninjaextensionmanager .nem-mkt-icon--speed{background:#e9f1ff!important;color:#2563eb!important;}
.com-ninjaextensionmanager .nem-mkt-icon--media{background:#e8fbff!important;color:#0891b2!important;}
.com-ninjaextensionmanager .nem-mkt-filter input[type="checkbox"]{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    margin:0 8px 0 0!important;
    padding:0!important;
    box-shadow:none!important;
    vertical-align:middle!important;
    appearance:auto!important;
    -webkit-appearance:checkbox!important;
}
.com-ninjaextensionmanager .nem-mkt-filter label{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:28px!important;
    padding:0!important;
    margin:0!important;
    font-size:.95rem!important;
    line-height:1.35!important;
}
.com-ninjaextensionmanager .nem-mkt-filter strong{
    font-size:1.05rem!important;
}
@media (max-width: 900px){
    .com-ninjaextensionmanager .nem-mkt-category-tabs{
        display:flex!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch!important;
        gap:0!important;
        padding:0!important;
    }
    .com-ninjaextensionmanager .nem-mkt-category-tabs a{
        min-width:116px!important;
        flex:0 0 auto!important;
        white-space:nowrap!important;
        padding:11px 12px!important;
        font-size:.92rem!important;
    }
    .com-ninjaextensionmanager .nem-mkt-category-tabs .nem-mkt-icon{
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
    }
    .com-ninjaextensionmanager .nem-mkt-filter{
        position:static!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:12px 14px!important;
        padding:16px!important;
        margin-bottom:18px!important;
    }
    .com-ninjaextensionmanager .nem-mkt-filter > strong,
    .com-ninjaextensionmanager .nem-mkt-filter > a{
        grid-column:auto!important;
    }
    .com-ninjaextensionmanager .nem-mkt-filter label{
        font-size:.9rem!important;
    }
    .com-ninjaextensionmanager .nem-mkt-product-card{
        grid-template-columns:64px minmax(0,1fr)!important;
        gap:14px!important;
        padding:18px!important;
    }
    .com-ninjaextensionmanager .nem-mkt-product-actions{
        align-items:center!important;
    }
}
@media (max-width: 520px){
    .com-ninjaextensionmanager .nem-mkt-filter{
        grid-template-columns:1fr!important;
    }
    .com-ninjaextensionmanager .nem-mkt-toolbar{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    .com-ninjaextensionmanager .nem-mkt-toolbar select{
        width:100%!important;
    }
}


/* Phase 49.2R marketplace category header / breadcrumb hardening */
.com-ninjaextensionmanager .nem-mkt-breadcrumb{display:none!important;}
.com-ninjaextensionmanager .nem-mkt-category-title{display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.com-ninjaextensionmanager .nem-mkt-category-title-main{display:flex;align-items:center;gap:18px;width:100%;}
.com-ninjaextensionmanager .nem-mkt-category-title-main h1{margin:0;line-height:1.1;}
.com-ninjaextensionmanager .nem-mkt-category-title>p{margin:0;max-width:760px;}
.com-ninjaextensionmanager .nem-mkt-category-info-row{margin-top:4px;gap:14px;}
.com-ninjaextensionmanager .nem-mkt-category-info-row span{display:flex;flex-direction:column;gap:2px;min-width:150px;}
.com-ninjaextensionmanager .nem-mkt-category-info-row small{font-weight:500;color:#64748b;font-size:.82rem;line-height:1.35;}
@media (max-width: 900px){
  .com-ninjaextensionmanager .nem-mkt-category-head{padding:14px 0 10px;}
  .com-ninjaextensionmanager .nem-mkt-category-title{gap:10px;}
  .com-ninjaextensionmanager .nem-mkt-category-title-main{gap:12px;align-items:center;}
  .com-ninjaextensionmanager .nem-mkt-category-title-main .nem-mkt-icon{width:56px;height:56px;border-radius:16px;box-shadow:0 8px 22px rgba(20,115,255,.14);}
  .com-ninjaextensionmanager .nem-mkt-category-title-main .nem-mkt-icon svg{width:29px;height:29px;}
  .com-ninjaextensionmanager .nem-mkt-category-title-main h1{font-size:clamp(1.7rem,7vw,2.3rem);}
  .com-ninjaextensionmanager .nem-mkt-category-title>p{font-size:1rem;line-height:1.55;margin-left:0;}
  .com-ninjaextensionmanager .nem-mkt-category-info-row{display:grid;grid-template-columns:1fr;gap:8px;width:100%;margin-top:8px;}
  .com-ninjaextensionmanager .nem-mkt-category-info-row span{padding:10px 12px;border:1px solid var(--nem-border);border-radius:12px;background:#fff;min-width:0;}
  .com-ninjaextensionmanager .nem-mkt-category-tabs{margin:14px 0;}
  .com-ninjaextensionmanager .nem-mkt-category-tabs a{min-width:max-content;padding:10px 13px;font-size:.94rem;}
  .com-ninjaextensionmanager .nem-mkt-filter{padding:14px;gap:9px;border-radius:14px;}
  .com-ninjaextensionmanager .nem-mkt-filter label{display:flex;align-items:center;gap:8px;min-height:32px;margin:0;font-size:.95rem;}
  .com-ninjaextensionmanager .nem-mkt-filter input[type="checkbox"]{width:18px;height:18px;flex:0 0 auto;}
}

/* Phase 49.4R membership plans mobile polish */
.com-ninjaextensionmanager.nem-plans-page .nem-plans-hero,
.com-ninjaextensionmanager .nem-plans-page .nem-plans-hero,
.com-ninjaextensionmanager .nem-plans-hero {
    margin-bottom: 32px !important;
    padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 3rem) !important;
}
.com-ninjaextensionmanager .nem-plan-grid {
    align-items: stretch !important;
}
.com-ninjaextensionmanager .nem-plan-card {
    position: relative !important;
    overflow: visible !important;
}
.com-ninjaextensionmanager .nem-plan-card > .nem-mkt-badge,
.com-ninjaextensionmanager .nem-plan-card > .nem-plan-featured-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: #ddf8e7 !important;
    color: #117a3b !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: none !important;
}
.com-ninjaextensionmanager .nem-plan-card.is-featured {
    border-color: rgba(34, 197, 94, .45) !important;
}
.com-ninjaextensionmanager .nem-plan-price {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
    line-height: 1.05 !important;
}
.com-ninjaextensionmanager .nem-plan-price small {
    font-size: .78rem !important;
    line-height: 1 !important;
    color: #33445d !important;
    font-weight: 800 !important;
}
@media (max-width: 767px) {
    .com-ninjaextensionmanager.nem-plans-page,
    .com-ninjaextensionmanager .nem-plans-page {
        padding-inline: 14px !important;
    }
    .com-ninjaextensionmanager.nem-plans-page .nem-plans-hero,
    .com-ninjaextensionmanager .nem-plans-page .nem-plans-hero,
    .com-ninjaextensionmanager .nem-plans-hero {
        margin-bottom: 28px !important;
        padding: 32px 22px 36px !important;
        border-radius: 24px !important;
    }
    .com-ninjaextensionmanager .nem-plans-hero h1 {
        font-size: clamp(1.85rem, 8vw, 2.75rem) !important;
        line-height: 1.08 !important;
        margin-bottom: 12px !important;
    }
    .com-ninjaextensionmanager .nem-plans-hero p {
        font-size: 1rem !important;
        line-height: 1.45 !important;
        margin: 0 auto !important;
    }
    .com-ninjaextensionmanager .nem-plan-grid {
        gap: 22px !important;
    }
    .com-ninjaextensionmanager .nem-plan-card {
        padding: 24px 22px !important;
        min-height: 0 !important;
        border-radius: 24px !important;
    }
    .com-ninjaextensionmanager .nem-plan-card > .nem-mkt-badge,
    .com-ninjaextensionmanager .nem-plan-card > .nem-plan-featured-pill {
        margin-bottom: 4px !important;
    }
}

/* Phase 49.6R checkout stepper runtime polish */
.com-ninjaextensionmanager .nem-checkout-note {
  margin: .75rem 0 0;
  color: #64748b;
  font-size: .92rem;
  text-align: center;
}
.com-ninjaextensionmanager [data-nem-checkout-flow].is-loading {
  opacity: .62;
  pointer-events: none;
  transition: opacity .18s ease;
}
.com-ninjaextensionmanager .nem-checkout-panel {
  background: #fff;
  border: 1px solid rgba(148, 163, 184, .32);
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
  margin: 0 0 1rem;
  padding: 1.25rem;
}
.com-ninjaextensionmanager .nem-checkout-panel h2 {
  margin: 0 0 .35rem;
  font-size: 1.15rem;
}
.com-ninjaextensionmanager .nem-checkout-panel p {
  color: #64748b;
  margin: 0 0 1rem;
}
.com-ninjaextensionmanager .nem-checkout-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.com-ninjaextensionmanager .nem-checkout-grid label,
.com-ninjaextensionmanager .nem-checkout-panel label {
  color: #0f172a;
  display: grid;
  font-weight: 700;
  gap: .45rem;
}
.com-ninjaextensionmanager .nem-checkout-grid input,
.com-ninjaextensionmanager .nem-checkout-panel select,
.com-ninjaextensionmanager .nem-checkout-panel input {
  border: 1px solid rgba(148, 163, 184, .45);
  border-radius: 12px;
  min-height: 46px;
  padding: .7rem .85rem;
  width: 100%;
}
.com-ninjaextensionmanager .nem-checkout-summary-item {
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, .25);
  display: grid;
  gap: .75rem;
  grid-template-columns: auto 1fr auto;
  margin: 0 0 1rem;
  padding: 0 0 1rem;
}
.com-ninjaextensionmanager .nem-checkout-summary-item span {
  color: #64748b;
  display: block;
  font-size: .9rem;
  margin-top: .2rem;
}
@media (max-width: 760px) {
  .com-ninjaextensionmanager .nem-checkout-grid {
    grid-template-columns: 1fr;
  }
  .com-ninjaextensionmanager .nem-checkout-panel {
    border-radius: 16px;
    padding: 1rem;
  }
}

/* Phase 49.7R membership plans hero visual polish
   Scope: Plans page hero colors/contrast only. Keeps layout, spacing, cards, badges, pricing and checkout unchanged. */
.com-ninjaextensionmanager.nem-plans-page .nem-plans-hero,
.com-ninjaextensionmanager .nem-plans-page .nem-plans-hero,
.com-ninjaextensionmanager .nem-plans-hero {
    background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 56%, #e4f0ff 100%) !important;
    border: 1px solid #d7e6ff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07) !important;
    color: #0f172a !important;
}
.com-ninjaextensionmanager.nem-plans-page .nem-plans-hero::before,
.com-ninjaextensionmanager .nem-plans-page .nem-plans-hero::before,
.com-ninjaextensionmanager .nem-plans-hero::before {
    background: radial-gradient(circle, rgba(20,115,255,.16), rgba(20,115,255,0) 68%) !important;
}
.com-ninjaextensionmanager.nem-plans-page .nem-plans-hero *,
.com-ninjaextensionmanager .nem-plans-page .nem-plans-hero *,
.com-ninjaextensionmanager .nem-plans-hero * {
    color: inherit !important;
}
.com-ninjaextensionmanager.nem-plans-page .nem-plans-hero h1,
.com-ninjaextensionmanager .nem-plans-page .nem-plans-hero h1,
.com-ninjaextensionmanager .nem-plans-hero h1 {
    color: #0f172a !important;
    text-shadow: none !important;
}
.com-ninjaextensionmanager.nem-plans-page .nem-plans-hero p,
.com-ninjaextensionmanager .nem-plans-page .nem-plans-hero p,
.com-ninjaextensionmanager .nem-plans-hero p {
    color: #475569 !important;
    text-shadow: none !important;
}
@media (max-width: 767px) {
    .com-ninjaextensionmanager.nem-plans-page .nem-plans-hero,
    .com-ninjaextensionmanager .nem-plans-page .nem-plans-hero,
    .com-ninjaextensionmanager .nem-plans-hero {
        background: linear-gradient(135deg, #f9fcff 0%, #eef6ff 58%, #e8f2ff 100%) !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
    }
}
/* Phase 50.41R - Unified search/filter system + Download & Update Activity polish */
.com_ninjaextensionmanager .nem-admin-metrics-panel,
.com-ninjaextensionmanager .nem-admin-metrics-panel,
.com_ninjaextensionmanager .nem-admin-filter-card,
.com-ninjaextensionmanager .nem-admin-filter-card,
.com_ninjaextensionmanager .nem-admin-panel-card,
.com-ninjaextensionmanager .nem-admin-panel-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(203, 213, 225, .9);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}
.com_ninjaextensionmanager .nem-admin-metrics-panel::before,
.com-ninjaextensionmanager .nem-admin-metrics-panel::before,
.com_ninjaextensionmanager .nem-admin-filter-card::before,
.com-ninjaextensionmanager .nem-admin-filter-card::before,
.com_ninjaextensionmanager .nem-admin-panel-card::before,
.com-ninjaextensionmanager .nem-admin-panel-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, #1473ff, #35a7ff);
}
.com_ninjaextensionmanager .nem-admin-metrics-panel,
.com-ninjaextensionmanager .nem-admin-metrics-panel,
.com_ninjaextensionmanager .nem-admin-filter-card,
.com-ninjaextensionmanager .nem-admin-filter-card,
.com_ninjaextensionmanager .nem-admin-panel-card,
.com-ninjaextensionmanager .nem-admin-panel-card {
  padding: clamp(1rem, 2.8vw, 1.5rem);
  margin: 0 0 1.35rem;
}
.com_ninjaextensionmanager .nem-admin-metrics-grid,
.com-ninjaextensionmanager .nem-admin-metrics-grid,
.com_ninjaextensionmanager .nem-admin-metrics-grid--2x2,
.com-ninjaextensionmanager .nem-admin-metrics-grid--2x2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
}
.com_ninjaextensionmanager .nem-admin-metric-card,
.com-ninjaextensionmanager .nem-admin-metric-card {
  min-height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .35rem;
  padding: 1rem;
  border: 1px solid rgba(203, 213, 225, .9);
  border-radius: 18px;
  background: #f8fafc;
}
.com_ninjaextensionmanager .nem-admin-metric-card strong,
.com-ninjaextensionmanager .nem-admin-metric-card strong {
  display: block;
  text-align: center;
  color: #0077c8;
  font-size: clamp(2rem, 6vw, 3rem);
  font-weight: 950;
  line-height: 1;
}
.com_ninjaextensionmanager .nem-admin-metric-card span,
.com-ninjaextensionmanager .nem-admin-metric-card span {
  display: block;
  text-align: center;
  color: #0b2d4d;
  font-weight: 900;
  line-height: 1.18;
}
.com_ninjaextensionmanager .nem-admin-filter-grid,
.com-ninjaextensionmanager .nem-admin-filter-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(180px, .75fr)) auto;
  gap: .8rem;
  align-items: center;
}
.com_ninjaextensionmanager .nem-admin-search-control,
.com-ninjaextensionmanager .nem-admin-search-control,
.com_ninjaextensionmanager .nem-admin-search-control--unified,
.com-ninjaextensionmanager .nem-admin-search-control--unified {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.com_ninjaextensionmanager .nem-admin-search-control input,
.com-ninjaextensionmanager .nem-admin-search-control input,
.com_ninjaextensionmanager .nem-admin-search-input,
.com-ninjaextensionmanager .nem-admin-search-input {
  width: 100% !important;
  min-height: 58px;
  padding: .75rem 6.2rem .75rem 1.25rem !important;
  border: 2px solid rgba(148, 163, 184, .55) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .45);
  color: #0f172a;
  font-size: 1rem;
}
.com_ninjaextensionmanager .nem-admin-search-control input:focus,
.com-ninjaextensionmanager .nem-admin-search-control input:focus,
.com_ninjaextensionmanager .nem-admin-search-input:focus,
.com-ninjaextensionmanager .nem-admin-search-input:focus {
  border-color: #1473ff !important;
  box-shadow: 0 0 0 4px rgba(20, 115, 255, .12) !important;
  outline: none !important;
}
.com_ninjaextensionmanager .nem-admin-search-icon-button,
.com-ninjaextensionmanager .nem-admin-search-icon-button,
.com_ninjaextensionmanager .nem-admin-search-clear-button,
.com-ninjaextensionmanager .nem-admin-search-clear-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
  font-size: 1.35rem;
  line-height: 1;
}
.com_ninjaextensionmanager .nem-admin-search-icon-button,
.com-ninjaextensionmanager .nem-admin-search-icon-button { right: 3.2rem; }
.com_ninjaextensionmanager .nem-admin-search-clear-button,
.com-ninjaextensionmanager .nem-admin-search-clear-button { right: .75rem; }
.com_ninjaextensionmanager .nem-admin-select,
.com-ninjaextensionmanager .nem-admin-select,
.com_ninjaextensionmanager .nem-admin-input,
.com-ninjaextensionmanager .nem-admin-input,
.com_ninjaextensionmanager .nem-admin-filter-card select,
.com-ninjaextensionmanager .nem-admin-filter-card select {
  width: 100% !important;
  min-height: 58px;
  border: 1px solid #dbe3ec !important;
  border-radius: 18px !important;
  background-color: #fff !important;
  color: #111827;
  font-size: 1rem;
  padding: .75rem 1rem !important;
}
.com_ninjaextensionmanager .nem-admin-filter-field--actions,
.com-ninjaextensionmanager .nem-admin-filter-field--actions {
  display: flex;
  gap: .55rem;
  flex-wrap: wrap;
  align-items: center;
}
.com_ninjaextensionmanager .nem-admin-filter-field--actions .btn,
.com-ninjaextensionmanager .nem-admin-filter-field--actions .btn,
.com_ninjaextensionmanager .nem-admin-filter-submit,
.com-ninjaextensionmanager .nem-admin-filter-submit,
.com_ninjaextensionmanager .nem-admin-filter-clear,
.com-ninjaextensionmanager .nem-admin-filter-clear,
.com_ninjaextensionmanager .nem-admin-filter-export,
.com-ninjaextensionmanager .nem-admin-filter-export {
  min-height: 48px;
  border-radius: 14px !important;
  padding: .7rem 1rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
.com_ninjaextensionmanager .nem-admin-filter-submit,
.com-ninjaextensionmanager .nem-admin-filter-submit { background: #0088d2 !important; border-color: #0088d2 !important; color: #fff !important; }
.com_ninjaextensionmanager .nem-admin-filter-clear,
.com-ninjaextensionmanager .nem-admin-filter-clear { background: #3f6d9f !important; border-color: #3f6d9f !important; color: #fff !important; }
.com_ninjaextensionmanager .nem-admin-filter-export,
.com-ninjaextensionmanager .nem-admin-filter-export { background: #eef7ff !important; border-color: #b9d9f3 !important; color: #0b5f94 !important; }
.com_ninjaextensionmanager .nem-admin-panel-header,
.com-ninjaextensionmanager .nem-admin-panel-header {
  margin-bottom: 1rem;
}
.com_ninjaextensionmanager .nem-admin-panel-kicker,
.com-ninjaextensionmanager .nem-admin-panel-kicker {
  display: inline-flex;
  margin-bottom: .35rem;
  padding: .38rem .75rem;
  border-radius: 999px;
  background: #eaf6ff;
  color: #0b5f94;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.com_ninjaextensionmanager .nem-admin-panel-header h2,
.com-ninjaextensionmanager .nem-admin-panel-header h2 {
  margin: 0;
  color: #071326;
  font-weight: 950;
  letter-spacing: -.03em;
}
.com_ninjaextensionmanager .nem-admin-panel-header p,
.com-ninjaextensionmanager .nem-admin-panel-header p {
  max-width: 820px;
  margin: .5rem 0 0;
  color: #64748b;
  font-size: 1rem;
}
.com_ninjaextensionmanager .nem-updateactivity-table,
.com-ninjaextensionmanager .nem-updateactivity-table {
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}
.com_ninjaextensionmanager .nem-updateactivity-table thead th,
.com-ninjaextensionmanager .nem-updateactivity-table thead th {
  background: #f8fafc;
  color: #0b5f94;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.com_ninjaextensionmanager .nem-status-badge,
.com-ninjaextensionmanager .nem-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: .42rem .8rem;
  border-radius: 999px;
  color: #fff;
  background: #475569;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.com_ninjaextensionmanager .nem-status-success,
.com-ninjaextensionmanager .nem-status-success { background: #43875b; }
.com_ninjaextensionmanager .nem-status-denied,
.com-ninjaextensionmanager .nem-status-denied { background: #c2410c; }
.com_ninjaextensionmanager .nem-status-failed,
.com-ninjaextensionmanager .nem-status-failed { background: #b91c1c; }
.com_ninjaextensionmanager .nem-activity-kind,
.com-ninjaextensionmanager .nem-activity-kind {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: .35rem 0 0;
  padding: .28rem .65rem;
  border-radius: 999px;
  background: #e0f2fe;
  color: #075985;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.com_ninjaextensionmanager .nem-activity-kind.is-update,
.com-ninjaextensionmanager .nem-activity-kind.is-update { background: #eef2ff; color: #4338ca; }
.com_ninjaextensionmanager .nem-activity-kind.is-download,
.com-ninjaextensionmanager .nem-activity-kind.is-download { background: #dcfce7; color: #166534; }
.com_ninjaextensionmanager .nem-updateactivity-mobile-list,
.com-ninjaextensionmanager .nem-updateactivity-mobile-list { display: none; }
.com_ninjaextensionmanager .nem-updateactivity-card,
.com-ninjaextensionmanager .nem-updateactivity-card {
  position: relative;
  overflow: hidden;
  padding: 1.1rem;
  margin-bottom: 1rem;
  border: 1px solid #dbe3ec;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
}
.com_ninjaextensionmanager .nem-updateactivity-card::before,
.com-ninjaextensionmanager .nem-updateactivity-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:6px;
  background: linear-gradient(90deg, #1473ff, #35a7ff);
}
.com_ninjaextensionmanager .nem-updateactivity-card.is-download::before,
.com-ninjaextensionmanager .nem-updateactivity-card.is-download::before { background: linear-gradient(90deg, #1473ff, #22c55e); }
.com_ninjaextensionmanager .nem-updateactivity-card.is-update::before,
.com-ninjaextensionmanager .nem-updateactivity-card.is-update::before { background: linear-gradient(90deg, #1473ff, #8b5cf6); }
.com_ninjaextensionmanager .nem-updateactivity-card__header,
.com-ninjaextensionmanager .nem-updateactivity-card__header {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: flex-start;
  margin-bottom: .9rem;
}
.com_ninjaextensionmanager .nem-updateactivity-card h3,
.com-ninjaextensionmanager .nem-updateactivity-card h3 {
  margin: .35rem 0 .2rem;
  color: #0b2d4d;
  font-weight: 950;
  line-height: 1.15;
}
.com_ninjaextensionmanager .nem-updateactivity-card p,
.com-ninjaextensionmanager .nem-updateactivity-card p {
  margin: 0;
  color: #64748b;
  overflow-wrap: anywhere;
}
.com_ninjaextensionmanager .nem-admin-card-grid,
.com-ninjaextensionmanager .nem-admin-card-grid,
.com_ninjaextensionmanager .nem-admin-card-grid--2x2,
.com-ninjaextensionmanager .nem-admin-card-grid--2x2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.com_ninjaextensionmanager .nem-updateactivity-card .nem-admin-meta-item small,
.com-ninjaextensionmanager .nem-updateactivity-card .nem-admin-meta-item small {
  display: block;
  margin-top: .2rem;
  color: #64748b;
  overflow-wrap: anywhere;
}
.com_ninjaextensionmanager .nem-updateactivity-message,
.com-ninjaextensionmanager .nem-updateactivity-message {
  margin-top: .85rem !important;
  padding: .8rem .9rem;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
.com_ninjaextensionmanager .nem-admin-pagination,
.com-ninjaextensionmanager .nem-admin-pagination {
  margin-top: 1rem;
}
@media (max-width: 1180px) {
  .com_ninjaextensionmanager .nem-admin-filter-grid,
  .com-ninjaextensionmanager .nem-admin-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
  .com_ninjaextensionmanager .nem-admin-filter-field--search,
  .com-ninjaextensionmanager .nem-admin-filter-field--search,
  .com_ninjaextensionmanager .nem-admin-filter-field--actions,
  .com-ninjaextensionmanager .nem-admin-filter-field--actions {
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px) {
  .com_ninjaextensionmanager .nem-updateactivity-table-wrap,
  .com-ninjaextensionmanager .nem-updateactivity-table-wrap { display: none !important; }
  .com_ninjaextensionmanager .nem-updateactivity-mobile-list,
  .com-ninjaextensionmanager .nem-updateactivity-mobile-list { display: block !important; }
  .com_ninjaextensionmanager .nem-admin-metrics-grid,
  .com-ninjaextensionmanager .nem-admin-metrics-grid,
  .com_ninjaextensionmanager .nem-admin-metrics-grid--2x2,
  .com-ninjaextensionmanager .nem-admin-metrics-grid--2x2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .com_ninjaextensionmanager .nem-admin-metrics-panel,
  .com-ninjaextensionmanager .nem-admin-metrics-panel,
  .com_ninjaextensionmanager .nem-admin-filter-card,
  .com-ninjaextensionmanager .nem-admin-filter-card,
  .com_ninjaextensionmanager .nem-admin-panel-card,
  .com-ninjaextensionmanager .nem-admin-panel-card {
    border-radius: 22px;
    padding: 1rem;
  }
  .com_ninjaextensionmanager .nem-admin-filter-grid,
  .com-ninjaextensionmanager .nem-admin-filter-grid,
  .com_ninjaextensionmanager .nem-admin-card-grid,
  .com-ninjaextensionmanager .nem-admin-card-grid,
  .com_ninjaextensionmanager .nem-admin-card-grid--2x2,
  .com-ninjaextensionmanager .nem-admin-card-grid--2x2 {
    grid-template-columns: 1fr;
  }
  .com_ninjaextensionmanager .nem-admin-metrics-grid,
  .com-ninjaextensionmanager .nem-admin-metrics-grid,
  .com_ninjaextensionmanager .nem-admin-metrics-grid--2x2,
  .com-ninjaextensionmanager .nem-admin-metrics-grid--2x2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }
  .com_ninjaextensionmanager .nem-admin-metric-card,
  .com-ninjaextensionmanager .nem-admin-metric-card {
    min-height: 112px;
    padding: .8rem;
  }
  .com_ninjaextensionmanager .nem-admin-filter-field--actions,
  .com-ninjaextensionmanager .nem-admin-filter-field--actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .com_ninjaextensionmanager .nem-admin-filter-export,
  .com-ninjaextensionmanager .nem-admin-filter-export {
    grid-column: 1 / -1;
  }
}