/* Home brand rail and support only. The existing visibility, marquee track,
 * logo geometry, links, wordmark and page scenes remain domain-owned. */
.mauto-home-runtime #device-shell .brand-strip {
  --mauto-brand-rail-height:44px;
  --mauto-brand-edge-fade:26px;
  box-sizing:border-box!important;
  height:var(--mauto-brand-rail-height)!important;
  border-block:1px solid rgba(164,190,221,.32)!important;
  background:
    linear-gradient(rgba(255,255,255,.74),rgba(255,255,255,.74)),
    url('../img/pearl-card-backgrounds/pearl-blue-card-wide.png') center / 100% 100% no-repeat!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(224,235,249,.36),0 5px 14px -13px rgba(26,62,104,.22)!important;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 var(--mauto-brand-edge-fade),#000 calc(100% - var(--mauto-brand-edge-fade)),transparent);
  mask-image:linear-gradient(to right,transparent,#000 var(--mauto-brand-edge-fade),#000 calc(100% - var(--mauto-brand-edge-fade)),transparent);
}

/* Keep the two existing support variants mutually exclusive. In particular,
 * do not set display here: the domain decides which anchor is visible. */
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge,.ecosystem-support) {
  --mauto-support-mark-size:34px;
  --mauto-support-action-size:28px;
  box-sizing:border-box!important;
  grid-template-columns:var(--mauto-support-mark-size) minmax(0,1fr) var(--mauto-support-action-size)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:64px!important;
  padding:9px 11px!important;
  border:1px solid rgba(139,180,224,.34)!important;
  border-radius:18px!important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.80),rgba(249,252,255,.65)),
    url('../img/pearl-card-backgrounds/pearl-blue-card-wide.png') center / 100% 100% no-repeat!important;
  box-shadow:0 5px 16px -12px rgba(31,83,137,.22),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(216,232,249,.42)!important;
  color:#143452;
  text-decoration:none!important;
  transform:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge,.ecosystem-support)::after {
  content:none!important;
}
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge>span:nth-child(2),.ecosystem-support-copy) {
  display:grid;
  min-width:0;
  gap:3px!important;
}
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge>span:nth-child(2),.ecosystem-support-copy)>strong {
  color:#143452!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.3!important;
}
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge>span:nth-child(2),.ecosystem-support-copy)>small {
  color:#60758e!important;
  font-size:12px!important;
  font-weight:450!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Current Home profiles hide the decorative headset. Keep three columns and
 * preserve the whole support anchor as the single large click target. */
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge-headset,.ecosystem-support-headset) {
  display:none!important;
}
/* The original A image and plain action arrow remain unchanged. */
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge-mark,.ecosystem-support-mark) {
  width:var(--mauto-support-mark-size)!important;
  height:var(--mauto-support-mark-size)!important;
  border:1px solid rgba(173,201,232,.44)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#fff,#edf6ff)!important;
  box-shadow:inset 0 1px 0 #fff,0 3px 7px -6px rgba(28,80,137,.3)!important;
}
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge-mark,.ecosystem-support-mark)>img {
  width:calc(var(--mauto-support-mark-size) - 6px)!important;
  height:calc(var(--mauto-support-mark-size) - 6px)!important;
  object-fit:contain!important;
}
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge>i,.ecosystem-support>i) {
  width:var(--mauto-support-action-size)!important;
  height:var(--mauto-support-action-size)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#1877d6!important;
  box-shadow:none!important;
}

/* Device profiles and actual narrow windows use the same compact rhythm.
 * Existing component placement and the marquee's horizontal dimensions stay. */
.mauto-home-runtime #device-shell[data-device="tablet"] .brand-strip {
  --mauto-brand-rail-height:40px;
  --mauto-brand-edge-fade:20px;
}
.mauto-home-runtime #device-shell[data-device="tablet"] .ecosystem-support {
  --mauto-support-mark-size:32px;
  --mauto-support-action-size:26px;
  width:min(360px,100%)!important;
  max-width:min(360px,100%)!important;
  gap:7px!important;
  padding:8px 9px!important;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .brand-strip {
  --mauto-brand-rail-height:36px;
  --mauto-brand-edge-fade:14px;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-concierge {
  --mauto-support-mark-size:30px;
  --mauto-support-action-size:24px;
  gap:7px!important;
  padding:8px 9px!important;
  border-radius:16px!important;
}
@media (max-width:767px) {
  .mauto-home-runtime #device-shell .brand-strip {
    --mauto-brand-rail-height:36px;
    --mauto-brand-edge-fade:14px;
  }
  .mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge,.ecosystem-support) {
    --mauto-support-mark-size:30px;
    --mauto-support-action-size:24px;
    max-width:calc(100% - 18px)!important;
    gap:7px!important;
    padding:8px 9px!important;
    border-radius:16px!important;
  }
}
@media (hover:hover) {
  .mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge,.ecosystem-support):hover {
    border-color:rgba(82,152,226,.5)!important;
    box-shadow:0 7px 18px -12px rgba(31,83,137,.27),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(216,232,249,.42)!important;
  }
}
.mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge,.ecosystem-support):focus-visible {
  outline:3px solid rgba(21,120,242,.32)!important;
  outline-offset:3px!important;
}
@media (prefers-reduced-motion:reduce) {
  .mauto-home-runtime #device-shell :is(.mobile-dashboard-concierge,.ecosystem-support) {
    transition:none!important;
  }
}
@media (forced-colors:active) {
  .mauto-home-runtime #device-shell .brand-strip {
    -webkit-mask-image:none;
    mask-image:none;
  }
  .mauto-home-runtime #device-shell :is(.brand-strip,.mobile-dashboard-concierge,.ecosystem-support) {
    background:Canvas!important;
    border-color:CanvasText!important;
    box-shadow:none!important;
  }
}