/** (PREGNORF ✅) Smart Apps canonical pack bridge
 * Purpose:
 * - keep the legacy Smart Apps alias lane working
 * - add the canonical `.dmxr4-structured-page--smart-apps` lane in parallel
 * - override the remaining alias-owned `sections.css` Smart Apps rules at the last entrypoint
 */

.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps){
  --dmxr-card-title:var(--dmxr4p-text-strong,#08111f);
  --dmxr-card-body:var(--dmxr4p-muted,#475569);
  --dmxr-card-meta:var(--dmxr4p-muted-2,#64748b);
  --dmxr-card-foot:var(--dmxr4p-text-strong,#08111f);
  --dmxr-hero-body:color-mix(in srgb,var(--dmxr4p-text-strong,#08111f) 78%, var(--dmxr4p-muted,#475569));
  --dmxr-section-intro:color-mix(in srgb,var(--dmxr4p-text-strong,#08111f) 72%, var(--dmxr4p-muted,#475569));
  --dmxr-band-title:#ffffff;
  --dmxr-band-body:rgba(255,255,255,.92);
  --dmxr-slot-card-body-size:clamp(15px,1.05vw,16px);
  --dmxr-slot-card-meta-size:14px;
  --dmxr-slot-card-foot-size:14px;
  --dmxr-slot-hero-body-size:clamp(17px,1.35vw,19px);
  --dmxr-slot-section-intro-size:clamp(16px,1.15vw,18px);
  --dmxr4-smartapps-hero-stage:linear-gradient(135deg,#ffffff 0%,#f3f7ff 54%,#eef2ff 100%);
  --dmxr4-smartapps-hero-ring:rgba(53,88,220,.18);
  --dmxr4-smartapps-card-border:rgba(15,23,42,.10);
  --dmxr4-smartapps-card-shadow:0 22px 56px rgba(15,23,42,.10);
  --dmxr4-smartapps-body-strong:#233247;
  --dmxr4-smartapps-body-soft:#4c5e76;
}

.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) :where(.dmxr-proof-chip-grid,.dmxr-proofMeta,.dmxr-chip-set){
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) :where(.dmxr-proof-chip-grid,.dmxr-proofMeta,.dmxr-chip-set) > *{
  width:100%;
  min-width:0;
}

.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--hero{
  background:
    radial-gradient(900px 340px at 92% 14%,rgba(79,115,255,.15),transparent 68%),
    radial-gradient(620px 300px at 8% 100%,rgba(255,45,85,.08),transparent 72%),
    var(--dmxr4-smartapps-hero-stage);
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--hero .dmxr4-page-inner--split{
  grid-template-columns:minmax(0,1fr) minmax(360px,.98fr);
  gap:clamp(24px,3vw,38px);
  align-items:center;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--hero .dmxr4-page-title{
  letter-spacing:-.042em;
  line-height:.92;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--hero :where(.dmxr4-page-intro,.dmxr4-page-subtitle,.dmxr4-page-body,.dmxr4-page-support){
  color:var(--dmxr-hero-body) !important;
  -webkit-text-fill-color:currentColor !important;
  font-size:var(--dmxr-slot-hero-body-size);
  font-weight:540;
  line-height:1.62;
  opacity:1;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-hero-media__frame{
  position:relative;
  z-index:1;
  border-radius:30px;
  border:1px solid var(--dmxr4-smartapps-hero-ring);
  box-shadow:0 34px 84px rgba(15,23,42,.18),0 0 0 6px rgba(255,255,255,.56);
  transform:translate3d(0,-1px,0);
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-hero-media__scroll{
  padding:clamp(20px,2.4vw,28px);
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-hero-media__scroll img{
  border-radius:20px;
  filter:saturate(1.04) contrast(1.03);
}

.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-section-head .dmxr4-page-intro,
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-section-head .dmxr4-page-support,
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-smartapps-section-copy .dmxr4-page-intro{
  color:var(--dmxr-section-intro);
  -webkit-text-fill-color:currentColor;
  font-size:var(--dmxr-slot-section-intro-size);
  font-weight:520;
  line-height:1.6;
  opacity:1;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-catalog .dmxr4-page-inner{
  gap:clamp(18px,2.3vw,30px);
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-catalog .dmxr4-section-head{
  max-width:min(68ch,100%);
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-catalog .dmxr4-page-heading{
  color:#101c32 !important;
  letter-spacing:-.028em;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-catalog .dmxr4-page-intro{
  color:var(--dmxr4-smartapps-body-strong) !important;
  max-width:62ch;
  line-height:1.68;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-smartapps-count{
  color:#233247 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f2f7ff 100%);
  border:1px solid rgba(56,97,251,.20);
  border-radius:999px;
  padding:8px 14px;
}

.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-toolbar-surface[data-dmxr-lane="toolbar-surface"]{
  padding:clamp(14px,2vw,22px);
  border-radius:20px;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-toolbar-grid{ gap:clamp(12px,1.7vw,20px); }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-toolbar-block{ gap:9px; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-toolbar-row{ gap:9px; flex-wrap:wrap; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-filter-chip[data-dmxr-lane="toolbar-filter-chip"]{ min-height:40px; font-weight:700; letter-spacing:.01em; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-filter-chip[data-dmxr-lane="toolbar-filter-chip"].is-active{ box-shadow:0 8px 20px rgba(56,97,251,.16); }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-search[data-dmxr-lane="toolbar-search-field"]{ min-height:46px; box-shadow:inset 0 1px 0 rgba(255,255,255,.8); }

.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-catalog-card{
  border-color:var(--dmxr4-smartapps-card-border) !important;
  box-shadow:var(--dmxr4-smartapps-card-shadow) !important;
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-catalog-card__body{ gap:10px; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-catalog-card__title{ color:var(--dmxr-card-title) !important; letter-spacing:-.015em; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-catalog-card__desc{ color:var(--dmxr4-smartapps-body-strong) !important; -webkit-text-fill-color:currentColor !important; font-size:var(--dmxr-slot-card-body-size); line-height:1.62; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-catalog-card__foot{ color:var(--dmxr-card-foot) !important; border-top:1px solid rgba(148,169,197,.32); padding-top:14px; margin-top:14px; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-catalog-card__support,
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-catalog-card__plan span{ color:var(--dmxr4-smartapps-body-soft) !important; line-height:1.48; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-smartapps-empty{ border:1px solid rgba(56,97,251,.20); box-shadow:0 16px 34px rgba(15,23,42,.08); }

.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-cta{
  background: radial-gradient(760px 300px at 8% 0%,rgba(255,255,255,.12),transparent 70%), linear-gradient(135deg,#0f172a 0%,#13243b 46%,#7c1637 100%);
}
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-cta .dmxr4-page-inner{ padding:clamp(26px,3.1vw,38px); border-radius:26px; border:1px solid rgba(255,255,255,.14); box-shadow:0 26px 72px rgba(3,10,24,.34); }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-cta .dmxr4-page-heading{ color:var(--dmxr-band-title) !important; letter-spacing:-.024em; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-cta :is(.dmxr4-page-intro,.dmxr4-page-support){ color:var(--dmxr-band-body) !important; line-height:1.64; }

.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--variant-comparison_band_featured{ background: radial-gradient(860px 240px at 100% 0%, rgba(255,45,85,.10), transparent 64%), linear-gradient(180deg,#fff7f9 0%,#ffffff 100%); }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--variant-comparison_band_featured .dmxr4-comparison-grid{ align-items:stretch; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--variant-comparison_band_featured .dmxr4-info-card:first-child{ position:relative; background:linear-gradient(180deg,#0f172a 0%,#111827 100%) !important; border-color:rgba(255,255,255,.08) !important; box-shadow:0 26px 58px rgba(15,23,42,.22) !important; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--variant-comparison_band_featured .dmxr4-info-card:first-child :where(h3,.dmxr4-page-body,.dmxr4-page-support,.dmxr4-page-meta,.dmxr4-page-kicker,.dmxr4-structured-points li){ color:#fff !important; }
.dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--variant-comparison_band_featured .dmxr4-info-card:first-child::before{ content:'Recommended'; position:absolute; top:18px; right:18px; display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border-radius:999px; background:rgba(255,255,255,.12); color:#fff; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }

@media (max-width: 1280px){
  .dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) :where(.dmxr-proof-chip-grid,.dmxr-proofMeta,.dmxr-chip-set){ grid-template-columns:1fr; }
}
@media (max-width: 960px){
  .dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--hero .dmxr4-page-inner--split{ grid-template-columns:1fr; }
}
@media (max-width: 900px){
  .dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-toolbar-surface[data-dmxr-lane="toolbar-surface"]{ padding:clamp(12px,2.6vw,16px); gap:10px; }
  .dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-toolbar-row{ gap:10px; }
}
@media (max-width: 640px){
  .dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-hero-media__frame{ border-radius:22px; box-shadow:0 22px 54px rgba(15,23,42,.20),0 0 0 4px rgba(255,255,255,.58); }
  .dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-hero-media__scroll{ padding:16px 14px 12px; }
  .dmxr4-public-core-page :is(.dmxr4-catalog-page--smart-apps, .dmxr4-structured-page--smart-apps) .dmxr4-page-band--smartapps-cta .dmxr4-page-inner{ padding:22px; border-radius:20px; }
}
