/* PopShop™ PS-9636 — Intentional Light Appearance
   Light is authored, not an inversion. Dark selectors are intentionally absent.
   Existing PS_THEME / data-appearance remains the sole appearance authority. */

html[data-appearance="light"],
body[data-appearance="light"]{
  --ps-on-primary:#fff;
  --ps-on-accent:#fff;
  --ps-light-ink:#142018;
  --ps-light-muted:#627069;
  --ps-light-line:color-mix(in srgb,var(--ps-primary,#00b894) 13%,rgba(16,28,22,.12));
  --ps-light-primary-strong:color-mix(in srgb,var(--ps-primary,#00b894) 76%,#10251b 24%);
  --ps-light-primary-deep:color-mix(in srgb,var(--ps-primary,#00b894) 62%,#0b1811 38%);
  --ps-light-accent-strong:color-mix(in srgb,var(--ps-accent,#00aeb5) 72%,#122127 28%);
  --ps-light-header:linear-gradient(135deg,var(--ps-light-primary-strong),color-mix(in srgb,var(--ps-primary,#00b894) 62%,var(--ps-accent,#00aeb5) 38%));
  --ps-light-page:
    radial-gradient(900px 520px at 8% -8%,color-mix(in srgb,var(--ps-primary,#00b894) 12%,transparent),transparent 58%),
    radial-gradient(720px 480px at 100% 8%,color-mix(in srgb,var(--ps-accent,#00aeb5) 9%,transparent),transparent 60%),
    #f6f8f7;
  --ps-light-surface:rgba(255,255,255,.94);
  --ps-light-surface-solid:#fff;
  --ps-light-surface-soft:color-mix(in srgb,#fff 90%,var(--ps-primary,#00b894) 10%);
  --ps-light-shadow:0 18px 46px rgba(25,48,36,.14),0 2px 10px rgba(25,48,36,.07);
  color-scheme:light;
}

html[data-appearance="light"] body.ps-platform-shell,
body[data-appearance="light"].ps-platform-shell{
  background:var(--ps-light-page)!important;
  color:var(--ps-light-ink)!important;
}

/* Platform chrome receives more brand color in Light than Dark. */
html[data-appearance="light"] body.ps-platform-shell :is(.pssc-top,.creator-brand,.top-row,.ps-owner-access-summary,.console-head,.admin-header,.app-header,.panel-header),
body[data-appearance="light"].ps-platform-shell :is(.pssc-top,.creator-brand,.top-row,.ps-owner-access-summary,.console-head,.admin-header,.app-header,.panel-header){
  color:#fff;
}

html[data-appearance="light"] body.ps-platform-shell .pssc-top,
body[data-appearance="light"].ps-platform-shell .pssc-top{
  background:var(--ps-light-header)!important;
  border-color:color-mix(in srgb,var(--ps-primary,#00b894) 35%,transparent)!important;
  box-shadow:0 18px 40px color-mix(in srgb,var(--ps-primary,#00b894) 16%,transparent)!important;
}
html[data-appearance="light"] body.ps-platform-shell .pssc-top :is(h1,h2,h3,strong,.pssc-topkicker),
body[data-appearance="light"].ps-platform-shell .pssc-top :is(h1,h2,h3,strong,.pssc-topkicker){color:#fff!important}
html[data-appearance="light"] body.ps-platform-shell .pssc-top :is(p,small),
body[data-appearance="light"].ps-platform-shell .pssc-top :is(p,small){color:rgba(255,255,255,.78)!important}
html[data-appearance="light"] body.ps-platform-shell .pssc-top .pssc-btn,
body[data-appearance="light"].ps-platform-shell .pssc-top .pssc-btn{
  background:var(--ps-light-accent-strong)!important;color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;box-shadow:0 8px 20px rgba(8,34,29,.18)!important;
}

/* Creator/manager platform sections: authored white surfaces instead of dark hard-codes. */
html[data-appearance="light"] body.ps-platform-shell :is(.ps-owner-platform-ops,.owner-group,.console-search,.pssc-template-block,.pssc-preshop-card),
body[data-appearance="light"].ps-platform-shell :is(.ps-owner-platform-ops,.owner-group,.console-search,.pssc-template-block,.pssc-preshop-card){
  background:var(--ps-light-surface)!important;color:var(--ps-light-ink)!important;
  border-color:var(--ps-light-line)!important;box-shadow:var(--ps-light-shadow)!important;
}
html[data-appearance="light"] body.ps-platform-shell :is(.owner-group-copy strong,.ps-owner-access-summary strong,.pssc-template-head strong),
body[data-appearance="light"].ps-platform-shell :is(.owner-group-copy strong,.ps-owner-access-summary strong,.pssc-template-head strong){color:var(--ps-light-ink)!important}
html[data-appearance="light"] body.ps-platform-shell :is(.owner-group-copy span,.owner-group-copy code,.ps-owner-access-summary small,.pssc-template-head small),
body[data-appearance="light"].ps-platform-shell :is(.owner-group-copy span,.owner-group-copy code,.ps-owner-access-summary small,.pssc-template-head small){color:var(--ps-light-muted)!important}
html[data-appearance="light"] body.ps-platform-shell :is(.top-link-btn,.ps-owner-access-summary button,.pssc-template-toggle),
body[data-appearance="light"].ps-platform-shell :is(.top-link-btn,.ps-owner-access-summary button,.pssc-template-toggle){
  background:color-mix(in srgb,var(--ps-accent,#00aeb5) 13%,#fff)!important;
  border-color:color-mix(in srgb,var(--ps-accent,#00aeb5) 28%,transparent)!important;
  color:var(--ps-light-primary-deep)!important;
}

/* Shared overlays and legacy sheets: light treatment only. */
html[data-appearance="light"] :is(.pssc-menu-overlay,.psie-overlay,.psilb-overlay,.pspkg-review-overlay,.ps4322-starter-overlay,.ps8868-user-overlay,.ps8915-owner-addon-overlay,.psca-manager,.modal-overlay,.ps-modal-overlay,.ps-provider-overlay),
body[data-appearance="light"] :is(.pssc-menu-overlay,.psie-overlay,.psilb-overlay,.pspkg-review-overlay,.ps4322-starter-overlay,.ps8868-user-overlay,.ps8915-owner-addon-overlay,.psca-manager,.modal-overlay,.ps-modal-overlay,.ps-provider-overlay){
  background:rgba(25,37,31,.24)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}

html[data-appearance="light"] :is(.pssc-menu,.psie-sheet,.psilb-sheet,.pspkg-review,.ps4322-starter-sheet,.ps8868-user-sheet,.ps8915-owner-addon-card,.psca-manager-sheet,.modal-card,.bottom-sheet,.wz-sheet,.ps-provider-panel.is-standalone),
body[data-appearance="light"] :is(.pssc-menu,.psie-sheet,.psilb-sheet,.pspkg-review,.ps4322-starter-sheet,.ps8868-user-sheet,.ps8915-owner-addon-card,.psca-manager-sheet,.modal-card,.bottom-sheet,.wz-sheet,.ps-provider-panel.is-standalone){
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,250,248,.985))!important;
  color:var(--ps-light-ink)!important;
  border-color:var(--ps-light-line)!important;
  box-shadow:0 30px 90px rgba(28,47,37,.22),inset 0 1px 0 rgba(255,255,255,.9)!important;
}

/* Intentionally branded modal/sheet headers. */
html[data-appearance="light"] :is(.psie-head,.psilb-sheet>header,.pspkg-review__head,.ps4322-starter-head,.ps8868-user-head,.ps8915-owner-addon-head,.psca-manager-head,.modal-header,.pssc-work-head),
body[data-appearance="light"] :is(.psie-head,.psilb-sheet>header,.pspkg-review__head,.ps4322-starter-head,.ps8868-user-head,.ps8915-owner-addon-head,.psca-manager-head,.modal-header,.pssc-work-head){
  background:var(--ps-light-header)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}
html[data-appearance="light"] :is(.psie-head,.psilb-sheet>header,.pspkg-review__head,.ps4322-starter-head,.ps8868-user-head,.ps8915-owner-addon-head,.psca-manager-head,.modal-header,.pssc-work-head) :is(h1,h2,h3,h4,strong,.psie-title,.psilb-kicker,.pspkg-review__kicker),
body[data-appearance="light"] :is(.psie-head,.psilb-sheet>header,.pspkg-review__head,.ps4322-starter-head,.ps8868-user-head,.ps8915-owner-addon-head,.psca-manager-head,.modal-header,.pssc-work-head) :is(h1,h2,h3,h4,strong,.psie-title,.psilb-kicker,.pspkg-review__kicker){color:#fff!important}
html[data-appearance="light"] :is(.psie-head,.psilb-sheet>header,.pspkg-review__head,.ps4322-starter-head,.ps8868-user-head,.ps8915-owner-addon-head,.psca-manager-head,.modal-header,.pssc-work-head) :is(p,small,span),
body[data-appearance="light"] :is(.psie-head,.psilb-sheet>header,.pspkg-review__head,.ps4322-starter-head,.ps8868-user-head,.ps8915-owner-addon-head,.psca-manager-head,.modal-header,.pssc-work-head) :is(p,small,span){color:rgba(255,255,255,.78)!important}

/* Header actions use secondary brand color + white text. */
html[data-appearance="light"] :is(.psie-close,.psilb-sheet>header>button,.pspkg-review__head>button,.ps4322-starter-close,.ps8868-user-close,.ps8915-owner-addon-close,.psca-manager-head>button,.modal-close,.pssc-work-close),
body[data-appearance="light"] :is(.psie-close,.psilb-sheet>header>button,.pspkg-review__head>button,.ps4322-starter-close,.ps8868-user-close,.ps8915-owner-addon-close,.psca-manager-head>button,.modal-close,.pssc-work-close){
  background:var(--ps-light-accent-strong)!important;color:#fff!important;
  border-color:rgba(255,255,255,.26)!important;box-shadow:0 8px 20px rgba(7,32,28,.18)!important;
}

/* Workspaces that were hard-coded graphite. */
html[data-appearance="light"] .pssc-workspace,
body[data-appearance="light"] .pssc-workspace{
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--pssc-shop-primary,var(--ps-primary,#00b894)) 13%,transparent),transparent 34%),
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--pssc-shop-accent,var(--ps-accent,#00aeb5)) 10%,transparent),transparent 30%),
    linear-gradient(180deg,#fff,#f5f8f6)!important;
  color:var(--ps-light-ink)!important;
  border-color:color-mix(in srgb,var(--pssc-shop-primary,var(--ps-primary,#00b894)) 22%,rgba(24,45,34,.10))!important;
  box-shadow:0 32px 90px rgba(25,45,35,.22)!important;
}
html[data-appearance="light"] .pssc-workspace :is(.pssc-tab,.pssc-detail-row,.pssc-stat,.pssc-launch,.pssc-choice,.pssc-history-row),
body[data-appearance="light"] .pssc-workspace :is(.pssc-tab,.pssc-detail-row,.pssc-stat,.pssc-launch,.pssc-choice,.pssc-history-row){color:var(--ps-light-ink)}
html[data-appearance="light"] .pssc-workspace :is(.pssc-chip,.pssc-detail-row span,.pssc-stat span,.pssc-launch small,.pssc-history-row span),
body[data-appearance="light"] .pssc-workspace :is(.pssc-chip,.pssc-detail-row span,.pssc-stat span,.pssc-launch small,.pssc-history-row span){color:var(--ps-light-muted)!important}

/* Menus become clean, compact light sheets rather than dark legacy panels. */
html[data-appearance="light"] .pssc-menu,
body[data-appearance="light"] .pssc-menu{padding-top:10px!important}
html[data-appearance="light"] .pssc-menu-grab,
body[data-appearance="light"] .pssc-menu-grab{background:color-mix(in srgb,var(--ps-primary,#00b894) 28%,transparent)!important}
html[data-appearance="light"] .pssc-menu :is(h3,p),
body[data-appearance="light"] .pssc-menu :is(h3,p){color:var(--ps-light-ink)!important}
html[data-appearance="light"] .pssc-menu p,
body[data-appearance="light"] .pssc-menu p{color:var(--ps-light-muted)!important}
html[data-appearance="light"] .pssc-menu button,
body[data-appearance="light"] .pssc-menu button{
  background:#fff!important;color:var(--ps-light-ink)!important;
  border:1px solid var(--ps-light-line)!important;
  box-shadow:0 7px 18px rgba(28,50,38,.07)!important;
}
html[data-appearance="light"] .pssc-menu button:active,
body[data-appearance="light"] .pssc-menu button:active{background:color-mix(in srgb,var(--ps-primary,#00b894) 8%,#fff)!important}

/* Inputs, selects and list-builder surfaces in light. */
html[data-appearance="light"] :is(.psie-sheet,.psilb-sheet,.pspkg-review,.ps4322-starter-sheet,.ps8868-user-sheet,.psca-manager-sheet,.modal-card,.wz-sheet) :is(input,textarea,select),
body[data-appearance="light"] :is(.psie-sheet,.psilb-sheet,.pspkg-review,.ps4322-starter-sheet,.ps8868-user-sheet,.psca-manager-sheet,.modal-card,.wz-sheet) :is(input,textarea,select){
  background:#fff!important;color:var(--ps-light-ink)!important;
  border-color:rgba(26,50,37,.13)!important;
  box-shadow:inset 0 1px 2px rgba(23,43,32,.04)!important;
}
html[data-appearance="light"] :is(.psie-source-btn,.psie-unified-picker,.psie-unified-contact,.psilb-toolbar button,.psilb-footer button,.pspkg-review__row,.pspkg-review__edit,.pspkg-review__choice,.wz-section),
body[data-appearance="light"] :is(.psie-source-btn,.psie-unified-picker,.psie-unified-contact,.psilb-toolbar button,.psilb-footer button,.pspkg-review__row,.pspkg-review__edit,.pspkg-review__choice,.wz-section){
  background:#fff!important;color:var(--ps-light-ink)!important;border-color:var(--ps-light-line)!important;
}
html[data-appearance="light"] :is(.psie-unified-picker,.psilb-toolbar button.primary,.psilb-footer button.primary,.pspkg-review__foot .primary,.modal-btn-primary),
body[data-appearance="light"] :is(.psie-unified-picker,.psilb-toolbar button.primary,.psilb-footer button.primary,.pspkg-review__foot .primary,.modal-btn-primary){
  background:linear-gradient(135deg,var(--ps-light-primary-strong),color-mix(in srgb,var(--ps-primary,#00b894) 62%,var(--ps-accent,#00aeb5) 38%))!important;
  color:#fff!important;border-color:transparent!important;
}
html[data-appearance="light"] :is(.psie-unified-picker small,.psie-unified-note,.psilb-source-meta,.pspkg-review__row small,.pspkg-review__choice small),
body[data-appearance="light"] :is(.psie-unified-picker small,.psie-unified-note,.psilb-source-meta,.pspkg-review__row small,.pspkg-review__choice small){color:var(--ps-light-muted)!important}

/* Light mode should not inherit old black fixed backgrounds. */
html[data-appearance="light"] body.ps-platform-shell :is(.tab-row,.wz-foot),
body[data-appearance="light"].ps-platform-shell :is(.tab-row,.wz-foot){background:rgba(255,255,255,.92)!important;border-color:var(--ps-light-line)!important}
html[data-appearance="light"] body.ps-platform-shell .tab-btn.active,
body[data-appearance="light"].ps-platform-shell .tab-btn.active{
  background:var(--ps-light-primary-strong)!important;color:#fff!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--ps-primary,#00b894) 16%,transparent)!important;
}

/* Focus is visible on light surfaces. */
html[data-appearance="light"] :is(button,input,select,textarea):focus-visible,
body[data-appearance="light"] :is(button,input,select,textarea):focus-visible{
  outline:3px solid color-mix(in srgb,var(--ps-accent,#00aeb5) 38%,transparent)!important;
  outline-offset:2px;
}

/* Creator/Admin top bars are true Light-mode brand headers. */
html[data-appearance="light"] body.ps-platform-shell .top-row,
body[data-appearance="light"].ps-platform-shell .top-row{
  padding:12px 14px!important;margin:0 0 14px!important;border-radius:22px!important;
  background:var(--ps-light-header)!important;
  border:1px solid color-mix(in srgb,var(--ps-primary,#00b894) 38%,transparent)!important;
  box-shadow:0 18px 42px color-mix(in srgb,var(--ps-primary,#00b894) 15%,transparent)!important;
}
html[data-appearance="light"] body.ps-platform-shell .top-row :is(.creator-brand-copy h1,.creator-brand-copy small),
body[data-appearance="light"].ps-platform-shell .top-row :is(.creator-brand-copy h1,.creator-brand-copy small){color:#fff!important}
html[data-appearance="light"] body.ps-platform-shell .top-row :is(.top-link-btn,.sign-out-btn),
body[data-appearance="light"].ps-platform-shell .top-row :is(.top-link-btn,.sign-out-btn){
  background:var(--ps-light-accent-strong)!important;color:#fff!important;
  border-color:rgba(255,255,255,.26)!important;
}

/* Light-only header band for shared action menus; dark markup remains visually unchanged. */
html[data-appearance="light"] .pssc-menu .pssc-menu-head,
body[data-appearance="light"] .pssc-menu .pssc-menu-head{
  margin:-10px -14px 10px;padding:16px 16px 13px;
  background:var(--ps-light-header);border-radius:22px 22px 15px 15px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
html[data-appearance="light"] .pssc-menu .pssc-menu-head :is(h3,p),
body[data-appearance="light"] .pssc-menu .pssc-menu-head :is(h3,p){color:#fff!important}
html[data-appearance="light"] .pssc-menu .pssc-menu-head p,
body[data-appearance="light"] .pssc-menu .pssc-menu-head p{color:rgba(255,255,255,.76)!important}

/* Runtime-marked legacy surfaces catch remaining hard-coded graphite dialogs. */
html[data-appearance="light"] .ps-light-legacy-surface,
body[data-appearance="light"] .ps-light-legacy-surface{
  color:var(--ps-light-ink)!important;
}
html[data-appearance="light"] .ps-light-legacy-surface:not(.pssc-workspace),
body[data-appearance="light"] .ps-light-legacy-surface:not(.pssc-workspace){
  border-color:var(--ps-light-line)!important;
}
html[data-appearance="light"] .ps-light-legacy-head,
body[data-appearance="light"] .ps-light-legacy-head{
  background:var(--ps-light-header)!important;color:#fff!important;
}

/* PS-9629 closure — remap the legacy platform tokens only while Light is
   authoritative. This is the key difference from an inversion: Light gets its
   own bright surface hierarchy and stronger brand distribution, while shop
   preview cards keep their merchant-authored presentation. */
html[data-appearance="light"] body.ps-platform-shell,
body[data-appearance="light"].ps-platform-shell{
  --ps-bg:#f6f8f7;
  --ps-surface:#ffffff;
  --ps-surface2:#eef4f1;
  --ps-text:var(--ps-light-ink);
  --ps-muted:var(--ps-light-muted);
  --ps-line:var(--ps-light-line);
}
/* Merchant shop previews are intentionally excluded from platform palette
   remapping. Their own --shop-* tokens and shop appearance remain authoritative. */

/* Every legacy surface identified by the presentation bridge receives an
   authored Light surface. The bridge explicitly excludes merchant previews,
   maps and media, so this cannot wash out storefront artwork. */
html[data-appearance="light"] .ps-light-legacy-surface,
body[data-appearance="light"] .ps-light-legacy-surface{
  background:linear-gradient(180deg,rgba(255,255,255,.992),rgba(244,249,246,.992))!important;
  color:var(--ps-light-ink)!important;
  border-color:var(--ps-light-line)!important;
  box-shadow:0 28px 82px rgba(25,48,36,.20),inset 0 1px 0 rgba(255,255,255,.94)!important;
}

/* Shared Data Gateway, floating action menus and message surfaces are active
   platform UI too; they participate in intentional Light rather than retaining
   hard-coded graphite. */
html[data-appearance="light"] :is(.ps-dg-sheet,.shop-action-menu,.psms-sheet,.psms-panel),
body[data-appearance="light"] :is(.ps-dg-sheet,.shop-action-menu,.psms-sheet,.psms-panel){
  background:linear-gradient(180deg,#fff,#f3f8f5)!important;
  color:var(--ps-light-ink)!important;
  border-color:var(--ps-light-line)!important;
  box-shadow:var(--ps-light-shadow)!important;
}
html[data-appearance="light"] :is(.ps-dg-header,.psms-head,.psms-header),
body[data-appearance="light"] :is(.ps-dg-header,.psms-head,.psms-header){
  background:var(--ps-light-header)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}
html[data-appearance="light"] :is(.ps-dg-close,.psms-close,.psms-head button,.psms-header button),
body[data-appearance="light"] :is(.ps-dg-close,.psms-close,.psms-head button,.psms-header button){
  background:var(--ps-light-accent-strong)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
}
html[data-appearance="light"] .shop-action-menu button,
body[data-appearance="light"] .shop-action-menu button{
  background:transparent!important;
  color:var(--ps-light-ink)!important;
  box-shadow:none!important;
}
html[data-appearance="light"] .shop-action-menu button:hover,
body[data-appearance="light"] .shop-action-menu button:hover{
  background:color-mix(in srgb,var(--ps-primary,#00b894) 8%,#fff)!important;
}

/* Creator/Owners2 operational cards use visible hierarchy in Light instead of
   the old white-on-near-white legacy result. */
html[data-appearance="light"] body.ps-owners2-shell :is(.ps-owner-platform-ops,.ps-owner-access-summary,.owner-group-head,.console-search),
body[data-appearance="light"].ps-owners2-shell :is(.ps-owner-platform-ops,.ps-owner-access-summary,.owner-group-head,.console-search){
  color:var(--ps-light-ink)!important;
}
html[data-appearance="light"] body.ps-owners2-shell .ps-owner-platform-ops,
body[data-appearance="light"].ps-owners2-shell .ps-owner-platform-ops{
  background:linear-gradient(145deg,color-mix(in srgb,var(--ps-primary,#00b894) 8%,#fff),#fff 58%)!important;
}
html[data-appearance="light"] body.ps-owners2-shell .owner-group,
body[data-appearance="light"].ps-owners2-shell .owner-group{
  background:#fff!important;
  border-color:var(--ps-light-line)!important;
}

/* Platform-level secondary actions on branded Light headers intentionally use
   the secondary/accent family with white copy. */
html[data-appearance="light"] body.ps-platform-shell :is(.top-row,.pssc-top,.ps-light-legacy-head,.ps-dg-header) :is(button,.top-link-btn,.sign-out-btn):not(.danger),
body[data-appearance="light"].ps-platform-shell :is(.top-row,.pssc-top,.ps-light-legacy-head,.ps-dg-header) :is(button,.top-link-btn,.sign-out-btn):not(.danger){
  background:var(--ps-light-accent-strong)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
}

/* ═════════════════════════════════════════════════════════════════════
   PS-9633 — Authored platform Light Mode closure
   Dark mode is intentionally untouched. Light uses a mineral base with
   stronger merchant/platform brand distribution instead of a white inversion.
   ═════════════════════════════════════════════════════════════════════ */
html[data-appearance="light"] body.ps-platform-shell,
body[data-appearance="light"].ps-platform-shell{
  --ps-light-page:#edf3ef;
  --ps-bg:#edf3ef;
  --ps-surface:#fbfdfb;
  --ps-surface2:#e5eee9;
  --ps-text:#17231c;
  --ps-muted:#65736b;
  --ps-line:color-mix(in srgb,var(--ps-primary,#00b894) 16%,rgba(20,36,27,.13));
  background:
    radial-gradient(760px 480px at 5% 0%,color-mix(in srgb,var(--ps-primary,#00b894) 11%,transparent),transparent 58%),
    radial-gradient(680px 440px at 100% 12%,color-mix(in srgb,var(--ps-accent,#00aeb5) 8%,transparent),transparent 62%),
    #edf3ef!important;
  color:#17231c!important;
}

/* Platform top rows are deliberately branded in Light. */
html[data-appearance="light"] body.ps-owners2-shell .top-row,
html[data-appearance="light"] body.ps-shops2-shell .top-row,
body[data-appearance="light"].ps-owners2-shell .top-row,
body[data-appearance="light"].ps-shops2-shell .top-row{
  padding:12px 14px!important;
  border:1px solid color-mix(in srgb,var(--ps-primary,#00b894) 36%,transparent)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--ps-primary,#00b894) 84%,#163225),
    color-mix(in srgb,var(--ps-primary,#00b894) 64%,var(--ps-accent,#00aeb5) 36%))!important;
  box-shadow:0 16px 36px color-mix(in srgb,var(--ps-primary,#00b894) 18%,transparent)!important;
  color:#fff!important;
}
html[data-appearance="light"] body.ps-owners2-shell .top-row :is(h1,h2,strong,.creator-brand-copy h1,.creator-brand-copy small),
html[data-appearance="light"] body.ps-shops2-shell .top-row :is(h1,h2,strong,.ps-myplaza-wordmark,.ps-wordmark-popshop,.ps-wordmark-myplaza),
body[data-appearance="light"].ps-owners2-shell .top-row :is(h1,h2,strong,.creator-brand-copy h1,.creator-brand-copy small),
body[data-appearance="light"].ps-shops2-shell .top-row :is(h1,h2,strong,.ps-myplaza-wordmark,.ps-wordmark-popshop,.ps-wordmark-myplaza){color:#fff!important}
html[data-appearance="light"] body.ps-platform-shell .top-row :is(.top-link-btn,.sign-out-btn),
body[data-appearance="light"].ps-platform-shell .top-row :is(.top-link-btn,.sign-out-btn){
  background:color-mix(in srgb,var(--ps-accent,#00aeb5) 78%,#12343b)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(10,35,31,.17)!important;
}

/* The access/operations cards are light surfaces, but their section heads carry
   brand color so Light does not become a field of white cards. */
html[data-appearance="light"] body.ps-owners2-shell .ps-owner-platform-ops,
html[data-appearance="light"] body.ps-shops2-shell .plaza-ops-hub,
body[data-appearance="light"].ps-owners2-shell .ps-owner-platform-ops,
body[data-appearance="light"].ps-shops2-shell .plaza-ops-hub{
  background:linear-gradient(180deg,#fbfdfb,#f2f7f4)!important;
  border-color:var(--ps-light-line)!important;
  color:var(--ps-light-ink)!important;
  box-shadow:0 16px 38px rgba(32,58,43,.12)!important;
}
html[data-appearance="light"] body.ps-owners2-shell .ps-owner-access-summary,
html[data-appearance="light"] body.ps-shops2-shell .plaza-ops-head,
body[data-appearance="light"].ps-owners2-shell .ps-owner-access-summary,
body[data-appearance="light"].ps-shops2-shell .plaza-ops-head{
  margin:-6px -6px 10px!important;
  padding:12px!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--ps-primary,#00b894) 84%,#163225),
    color-mix(in srgb,var(--ps-primary,#00b894) 62%,var(--ps-accent,#00aeb5) 38%))!important;
  color:#fff!important;
}
html[data-appearance="light"] body.ps-owners2-shell .ps-owner-access-summary :is(span,strong,small),
html[data-appearance="light"] body.ps-shops2-shell .plaza-ops-head :is(span,strong,small),
body[data-appearance="light"].ps-owners2-shell .ps-owner-access-summary :is(span,strong,small),
body[data-appearance="light"].ps-shops2-shell .plaza-ops-head :is(span,strong,small){color:#fff!important}
html[data-appearance="light"] body.ps-owners2-shell .ps-owner-access-summary button,
body[data-appearance="light"].ps-owners2-shell .ps-owner-access-summary button{
  background:color-mix(in srgb,var(--ps-accent,#00aeb5) 80%,#17343a)!important;
  border-color:rgba(255,255,255,.26)!important;color:#fff!important;
}

/* Keep ordinary section labels/text legible — only actual branded headers are white. */
html[data-appearance="light"] body.ps-platform-shell :is(.distribution-template-head span,.distribution-template-head small,.owner-group-copy strong,.owner-group-copy span,.owner-group-copy code,.pssc-context-head h2,.pssc-context-head p,.pssc-template-head strong,.pssc-template-head small),
body[data-appearance="light"].ps-platform-shell :is(.distribution-template-head span,.distribution-template-head small,.owner-group-copy strong,.owner-group-copy span,.owner-group-copy code,.pssc-context-head h2,.pssc-context-head p,.pssc-template-head strong,.pssc-template-head small){color:inherit!important}
html[data-appearance="light"] body.ps-platform-shell :is(.distribution-template-head small,.owner-group-copy span,.owner-group-copy code,.pssc-context-head p,.pssc-template-head small),
body[data-appearance="light"].ps-platform-shell :is(.distribution-template-head small,.owner-group-copy span,.owner-group-copy code,.pssc-context-head p,.pssc-template-head small){color:var(--ps-light-muted)!important}

/* Search/utility controls in Light are softly tinted, not white-on-white. */
html[data-appearance="light"] body.ps-platform-shell :is(.console-search,.search-wrap,.pssc-search,input[type="search"],select),
body[data-appearance="light"].ps-platform-shell :is(.console-search,.search-wrap,.pssc-search,input[type="search"],select){
  background:color-mix(in srgb,#fff 88%,var(--ps-primary,#00b894) 12%)!important;
  color:var(--ps-light-ink)!important;
  border-color:var(--ps-light-line)!important;
}

/* Shared modal/sheet/action headers: primary surface + secondary action color. */
html[data-appearance="light"] :is(.pssc-owner-sheet-head,.pssc-menu-head,.pssc-work-head,.psie-head,.psilb-sheet>header,.modal-header,.sheet-header),
body[data-appearance="light"] :is(.pssc-owner-sheet-head,.pssc-menu-head,.pssc-work-head,.psie-head,.psilb-sheet>header,.modal-header,.sheet-header){
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--ps-primary,#00b894) 84%,#163225),
    color-mix(in srgb,var(--ps-primary,#00b894) 65%,var(--ps-accent,#00aeb5) 35%))!important;
  color:#fff!important;
}
html[data-appearance="light"] :is(.pssc-owner-sheet-head,.pssc-menu-head,.pssc-work-head,.psie-head,.psilb-sheet>header,.modal-header,.sheet-header) :is(h1,h2,h3,strong,span,small,p),
body[data-appearance="light"] :is(.pssc-owner-sheet-head,.pssc-menu-head,.pssc-work-head,.psie-head,.psilb-sheet>header,.modal-header,.sheet-header) :is(h1,h2,h3,strong,span,small,p){color:#fff!important}

/* Owner stack sheet itself gets a proper authored Light surface. */
html[data-appearance="light"] .pssc-owner-overlay,
body[data-appearance="light"] .pssc-owner-overlay{background:rgba(25,39,31,.28)!important}
html[data-appearance="light"] .pssc-owner-sheet,
body[data-appearance="light"] .pssc-owner-sheet{
  background:linear-gradient(180deg,#fbfdfb,#eef4f0)!important;
  color:var(--ps-light-ink)!important;
  border-color:var(--ps-light-line)!important;
  box-shadow:0 34px 90px rgba(28,49,37,.22)!important;
}
html[data-appearance="light"] .pssc-owner-close,
body[data-appearance="light"] .pssc-owner-close{
  background:color-mix(in srgb,var(--ps-accent,#00aeb5) 78%,#17343a)!important;
  border-color:rgba(255,255,255,.24)!important;color:#fff!important;
}

/* Admin keeps its own appearance authority; when that authority resolves Light,
   legacy dark hard-codes receive the same authored platform treatment. */
html[data-appearance="light"] body.ps-admin-shell :is(.admin-header,.workspace-head,.panel-head,.drawer-head),
body[data-appearance="light"].ps-admin-shell :is(.admin-header,.workspace-head,.panel-head,.drawer-head){
  background:var(--ps-light-header)!important;color:#fff!important;
}
html[data-appearance="light"] body.ps-admin-shell :is(.card,.panel,.admin-card,.workspace-card,.drawer-section),
body[data-appearance="light"].ps-admin-shell :is(.card,.panel,.admin-card,.workspace-card,.drawer-section){
  background:linear-gradient(180deg,#fbfdfb,#f0f6f2)!important;
  color:var(--ps-light-ink)!important;border-color:var(--ps-light-line)!important;
}


/* ═════════════════════════════════════════════════════════════════════
   PS-9634 — Light isolation + merchant brand preservation
   Platform light chrome stays PopShop-branded; merchant cards/workspaces keep
   their own shop colors and appearance. Dark mode selectors remain untouched.
   ═════════════════════════════════════════════════════════════════════ */
html[data-appearance="light"] .pssc-workspace .pssc-work-head,
body[data-appearance="light"] .pssc-workspace .pssc-work-head{
  background:linear-gradient(135deg,color-mix(in srgb,var(--pssc-shop-primary,#00b894) 76%,#163127 24%),color-mix(in srgb,var(--pssc-shop-accent,var(--pssc-shop-primary,#00b894)) 66%,#17313a 34%))!important;
  color:#fff!important;border-color:color-mix(in srgb,var(--pssc-shop-primary,#00b894) 34%,rgba(0,0,0,.12))!important;
}
html[data-appearance="light"] .pssc-workspace .pssc-work-head :is(h1,h2,h3,strong,p,small,span),
body[data-appearance="light"] .pssc-workspace .pssc-work-head :is(h1,h2,h3,strong,p,small,span){color:#fff!important}
html[data-appearance="light"] .pssc-workspace .pssc-work-close,
body[data-appearance="light"] .pssc-workspace .pssc-work-close{background:color-mix(in srgb,var(--pssc-shop-accent,var(--pssc-shop-primary,#00b894)) 72%,#17343a)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
html[data-appearance="light"] :is(.pssc-owner-stack,.pssc-owner-sheet),
body[data-appearance="light"] :is(.pssc-owner-stack,.pssc-owner-sheet){background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,248,244,.98))!important;color:var(--ps-light-ink)!important;border-color:var(--ps-light-line)!important;box-shadow:0 20px 54px rgba(27,48,37,.15)!important}
html[data-appearance="light"] .pssc-owner-overlay,body[data-appearance="light"] .pssc-owner-overlay{background:rgba(27,40,33,.24)!important;backdrop-filter:blur(16px) saturate(1.06)!important;-webkit-backdrop-filter:blur(16px) saturate(1.06)!important}
html[data-appearance="light"] .pssc-owner-sheet-head,body[data-appearance="light"] .pssc-owner-sheet-head{background:linear-gradient(135deg,color-mix(in srgb,var(--ps-primary,#00b894) 72%,#183428 28%),color-mix(in srgb,var(--ps-accent,#00aeb5) 62%,#18323a 38%))!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
html[data-appearance="light"] .pssc-owner-sheet-head :is(h3,span,small),body[data-appearance="light"] .pssc-owner-sheet-head :is(h3,span,small){color:#fff!important}
html[data-appearance="light"] .pssc-owner-close,body[data-appearance="light"] .pssc-owner-close{background:color-mix(in srgb,var(--ps-accent,#00aeb5) 72%,#18323a)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
html[data-appearance="light"] .pssc-owner-stack-head,html[data-appearance="light"] .pssc-owner-stack-foot,body[data-appearance="light"] .pssc-owner-stack-head,body[data-appearance="light"] .pssc-owner-stack-foot{color:var(--ps-light-ink)!important}
html[data-appearance="light"] .pssc-owner-copy small,html[data-appearance="light"] .pssc-owner-stack-foot span,body[data-appearance="light"] .pssc-owner-copy small,body[data-appearance="light"] .pssc-owner-stack-foot span{color:var(--ps-light-muted)!important}
html[data-appearance="light"] .pssc-owner-count,body[data-appearance="light"] .pssc-owner-count{background:color-mix(in srgb,var(--ps-primary,#00b894) 12%,#fff)!important;color:color-mix(in srgb,var(--ps-primary,#00b894) 72%,#153225)!important}
html[data-appearance="light"] .pssc-template-block,body[data-appearance="light"] .pssc-template-block{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(242,248,244,.96))!important;border-color:var(--ps-light-line)!important}
html[data-appearance="light"] .pssc-preshop-empty,body[data-appearance="light"] .pssc-preshop-empty{background:color-mix(in srgb,#fff 92%,var(--ps-primary,#00b894) 8%)!important;color:var(--ps-light-ink)!important;border-color:var(--ps-light-line)!important}


/* PS-9635 — remaining Creator light surfaces. These are platform-owned cards,
   not merchant storefront previews. */
html[data-appearance="light"] body.ps-platform-shell :is(.distribution-template-card,.pssc-preshop-card),
body[data-appearance="light"].ps-platform-shell :is(.distribution-template-card,.pssc-preshop-card){
  background:linear-gradient(180deg,#fff,#f3f8f5)!important;
  border-color:var(--ps-light-line)!important;
  color:var(--ps-light-ink)!important;
  box-shadow:0 12px 30px rgba(25,48,36,.10)!important;
}
html[data-appearance="light"] body.ps-platform-shell :is(.distribution-template-copy strong,.pssc-preshop-card strong),
body[data-appearance="light"].ps-platform-shell :is(.distribution-template-copy strong,.pssc-preshop-card strong){color:var(--ps-light-ink)!important}
html[data-appearance="light"] body.ps-platform-shell :is(.distribution-template-copy small,.pssc-preshop-card small),
body[data-appearance="light"].ps-platform-shell :is(.distribution-template-copy small,.pssc-preshop-card small){color:var(--ps-light-muted)!important}

/* ═════════════════════════════════════════════════════════════════════
   PS-9636 — Creator Light cleanup + merchant color isolation
   Platform-owned controls are intentionally Light; merchant workspaces remain
   styled from each shop's own primary/accent colors.
   ═════════════════════════════════════════════════════════════════════ */
html[data-appearance="light"] body.ps-platform-shell #shopList.pssc .ps8861-tool,
body[data-appearance="light"].ps-platform-shell #shopList.pssc .ps8861-tool{
  background:linear-gradient(180deg,rgba(255,255,255,.98),color-mix(in srgb,#fff 90%,var(--ps-primary,#00b894) 10%))!important;
  color:#24332b!important;
  border-color:color-mix(in srgb,var(--ps-primary,#00b894) 18%,rgba(20,35,27,.14))!important;
  box-shadow:0 7px 18px rgba(28,49,37,.08)!important;
  opacity:1!important;
}
html[data-appearance="light"] body.ps-platform-shell #shopList.pssc .ps8861-tool svg,
body[data-appearance="light"].ps-platform-shell #shopList.pssc .ps8861-tool svg{stroke:currentColor!important;opacity:1!important}
html[data-appearance="light"] body.ps-platform-shell #shopList.pssc .ps8861-tool:is(:hover,:focus-visible),
body[data-appearance="light"].ps-platform-shell #shopList.pssc .ps8861-tool:is(:hover,:focus-visible){
  color:color-mix(in srgb,var(--ps-primary,#00b894) 72%,#17241d)!important;
  border-color:color-mix(in srgb,var(--ps-primary,#00b894) 38%,transparent)!important;
}
html[data-appearance="light"] body.ps-platform-shell #shopList.pssc .ps8861-tool[aria-pressed="true"],
html[data-appearance="light"] body.ps-platform-shell #shopList.pssc .ps8861-tool.is-active,
body[data-appearance="light"].ps-platform-shell #shopList.pssc .ps8861-tool[aria-pressed="true"],
body[data-appearance="light"].ps-platform-shell #shopList.pssc .ps8861-tool.is-active{
  background:color-mix(in srgb,var(--ps-primary,#00b894) 16%,#fff)!important;
  color:color-mix(in srgb,var(--ps-primary,#00b894) 78%,#112018)!important;
}

/* Platform map affordance that floats outside the merchant mock must never keep
   the old dark plate in Light mode. */
html[data-appearance="light"] body.ps-platform-shell .ps8864-card-map-btn,
body[data-appearance="light"].ps-platform-shell .ps8864-card-map-btn{
  background:rgba(255,255,255,.96)!important;
  color:#223129!important;
  border-color:rgba(25,43,33,.12)!important;
  box-shadow:0 8px 20px rgba(26,44,34,.12)!important;
}
html[data-appearance="light"] body.ps-platform-shell .ps8864-card-map-btn.is-map-focused,
body[data-appearance="light"].ps-platform-shell .ps8864-card-map-btn.is-map-focused{
  background:linear-gradient(135deg,var(--shop-primary,#00e676),var(--shop-accent,#00cec9))!important;
  color:#07110b!important;
}

/* Pre-Shop/owner-row shells are platform chrome. Only the shop preview surface
   itself may remain Dark when that merchant shop is Dark. */
html[data-appearance="light"] body.ps-platform-shell :is(.pssc-template-row,.pssc-template-row>*,.pssc-card-slot,.pssc-owner-grid-slot,.pssc-owner-single-slot),
body[data-appearance="light"].ps-platform-shell :is(.pssc-template-row,.pssc-template-row>*,.pssc-card-slot,.pssc-owner-grid-slot,.pssc-owner-single-slot){
  background:transparent!important;
}
html[data-appearance="light"] body.ps-platform-shell .pssc-template-block,
body[data-appearance="light"].ps-platform-shell .pssc-template-block{
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(244,249,246,.985))!important;
  border-color:var(--ps-light-line)!important;
  box-shadow:0 14px 34px rgba(26,48,36,.10)!important;
}
html[data-appearance="light"] body.ps-platform-shell .pssc-template-toggle,
body[data-appearance="light"].ps-platform-shell .pssc-template-toggle{
  background:color-mix(in srgb,var(--ps-primary,#00b894) 10%,#fff)!important;
  color:color-mix(in srgb,var(--ps-primary,#00b894) 72%,#17251d)!important;
  border-color:color-mix(in srgb,var(--ps-primary,#00b894) 24%,transparent)!important;
}

/* Large shop detail card: shop colors, never PopShop teal. */
html[data-appearance="light"] .pssc-workspace .pssc-work-actions .pssc-btn,
body[data-appearance="light"] .pssc-workspace .pssc-work-actions .pssc-btn{
  background:color-mix(in srgb,var(--pssc-shop-primary,#00b894) 15%,#fff)!important;
  color:color-mix(in srgb,var(--pssc-shop-primary,#00b894) 72%,#16221b)!important;
  border-color:color-mix(in srgb,var(--pssc-shop-primary,#00b894) 34%,rgba(20,34,27,.12))!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--pssc-shop-primary,#00b894) 10%,transparent)!important;
}
html[data-appearance="light"] .pssc-workspace .pssc-work-actions .pssc-btn.primary,
body[data-appearance="light"] .pssc-workspace .pssc-work-actions .pssc-btn.primary{
  background:linear-gradient(135deg,var(--pssc-shop-primary,#00b894),color-mix(in srgb,var(--pssc-shop-accent,var(--pssc-shop-primary,#00b894)) 74%,var(--pssc-shop-primary,#00b894) 26%))!important;
  color:var(--pssc-shop-on-primary,#fff)!important;
  border-color:color-mix(in srgb,var(--pssc-shop-primary,#00b894) 58%,transparent)!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--pssc-shop-primary,#00b894) 22%,transparent)!important;
}
html[data-appearance="light"] .pssc-workspace .pssc-work-actions .pssc-btn:is(:hover,:focus-visible),
body[data-appearance="light"] .pssc-workspace .pssc-work-actions .pssc-btn:is(:hover,:focus-visible){
  border-color:color-mix(in srgb,var(--pssc-shop-accent,var(--pssc-shop-primary,#00b894)) 52%,transparent)!important;
}


/* PS-9636 — remaining Creator utility/underlay closure. Merchant preview cards
   retain their own appearance; only platform-owned wrappers are light. */
html[data-appearance="light"] body.ps-platform-shell :is(.pssc-owner-grid,.pssc-owner-single,.pssc-carousel,.pssc-template-row,.pssc-template-block,.distribution-template-viewport,.distribution-template-track),
body[data-appearance="light"].ps-platform-shell :is(.pssc-owner-grid,.pssc-owner-single,.pssc-carousel,.pssc-template-row,.pssc-template-block,.distribution-template-viewport,.distribution-template-track){
  background-color:transparent!important;
}
html[data-appearance="light"] body.ps-platform-shell :is(.pssc-card-slot,.pssc-owner-grid-slot,.pssc-owner-single-slot),
body[data-appearance="light"].ps-platform-shell :is(.pssc-card-slot,.pssc-owner-grid-slot,.pssc-owner-single-slot){
  border-color:transparent!important;box-shadow:none!important;
}
/* Creator search utility buttons: visible in Light, with active Map staying branded. */
html[data-appearance="light"] body.ps-platform-shell #shopList.pssc .ps8861-tool,
body[data-appearance="light"].ps-platform-shell #shopList.pssc .ps8861-tool{
  opacity:1!important;visibility:visible!important;color:#203027!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,247,242,.96))!important;
  border-color:rgba(24,50,34,.13)!important;box-shadow:0 7px 18px rgba(28,50,37,.08)!important;
}
html[data-appearance="light"] body.ps-platform-shell #shopList.pssc .ps8861-tool:is(.active,.is-active,[aria-pressed="true"]),
body[data-appearance="light"].ps-platform-shell #shopList.pssc .ps8861-tool:is(.active,.is-active,[aria-pressed="true"]){
  color:color-mix(in srgb,var(--ps-primary,#00b894) 78%,#14251c)!important;
  background:color-mix(in srgb,var(--ps-primary,#00b894) 13%,#fff)!important;
  border-color:color-mix(in srgb,var(--ps-primary,#00b894) 28%,transparent)!important;
}
/* Map shortcuts attached to shop/pre-shop cards are platform chrome, not black blocks. */
html[data-appearance="light"] body.ps-platform-shell .ps8864-card-map-btn,
body[data-appearance="light"].ps-platform-shell .ps8864-card-map-btn{
  background:rgba(255,255,255,.94)!important;color:#213028!important;
  border-color:rgba(23,45,32,.12)!important;box-shadow:0 7px 18px rgba(28,50,37,.09)!important;
}