/* Approved Fanika Community/Shop TOP — single source of presentation.
   Scoped to exactly two TOP roots. Creator profile settings own appearance tokens.
   Legacy checkout, subscription, permissions and data operations are untouched. */
:is(#fanika-community-top,#fanika-shop-top){
  --ui-ink:var(--fanika-public-text,#15245f);
  --ui-accent:var(--fanika-public-accent,#df4b89);
  --ui-button:var(--fanika-public-button,#df4b89);
  --ui-button-text:var(--fanika-public-button-text,#fff);
  --ui-panel:rgba(var(--fanika-public-surface-rgb,255,255,255),var(--fanika-public-surface-opacity,.96));
  --ui-outline:rgba(105,119,147,.20);
  --ui-shadow:0 8px 22px rgba(20,31,61,.07);
  position:relative!important;left:50%!important;transform:translateX(-50%)!important;
  display:block;width:min(var(--fanika-ui-content-max,1080px),calc(100vw - 32px))!important;max-width:none!important;
  margin:0!important;padding:0 0 24px!important;border-radius:20px!important;
  overflow:hidden;color:var(--ui-ink)!important;
  font-family:var(--fanika-public-body-font,inherit)!important;
  box-shadow:0 18px 60px rgba(20,31,61,.09);
}
:is(#fanika-community-top,#fanika-shop-top) *, :is(#fanika-community-top,#fanika-shop-top) *::before,
:is(#fanika-community-top,#fanika-shop-top) *::after{box-sizing:border-box}
:is(#fanika-community-top,#fanika-shop-top) :is(h1,h2,h3,h4){
  font-family:var(--fanika-public-heading-font,inherit)!important;color:var(--ui-ink)!important
}
:is(#fanika-community-top,#fanika-shop-top) :is(a,button,select){font-family:var(--fanika-public-body-font,inherit)}
:is(#fanika-community-top,#fanika-shop-top) :is(a,button,select):focus-visible{
  outline:3px solid var(--ui-accent)!important;outline-offset:3px
}
/* Cover and authentic site navigation overlay. */
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-header-image,.shop-dashboard-header-image){
  display:block!important;position:relative!important;
  width:100%!important;height:clamp(210px,27vw,330px)!important;max-width:none!important;
  padding:0!important;margin:0!important;
  background-position:center!important;background-size:cover!important;
  border-radius:20px 20px 0 0!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-renewal-cover--empty{
  background-image:linear-gradient(115deg,#eed1df,#c9c1e7 50%,#a4d7ed)!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-hero-nav{
  position:absolute!important;z-index:3;top:0;left:0;right:0;
  display:flex;align-items:center;gap:34px;
  min-height:56px;padding:12px 30px;
  background:linear-gradient(180deg,rgba(22,34,61,.22),transparent)
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-brand{
  color:white!important;font-size:1.18rem!important;font-weight:800!important;
  text-decoration:none!important;letter-spacing:-.04em;text-shadow:0 1px 5px rgba(0,0,0,.28)
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-hero-links{
  display:flex;flex-wrap:wrap;align-items:center;gap:20px
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-hero-links a{
  color:white!important;text-shadow:0 1px 5px rgba(0,0,0,.38);
  font-size:.77rem!important;text-decoration:none!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-hero-avatar{
  display:inline-flex;margin-left:auto;align-items:center;justify-content:center;
  border-radius:50%;width:35px;height:35px;flex:0 0 35px;
  border:2px solid rgba(255,255,255,.8);overflow:hidden
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-hero-avatar img{
  display:block;width:100%;height:100%;object-fit:cover
}
/* Identity sits over the bottom of the real cover, independent from old wrappers. */
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-identity{
  position:relative;z-index:2;
  min-height:118px;padding:0 230px 10px 30px!important;margin:-22px 0 0!important;
  background:var(--ui-panel)!important;backdrop-filter:blur(16px);
  border-radius:20px 20px 0 0!important
}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-header,.shop-dashboard-header){
  position:relative!important;width:100%!important;margin:0!important;
  padding:15px 0 0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;text-align:left!important
}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-fc-name-wrapper,.shop-dashboard-name-wrapper){
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap;gap:18px!important;
  width:100%!important;margin:0!important;padding:0!important
}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-fc-icon,.shop-dashboard-icon){
  width:98px!important;height:98px!important;
  min-width:98px!important;min-height:98px!important;max-width:98px!important;max-height:98px!important;
  flex:0 0 98px!important;object-fit:cover!important;
  margin:-55px 0 0!important;border:4px solid white!important;border-radius:50%!important;
  box-shadow:0 6px 17px rgba(28,38,70,.17)!important
}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-fc-name,.shop-dashboard-name){
  font-size:clamp(1.4rem,2vw,1.85rem)!important;
  line-height:1.35!important;font-weight:800!important;
  color:var(--ui-ink)!important;margin:0!important
}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-description-block,.shop-dashboard-description-block){
  background:transparent!important;border:0!important;border-radius:0!important;
  padding:6px 0 4px 115px!important;margin:0!important
}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-description-content,.shop-dashboard-description-content){
  line-height:1.7!important;font-size:.85rem!important;color:var(--ui-ink)!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-actions{
  position:absolute;top:22px;right:28px;
  display:flex;align-items:center;justify-content:flex-end;gap:9px
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-primary,
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-more{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;
  min-height:36px;border-radius:999px
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-primary{
  gap:8px;padding:8px 15px;background:var(--ui-button)!important;
  color:var(--ui-button-text)!important;font-size:.79rem!important;font-weight:700
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-more{
  width:36px;padding:0;background:var(--ui-panel)!important;color:var(--ui-ink)!important;
  border:1px solid var(--ui-outline)
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-actions i{color:inherit!important}
#fanika-shop-top .shop-dashboard-edit-link-container{
  /* Same editor is accessible through the ellipsis in the approved profile tray. */
  display:none!important
}
#fanika-shop-top .shop-dashboard-edit-link{
  display:inline-flex!important;padding:3px 0!important;gap:5px;
  background:transparent!important;color:var(--ui-accent)!important;
  font-size:.75rem!important;text-decoration:none!important;border:0!important
}
/* Four responsive navigation tabs; current view follows local UI state. */
:is(#fanika-community-top,#fanika-shop-top) .fanika-renewal-tabs{
  display:flex!important;align-items:stretch;gap:5px!important;
  width:100%;padding:0 30px!important;margin:0!important;
  border-bottom:1px solid var(--ui-outline)!important;
  background:var(--ui-panel)!important;overflow-x:auto
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-renewal-tabs a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:110px;padding:14px 15px!important;
  white-space:nowrap;text-decoration:none!important;
  font-size:.84rem!important;font-weight:650!important;color:var(--ui-ink)!important;
  border:0!important;border-bottom:2px solid transparent!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-renewal-tabs a[aria-current="page"]{
  color:var(--ui-accent)!important;border-bottom-color:var(--ui-accent)!important
}
/* Section composition */
:is(#fanika-community-top,#fanika-shop-top)>:is(.fc-dashboard-section,.shop-dashboard-section){
  padding:25px 30px 14px!important;margin:0!important;
  border:0!important;border-radius:0!important;background:var(--ui-panel)!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-section-heading{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  margin:0 0 17px!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-section-heading h2{
  font-size:1.23rem!important;line-height:1.3!important;margin:0!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-section-heading>a{
  color:var(--ui-accent)!important;text-decoration:none!important;
  font-size:.79rem!important;white-space:nowrap
}
#fanika-community-top :is(.fc-dashboard-plans-scroll,.fc-dashboard-posts-grid),
#fanika-shop-top .shop-dashboard-products-grid{
  display:grid!important;gap:16px!important;align-items:stretch!important;
  height:auto!important;max-height:none!important;overflow:visible!important
}
#fanika-community-top :is(.fc-dashboard-plans-scroll,.fc-dashboard-posts-grid){
  grid-template-columns:repeat(3,minmax(0,1fr))!important
}
#fanika-shop-top .shop-dashboard-products-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important
}
#fanika-community-top :is(.fc-dashboard-plans-scroll,.fc-dashboard-posts-scroll){
  height:auto!important;max-height:none!important;overflow:visible!important;
  padding:0!important
}
/* Shared surface and typography */
#fanika-community-top :is(.fc-dashboard-plan-card,.fc-dashboard-posts-grid>.talent-post-card),
#fanika-shop-top .shop-dashboard-product-card{
  display:flex!important;flex-direction:column!important;
  min-width:0!important;max-width:none!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;
  background:var(--ui-panel)!important;border:1px solid var(--ui-outline)!important;
  border-radius:12px!important;overflow:hidden!important;
  box-shadow:var(--ui-shadow)!important;backdrop-filter:blur(10px)
}
#fanika-community-top .fc-dashboard-plan-card>a{display:block!important;width:100%!important}
#fanika-community-top :is(.fc-dashboard-plan-thumbnail,.fc-dashboard-plan-thumbnail-placeholder){
  display:block!important;width:100%!important;height:auto!important;
  aspect-ratio:5/2!important;object-fit:cover!important;
  margin:0!important;border-radius:0!important
}
#fanika-community-top .fc-dashboard-plan-thumbnail-placeholder{display:grid!important;place-items:center}
#fanika-community-top .fc-dashboard-posts-grid>.talent-post-card>.thumbnail{
  position:relative!important;flex:none!important;
  width:100%!important;height:auto!important;aspect-ratio:2/1!important;
  padding:0!important;margin:0!important;overflow:hidden!important;border-radius:0!important
}
#fanika-community-top .fc-dashboard-posts-grid>.talent-post-card>.thumbnail img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important
}
#fanika-community-top .fanika-top-post-access{
  position:absolute;bottom:8px;left:8px;z-index:1;
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 8px;border-radius:6px;font-size:.72rem;
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  backdrop-filter:blur(10px)
}
#fanika-community-top .fanika-top-post-metrics{
  display:flex;align-items:center;gap:6px;margin-top:3px;
  font-size:.75rem;color:var(--ui-ink)!important;opacity:.65
}
#fanika-community-top .fc-dashboard-posts-grid>.talent-post-card>.thumbnail .talent-post-card-no-image{
  min-height:100%;display:grid;place-items:center
}
#fanika-community-top .fc-dashboard-plan-content,
#fanika-community-top .fc-dashboard-posts-grid>.talent-post-card>.content,
#fanika-shop-top .shop-dashboard-product-content{
  display:flex!important;flex-direction:column!important;flex:1!important;gap:7px!important;
  width:100%!important;min-width:0!important;margin:0!important;
  padding:13px!important;background:transparent!important
}
#fanika-community-top :is(.fc-dashboard-plan-title,.fc-dashboard-posts-grid h3),
#fanika-shop-top .shop-dashboard-product-title{
  margin:0!important;line-height:1.4!important;font-size:.91rem!important;font-weight:700!important;
  font-family:var(--fanika-public-heading-font,inherit)!important;color:var(--ui-ink)!important;
  overflow-wrap:anywhere
}
#fanika-community-top :is(.fc-dashboard-plan-details,.fc-dashboard-plan-description,.plan-label,.post-date),
#fanika-shop-top .shop-dashboard-product-meta{
  font-size:.79rem!important;line-height:1.5!important;color:var(--ui-ink)!important
}
#fanika-community-top .fc-dashboard-plan-details{font-size:.98rem!important;font-weight:800!important}
#fanika-community-top .fc-dashboard-plan-content{min-height:158px}
#fanika-community-top .fc-dashboard-plan-edit-btn{
  display:inline-flex!important;align-items:center;justify-content:center;
  margin-top:auto!important;width:100%;padding:10px 12px!important;
  background:var(--ui-button)!important;color:var(--ui-button-text)!important;
  border-color:var(--ui-button)!important;border-radius:999px!important;
  font-size:.8rem!important;font-weight:700!important;text-align:center!important
}
#fanika-community-top .fc-dashboard-posts-grid>.talent-post-card>.content{min-height:92px}
#fanika-community-top .fc-dashboard-posts-grid>.talent-post-card .post-date{font-size:.7rem!important;opacity:.72}
#fanika-community-top .fc-dashboard-posts-grid>.talent-post-card :is(h3 a,.plan-label){color:var(--ui-ink)!important}
/* Native WooCommerce product tiles */
#fanika-shop-top .shop-dashboard-product-thumbnail{
  width:100%!important;height:auto!important;aspect-ratio:10/7!important;overflow:hidden
}
#fanika-shop-top .shop-dashboard-product-thumbnail{position:relative}

#fanika-shop-top .fanika-top-product-category{
  font-size:.69rem!important;color:var(--ui-ink)!important;
  opacity:.68;line-height:1.3!important
}
#fanika-shop-top .shop-dashboard-product-thumbnail img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
#fanika-shop-top .shop-dashboard-product-content{position:relative;min-height:118px;gap:5px!important}
#fanika-shop-top .shop-dashboard-product-title a{color:var(--ui-ink)!important;text-decoration:none!important}
#fanika-shop-top .shop-dashboard-product-title a:hover{text-decoration:underline!important}
#fanika-shop-top .shop-dashboard-product-price{font-size:.97rem!important;font-weight:800!important;margin-top:auto;color:var(--ui-accent)!important}
#fanika-shop-top .shop-dashboard-product-meta{font-size:.7rem!important;opacity:.75}
#fanika-shop-top .fanika-product-card-purchase{
  margin:-30px 0 0;padding-left:42px;display:flex;justify-content:flex-end;
  position:relative;pointer-events:none
}
#fanika-shop-top .fanika-product-card-cart{
  display:inline-flex;justify-content:center;align-items:center;
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;
  background:rgba(var(--fanika-public-surface-rgb,255,255,255),.8)!important;
  color:var(--ui-accent)!important;text-decoration:none!important;
  border:1px solid var(--ui-outline);pointer-events:auto
}
#fanika-shop-top .fanika-product-card-cart span{
  position:absolute;clip:rect(0 0 0 0);white-space:nowrap;
  width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;border:0
}
#fanika-shop-top .shop-dashboard-product-card .actions{
  margin:12px 0 0!important;padding-top:7px!important;
  display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;
  border-top:1px solid var(--ui-outline);font-size:.7rem
}
#fanika-shop-top .shop-dashboard-product-card .actions :is(a,button){font-size:.7rem!important}
#fanika-shop-top .shop-dashboard-product-card .actions form{margin:0!important}
#fanika-shop-top .shop-dashboard-product-card .actions .delete-link{
  background:transparent!important;border:0!important;color:#b74261!important;padding:0!important
}
#fanika-shop-top .shop-dashboard-product-card[hidden]{display:none!important}
/* Category chips and client-only sorting of existing products. */
#fanika-shop-top .fanika-top-shop-toolbar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  flex-flow:row wrap!important;margin:0 0 16px!important;width:100%!important
}
#fanika-shop-top .fanika-top-shop-toolbar .fanika-top-category-filter{flex:1 1 430px;margin:0!important}
#fanika-shop-top .fanika-top-shop-toolbar .fanika-top-shop-sort{flex:0 0 auto;margin:0!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;white-space:nowrap!important}

#fanika-shop-top .fanika-top-category-filter{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
#fanika-shop-top .fanika-top-category-filter button{
  border:1px solid var(--ui-outline)!important;border-radius:999px!important;
  padding:8px 14px!important;background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;font-size:.78rem!important;cursor:pointer
}
#fanika-shop-top .fanika-top-category-filter button.is-active{
  background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;
  color:var(--fanika-public-accent-text,#fff)!important
}
#fanika-shop-top .fanika-top-shop-sort{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
  margin:0 0 14px!important;font-size:.77rem;color:var(--ui-ink)
}
#fanika-shop-top .fanika-top-shop-sort select{
  display:inline-block!important;width:130px!important;min-width:105px!important;max-width:145px!important;margin:0!important;padding:8px 10px;
  border-radius:9px;border:1px solid var(--ui-outline);
  color:var(--ui-ink);background:var(--ui-panel);font:inherit
}
/* Existing month controls remain available but do not dominate the sample. */
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-tools{
  margin:0 0 15px!important;padding:0!important;
  border:1px solid var(--ui-outline);border-radius:10px;
  background:var(--ui-panel);font-size:.79rem
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-tools>summary{
  padding:9px 12px;cursor:pointer;color:var(--ui-ink)
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-tools[open]>summary{
  border-bottom:1px solid var(--ui-outline)
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-tools :is(.fc-dashboard-posts-filter,.shop-dashboard-products-filter){
  background:transparent!important;border:0!important;
  margin:0!important;padding:10px!important
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-tools select{
  max-width:8em;background:var(--ui-panel);color:var(--ui-ink);
  border:1px solid var(--ui-outline);border-radius:7px;padding:6px
}
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-tools button,
#fanika-shop-top .shop-dashboard-product-add-btn,
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-posts-list-btn,.shop-dashboard-products-list-btn){
  display:inline-flex!important;align-items:center;justify-content:center;
  padding:9px 15px!important;border-radius:999px!important;
  background:var(--ui-button)!important;border:1px solid var(--ui-button)!important;
  color:var(--ui-button-text)!important;font-size:.8rem!important;font-weight:700!important
}
#fanika-shop-top .shop-dashboard-products-actions{display:flex;justify-content:flex-end;margin:0 0 12px!important}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-posts-list-link-wrap,.shop-dashboard-products-list-link-wrap){
  margin:0!important;padding:18px 0 0!important;text-align:center!important
}
/* Top/plan/post switch only affects the two local read-only sections. */
#fanika-community-top[data-fanika-active-view="plans"] #fanika-renewal-posts,
#fanika-community-top[data-fanika-active-view="posts"] #fanika-renewal-plans{display:none!important}
@media(max-width:850px){
  :is(#fanika-community-top,#fanika-shop-top){width:calc(100vw - 24px)!important}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-top-identity{padding-right:24px!important;padding-bottom:60px!important}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-actions{top:auto;bottom:14px;right:22px}
  #fanika-community-top :is(.fc-dashboard-plans-scroll,.fc-dashboard-posts-grid),
  #fanika-shop-top .shop-dashboard-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}
@media(max-width:540px){
  :is(#fanika-community-top,#fanika-shop-top){width:calc(100vw - 16px)!important;border-radius:14px!important}
  :is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-header-image,.shop-dashboard-header-image){
    height:172px!important;border-radius:14px 14px 0 0!important
  }
  :is(#fanika-community-top,#fanika-shop-top) .fanika-top-hero-nav{padding:10px 14px;gap:16px}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-top-hero-links{gap:10px}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-top-hero-links a{font-size:.68rem!important}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-top-identity{padding:0 15px 62px!important;min-height:108px}
  :is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-header,.shop-dashboard-header){padding:11px 0 0!important}
  :is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-fc-icon,.shop-dashboard-icon){
    width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;
    max-width:72px!important;max-height:72px!important;flex-basis:72px!important;margin-top:-37px!important
  }
  :is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-fc-name,.shop-dashboard-name){font-size:1.28rem!important}
  :is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-description-block,.shop-dashboard-description-block){padding:8px 0 8px!important}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-actions{bottom:12px;right:14px}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-top-profile-primary{padding:8px 12px;font-size:.73rem!important}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-renewal-tabs{padding:0 9px!important;gap:0!important}
  :is(#fanika-community-top,#fanika-shop-top) .fanika-renewal-tabs a{
    min-width:auto;padding:12px 9px!important;font-size:.76rem!important
  }
  :is(#fanika-community-top,#fanika-shop-top)>:is(.fc-dashboard-section,.shop-dashboard-section){padding:18px 14px 10px!important}
  #fanika-community-top :is(.fc-dashboard-plans-scroll,.fc-dashboard-posts-grid),
  #fanika-shop-top .shop-dashboard-products-grid{gap:10px!important}
  #fanika-community-top .fc-dashboard-plan-content,
  #fanika-community-top .fc-dashboard-posts-grid>.talent-post-card>.content,
  #fanika-shop-top .shop-dashboard-product-content{padding:9px!important}
  #fanika-shop-top .fanika-top-category-filter{gap:5px}
  #fanika-shop-top .fanika-top-category-filter button{padding:7px 10px!important;font-size:.72rem!important}
  #fanika-shop-top .shop-dashboard-product-card .actions{gap:6px}
}

/* Explicitly honor saved Creator body/text/outline settings inside legacy filter forms. */
:is(#fanika-community-top,#fanika-shop-top) .fanika-top-tools :is(label,select,input) {
  color:var(--ui-ink)!important;
  font-family:var(--fanika-public-body-font,inherit)!important;
}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-plan-card,.fc-dashboard-posts-grid>.talent-post-card,.shop-dashboard-product-card)
:is(h3,p,span,.plan-label,.post-date,.fc-dashboard-plan-details,.fc-dashboard-plan-description,.shop-dashboard-product-meta) {
  color:var(--ui-ink)!important;
}

/* Creator management remains available without changing customer-facing card hierarchy. */
#fanika-shop-top .fanika-top-admin-tools{
  margin:0 0 10px!important;padding:0!important;border:0!important
}
#fanika-shop-top .fanika-top-admin-tools>summary{
  cursor:pointer;display:inline-flex;align-items:center;gap:7px;
  color:var(--ui-ink)!important;font-size:.74rem!important;
  padding:5px 0;opacity:.72;list-style:none
}
#fanika-shop-top .fanika-top-admin-tools>summary::-webkit-details-marker{display:none}
#fanika-shop-top .fanika-top-admin-tools .shop-dashboard-products-actions{
  justify-content:flex-start;margin:8px 0 12px!important
}
#fanika-shop-top .fanika-top-product-admin{margin-top:6px!important}
#fanika-shop-top .fanika-top-product-admin>summary{
  display:inline-flex;align-items:center;gap:5px;
  list-style:none;cursor:pointer;color:var(--ui-ink)!important;
  font-size:.72rem!important;opacity:.7
}
#fanika-shop-top .fanika-top-product-admin>summary::-webkit-details-marker{display:none}
#fanika-shop-top .fanika-top-product-admin[open]{padding-top:5px}

#fanika-shop-top .fanika-top-shop-sort label{display:inline!important;width:auto!important;min-width:0!important;margin:0!important;float:none!important;line-height:1.4!important}
:is(#fanika-community-top,#fanika-shop-top) :is(.fc-dashboard-description-content,.shop-dashboard-description-content){max-width:590px!important}
@media(max-width:540px){#fanika-shop-top .fanika-top-shop-toolbar .fanika-top-shop-sort{margin-left:auto!important}}

/* Public Community TOP: honor the Creator's surface opacity without backdrop
   blurring, and keep the shared back action visible above the bottom bar. */
#fanika-community-top .fanika-top-identity,
#fanika-community-top > .fc-dashboard-section {
  backdrop-filter:none!important;
}
#fanika-community-top .fanika-community-public-back {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:22px 16px 36px;
  background:var(--ui-panel);
}
#fanika-community-top .fanika-community-public-back .fanika-shared-back-navigation {
  display:flex;
  justify-content:center;
  width:100%;
}

/* QA094: FC cover width is applied only after a Creator explicitly saves a
   Community cover size. Shop and all unset Community covers remain unchanged. */
#fanika-community-top.fanika-fc-cover--standard > .fc-dashboard-header-image {
  width: min(100%, 760px) !important;
  margin-inline: auto !important;
  border-radius: 14px !important;
}
#fanika-community-top.fanika-fc-cover--large > .fc-dashboard-header-image {
  width: 100% !important;
  margin-inline: 0 !important;
}

/* QA094: "画面幅に合わせる" means viewport, not the 1080px Community card.
   Only saved large mode can escape the approved card's clipping. */
#fanika-community-top.fanika-fc-cover--large {
  overflow: visible !important;
}
#fanika-community-top.fanika-fc-cover--large > .fc-dashboard-header-image {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 16px !important;
}