/* Edge Config Lab v0.8.8.3 — 0.8.8.1 styling, refined twin pinstripes.
   Only decorative CSS changed: no vehicle communication logic is modified. */
:root {
  --stripe-edge: color-mix(in srgb, var(--accent) 66%, var(--border));
  --stripe-inner: color-mix(in srgb, var(--accent) 32%, var(--surface));
}
/* The supplied ST honeycomb badge is intentionally UNSTRIPED.
   The artwork itself provides the red decorative border. */
.brand-logo-frame {
  display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center;
  padding:0; width:62px; height:62px; overflow:hidden;
  border:0; border-radius:17px; background:transparent; box-shadow:none;
}
.brand-logo {display:block;width:100%;height:100%;object-fit:cover;border-radius:17px;}
.brand {gap:12px;padding-left:4px;}
.brand strong {font-size:13px;letter-spacing:.65px;line-height:1.25;display:block;}
.brand small {letter-spacing:1px;font-size:10px;}
.brand-logo-mobile {width:44px;height:44px;border:0;padding:0;border-radius:12px;box-shadow:none;}
.brand-logo-mobile .brand-logo {border-radius:12px;}
/* Keep the understated header and navigation accents from 0.8.8.1. */
.side {
  border-right:1px solid var(--stripe-edge);
  box-shadow:inset -2px 0 0 color-mix(in srgb,var(--accent) 13%,transparent);
}
.topbar {position:relative;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));}
.topbar::after {
  content:'';position:absolute;left:0;bottom:-1px;width:125px;height:2px;
  background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 27%,transparent),transparent);
  pointer-events:none;
}
/* Twin uninterrupted 1px borders, theme-matched, with a discreet gap.
   Unlike 0.8.8.2 there are no ornate corners or decorative curls. */
.card,.feature,.module,.garage-item,.style-preview,.modal,.channel-panel {
  position:relative;
  border:1px solid var(--stripe-edge);
  box-shadow:0 9px 25px #00000021;
}
.card::before,.feature::before,.module::before,.garage-item::before,
.style-preview::before,.modal::before,.channel-panel::before {
  content:'';display:block;position:absolute;z-index:0;inset:5px;
  border:1px solid var(--stripe-inner);
  border-radius:calc(var(--radius) - 6px);
  pointer-events:none;
}
/* Disable the accent highlight bar from 0.8.8.1 so there are precisely two lines. */
.card::after,.feature::after,.module::after,.garage-item::after,
.style-preview::after,.modal::after,.channel-panel::after {content:none;}
.card > *,.feature > *,.module > *,.garage-item > *,
.style-preview > *,.modal > *,.channel-panel > * {position:relative;z-index:1;}
.feature:hover,.garage-item.active-vehicle {
  border-color:color-mix(in srgb,var(--accent) 80%,var(--border));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent),0 9px 25px #0004;
}
.style-preview {
  background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 55%),var(--bg);
}
.mobile-nav {
  border-top:1px solid var(--stripe-edge);
  box-shadow:0 -2px 0 color-mix(in srgb,var(--accent) 13%,transparent);
}
@media(max-width:730px) {
  .tab-mobile-top {gap:10px;margin-bottom:18px;letter-spacing:.45px;}
  .tab-mobile-top > span:nth-child(2) {font-size:13px;min-width:0;}
  .brand-logo-mobile {flex-shrink:0;}
  .card::before,.feature::before,.module::before,.garage-item::before,.style-preview::before {
    inset:4px;border-radius:calc(var(--radius) - 5px);
  }
}
@media(prefers-reduced-motion:reduce) {
  .brand-logo-frame,.card,.feature,.module {transition:none!important;}
}