/* Global UI spacing, clipping, and desktop header alignment — 2026-06-30 */
:root{--section-card-gap:clamp(1rem,1.8vw,1.6rem);}

/* Section cards should breathe globally; adjacent cards/sections should not touch. */
body main.site-main .compact-card,
body main.site-main section,
body main.site-main article.compact-card,
body main.site-main .dashboard-tab-panel,
body main.site-main .ops-card,
body main.site-main .readiness-hero,
body main.site-main .dashboard-hero,
body main.site-main .profile-hero{
  box-sizing:border-box!important;
}
body main.site-main .compact-card + .compact-card,
body main.site-main .compact-card + section,
body main.site-main section + .compact-card,
body main.site-main section + section,
body main.site-main .dashboard-tab-panel + .dashboard-tab-panel,
body main.site-main .readiness-hero + .compact-card,
body main.site-main .dashboard-hero + .compact-card,
body main.site-main .profile-hero + .compact-card{
  margin-top:var(--section-card-gap)!important;
}
body main.site-main .admin-shell,
body main.site-main .dashboard-page,
body main.site-main .profile-page,
body main.site-main .trust-page,
body main.site-main .store-page,
body main.site-main .subscriber-coupon-page,
body main.site-main .readiness-page,
body main.site-main .war-room-page{
  display:flex!important;
  flex-direction:column!important;
  gap:var(--section-card-gap)!important;
}
body main.site-main .admin-shell > *,
body main.site-main .dashboard-page > *,
body main.site-main .profile-page > *,
body main.site-main .trust-page > *,
body main.site-main .store-page > *,
body main.site-main .subscriber-coupon-page > *,
body main.site-main .readiness-page > *,
body main.site-main .war-room-page > *{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Rounded backgrounds must not clip text, badges, focus rings, shadows, or line-height ascenders/descenders. */
body main.site-main .admin-section-heading,
body main.site-main .privacy-card-head,
body main.site-main .section-heading,
body main.site-main .page-heading,
body main.site-main .readiness-hero,
body main.site-main .dashboard-hero,
body main.site-main .profile-hero{
  overflow:visible!important;
  background-clip:padding-box!important;
  min-height:max-content!important;
}
body main.site-main .admin-section-heading,
body main.site-main .privacy-card-head,
body main.site-main .section-heading,
body main.site-main .page-heading{
  padding-block:clamp(.75rem,1.4vw,1.05rem)!important;
  line-height:1.25!important;
}
body main.site-main .admin-section-heading *,
body main.site-main .privacy-card-head *,
body main.site-main .section-heading *,
body main.site-main .page-heading *,
body main.site-main .readiness-hero *,
body main.site-main .dashboard-hero *,
body main.site-main .profile-hero *{
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Section header polish: more left padding + lightweight contextual icon badges. */
body main.site-main .admin-section-heading,
body main.site-main .privacy-card-head,
body main.site-main .section-heading,
body main.site-main .page-heading{
  position:relative!important;
  padding-left:clamp(3.25rem,4.5vw,4.35rem)!important;
}
body main.site-main .admin-section-heading::before,
body main.site-main .privacy-card-head::before,
body main.site-main .section-heading::before,
body main.site-main .page-heading::before{
  content:var(--section-icon,'✨');
  position:absolute!important;
  left:clamp(.9rem,1.5vw,1.25rem)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:2rem!important;
  height:2rem!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(55,209,126,.22),rgba(56,189,248,.14))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.16)!important;
  font-size:1.05rem!important;
  line-height:1!important;
}
#subscriber-coupons .admin-section-heading{--section-icon:'🎟️';}
#beta-agent-feedback .admin-section-heading{--section-icon:'🧪';}
#listing-reports .admin-section-heading{--section-icon:'🚩';}
#comment-moderation .admin-section-heading{--section-icon:'💬';}
#bug-tickets .admin-section-heading{--section-icon:'🐞';}
#member-role-management .admin-section-heading{--section-icon:'🛡️';}
#business-evidence .admin-section-heading{--section-icon:'🗂️';}
#admin-security-confirmation .admin-section-heading{--section-icon:'🔐';}
.swap-ops-overview .admin-section-heading{--section-icon:'🔄';}
.trade-cycle-overview .admin-section-heading{--section-icon:'✅';}
.admin-achievement-card .admin-section-heading,.achievement-browser .admin-section-heading{--section-icon:'🏅';}
.trophy-case-card .admin-section-heading{--section-icon:'🏆';}
.active-quest-card .admin-section-heading{--section-icon:'🧭';}
.impact-section .admin-section-heading{--section-icon:'🌎';}
@media(max-width:760px){
  body main.site-main .admin-section-heading,
  body main.site-main .privacy-card-head,
  body main.site-main .section-heading,
  body main.site-main .page-heading{padding-left:3.15rem!important;}
  body main.site-main .admin-section-heading::before,
  body main.site-main .privacy-card-head::before,
  body main.site-main .section-heading::before,
  body main.site-main .page-heading::before{width:1.75rem!important;height:1.75rem!important;border-radius:14px!important;}
}

/* Sitewide toasts slide in from the left. */
.toast-host{
  left:18px!important;
  right:auto!important;
  bottom:18px!important;
  align-items:flex-start!important;
}
.game-toast{
  transform:translateX(-120%) scale(.98)!important;
  transition:opacity .24s ease, transform .28s cubic-bezier(.2,.8,.2,1)!important;
}
.game-toast.is-visible{
  opacity:1!important;
  transform:translateX(0) scale(1)!important;
}
.game-toast-swap_accepted,
.game-toast-swap-accepted{
  border-color:rgba(55,209,126,.62)!important;
  box-shadow:0 24px 56px rgba(16,185,129,.20),0 18px 44px rgba(0,0,0,.32)!important;
}
.game-toast-swap_accepted .game-toast-icon,
.game-toast-swap-accepted .game-toast-icon{
  background:radial-gradient(circle at 35% 25%,#ecfeff,#34d399 52%,#047857)!important;
}
.game-toast-listing-success,
.game-toast-wishlist-success{
  border:1px solid rgba(55,209,126,.52)!important;
  background:linear-gradient(135deg,rgba(8,22,16,.96),rgba(16,48,36,.94) 58%,rgba(7,20,16,.96))!important;
  box-shadow:0 24px 60px rgba(16,185,129,.22),0 18px 44px rgba(0,0,0,.35)!important;
}
.game-toast-wishlist-success{
  border-color:rgba(96,165,250,.58)!important;
  background:linear-gradient(135deg,rgba(8,16,30,.96),rgba(21,48,88,.94) 58%,rgba(7,14,26,.96))!important;
  box-shadow:0 24px 60px rgba(59,130,246,.22),0 18px 44px rgba(0,0,0,.35)!important;
}
.game-toast-listing-success .game-toast-icon{
  background:radial-gradient(circle at 35% 25%,#ecfdf5,#34d399 54%,#047857)!important;
  color:#052e1b!important;
}
.game-toast-wishlist-success .game-toast-icon{
  background:radial-gradient(circle at 35% 25%,#eff6ff,#60a5fa 54%,#1d4ed8)!important;
  color:#061633!important;
}
.game-toast-listing-success .game-toast-action,
.game-toast-wishlist-success .game-toast-action{
  display:inline-flex!important;
  width:max-content!important;
  margin-top:.55rem!important;
  border-radius:999px!important;
  padding:.38rem .68rem!important;
  background:rgba(255,255,255,.14)!important;
  color:#f8fafc!important;
  font-weight:850!important;
  text-decoration:none!important;
}
@media(max-width:620px){.toast-host{left:12px!important;right:auto!important;width:calc(100vw - 24px)!important;bottom:calc(env(safe-area-inset-bottom,0px) + 76px)!important;pointer-events:none!important;}.toast-host .game-toast{max-width:calc(100vw - 24px)!important;pointer-events:none!important;}.toast-host .game-toast .game-toast-close,.toast-host .game-toast .game-toast-action{pointer-events:auto!important;}.toast-host .game-toast:not(:first-child){display:none!important;}}

/* Listing owner photo placement: scrolling thumbnail row plus optional corner mini-pictures. */
.permanent-listing-page .listing-thumbnail-strip{
  display:flex!important;
  gap:.45rem!important;
  overflow-x:auto!important;
  padding:.55rem .15rem .25rem!important;
  scrollbar-width:thin!important;
}
.permanent-listing-page .listing-thumb-dot{
  width:72px!important;
  height:54px!important;
  min-width:72px!important;
  border-radius:12px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.35)!important;
  overflow:hidden!important;
  background:#0f172a!important;
  opacity:.72!important;
}
.permanent-listing-page .listing-thumb-dot.is-active{opacity:1!important;border-color:var(--green)!important;}
.permanent-listing-page .listing-thumb-dot img,
.permanent-listing-page .listing-mini-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.permanent-listing-page .listing-mini-photo{
  position:absolute!important;
  z-index:7!important;
  width:86px!important;
  height:66px!important;
  border-radius:16px!important;
  padding:0!important;
  overflow:hidden!important;
  border:2px solid rgba(255,255,255,.72)!important;
  background:#0f172a!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34)!important;
  cursor:pointer!important;
}
.permanent-listing-page .listing-mini-photo-corner_tl{top:58px!important;left:12px!important;}
.permanent-listing-page .listing-mini-photo-corner_tr{top:58px!important;right:12px!important;}
.permanent-listing-page .listing-mini-photo-corner_bl{bottom:14px!important;left:12px!important;}
.permanent-listing-page .listing-mini-photo-corner_br{bottom:14px!important;right:12px!important;}
@media(max-width:620px){
  .permanent-listing-page .listing-mini-photo{width:64px!important;height:50px!important;border-radius:12px!important;}
  .permanent-listing-page .listing-mini-photo-corner_tl{top:52px!important;left:8px!important;}
  .permanent-listing-page .listing-mini-photo-corner_tr{top:52px!important;right:8px!important;}
  .permanent-listing-page .listing-mini-photo-corner_bl{bottom:10px!important;left:8px!important;}
  .permanent-listing-page .listing-mini-photo-corner_br{bottom:10px!important;right:8px!important;}
}



/* 2026-07-08 Toast close control: icon-only X pinned inside the toast top-right. */
.game-toast{
  position:relative!important;
  padding-right:3.15rem!important;
  overflow:hidden!important;
}
.game-toast .game-toast-close{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:1.2rem!important;
  line-height:1!important;
  text-indent:0!important;
  z-index:20!important;
}
.game-toast .game-toast-close::before,
.game-toast .game-toast-close::after{
  content:none!important;
  display:none!important;
}
.game-toast .game-toast-progress{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:4px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.10)!important;
  border-radius:0 0 inherit inherit!important;
  z-index:12!important;
}
.game-toast .game-toast-progress span{
  display:block!important;
  width:100%!important;
  height:100%!important;
  transform-origin:left center!important;
  background:linear-gradient(90deg,#5fd19c,#f6c343)!important;
  box-shadow:0 0 12px rgba(246,195,67,.42)!important;
}
.game-toast.is-visible .game-toast-progress span{
  animation:swapthing-toast-progress var(--toast-ttl,5000ms) linear forwards!important;
}
@keyframes swapthing-toast-progress{
  from{transform:scaleX(1);}
  to{transform:scaleX(0);}
}
@media(max-width:620px){
  .game-toast{padding-right:2.85rem!important;}
  .game-toast .game-toast-close{top:7px!important;right:7px!important;}
}