/* Canonical white-label UI stylesheet.
   Single source of truth for forum presentation.
   This file intentionally replaces prior split polish/base styles. */

:root{
  --ff-bg:#f4f6fb;
  --ff-surface:#ffffff;
  --ff-surface-soft:#f7f9fc;
  --ff-border:#e3e8f0;
  --ff-text:#1c2541;
  --ff-muted:#667085;
  --ff-primary:#24356d;
  --ff-primary-soft:#eef2ff;
  --ff-shadow:0 10px 30px rgba(20,29,67,.06);
  --ff-radius-xl:24px;
  --ff-radius-lg:20px;
  --ff-radius-md:16px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background-color:var(--ff-bg);
  background-image:var(--ff-bg-pattern-image, none);
  background-size:var(--ff-bg-pattern-size, auto);
  background-attachment:fixed;
  color:var(--ff-text);
  font-family:var(--ff-body-font, system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif);
  font-size:var(--ff-base-font-size, 16px);
  line-height:var(--ff-body-line-height, 1.55);
}
a{color:var(--ff-link, var(--ff-primary))}
.page-shell{padding:18px 0 40px}
.shell-container{
  width:min(var(--ff-content-width, 1180px), calc(100% - 28px));
  margin:0 auto;
}
.flash{
  --ff-flash-accent:#475467;
  --ff-flash-bg:#f8fafc;
  --ff-flash-border:#d0d5dd;
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--ff-flash-border);
  background:var(--ff-flash-bg);
  color:var(--ff-text);
  display:flex;
  align-items:flex-start;
  gap:12px;
  box-shadow:0 8px 22px rgba(15, 23, 42, .05);
}
.flash-badge{
  flex:0 0 auto;
  min-width:78px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:var(--ff-flash-accent);
  border:1px solid rgba(255,255,255,.78);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.1;
  text-align:center;
  text-transform:uppercase;
}
.flash-message{
  flex:1 1 auto;
  min-width:0;
  font-weight:600;
  line-height:1.5;
  word-break:break-word;
}
.flash-success{
  --ff-flash-accent:#0f8a53;
  --ff-flash-bg:#ecfdf3;
  --ff-flash-border:#b7ebcd;
}
.flash-error{
  --ff-flash-accent:#c62828;
  --ff-flash-bg:#fef2f2;
  --ff-flash-border:#fecaca;
}
.flash-warning{
  --ff-flash-accent:#b45309;
  --ff-flash-bg:#fffbeb;
  --ff-flash-border:#fde68a;
}
.flash-info{
  --ff-flash-accent:#1d4ed8;
  --ff-flash-bg:#eff6ff;
  --ff-flash-border:#bfdbfe;
}
.home-wrapper,
.sub-box,
.featured-wrapper,
.ff-header-wrapper{
  background:var(--ff-surface);
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-xl);
  box-shadow:var(--ff-shadow);
}
.ff-header-wrapper{
  padding:22px 24px 18px;
  margin-bottom:20px;
}
.ff-site-title{margin:0}
.ff-site-title-link{
  color:var(--ff-primary);
  text-decoration:none;
  font-size:clamp(2rem,4vw,3rem);
  font-weight:800;
  line-height:1.05;
}
.ff-site-title-link:hover{text-decoration:none}
.ff-utility-row{margin-top:12px}
.ff-header-inline,
.ff-stats-row{
  color:var(--ff-muted);
  font-size:.98rem;
}
.ff-header-inline a,
.ff-stats-row a{
  color:var(--ff-primary);
  font-weight:600;
}
.ff-header-inline{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0;}
.ff-header-inline > *{min-width:0;}
.ff-header-links{display:inline-flex;flex-wrap:wrap;gap:0;min-width:0}
.ff-sep{margin:0 8px;color:#98a2b3}
.ff-stats-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #edf1f7;
}
.ff-stats-row strong{color:var(--ff-text)}
.ff-header-search-wrap{margin-top:14px}
.ff-search-row{margin-bottom:12px}
.ff-search-form{display:flex;gap:10px;flex-wrap:wrap}
.ff-search-form input{
  flex:1 1 320px;
  min-height:48px;
  border:1px solid var(--ff-border);
  border-radius:14px;
  background:#fff;
  padding:0 16px;
  font:inherit;
  color:var(--ff-text);
}
.ff-search-form button{
  min-height:48px;
  padding:0 18px;
  border:1px solid var(--ff-primary);
  border-radius:14px;
  background:var(--ff-primary);
  color:#fff;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.ff-trending-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.ff-trending-label{
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--ff-muted);
}
.ff-trending-tags{display:flex;flex-wrap:wrap;gap:8px}
.ff-trending-tags a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  text-decoration:none;
  font-size:.92rem;
  font-weight:700;
}
.ff-trending-tags a:hover{text-decoration:none}
.forum-home-shell{display:grid;gap:22px}
.intro-hot-wrapper{padding:24px}
.section-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:16px;
}
.home-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);
  gap:20px;
  align-items:start;
}
.home-left,.home-right{min-width:0}
.home-intro-title{
  margin:0 0 12px;
  color:var(--ff-text);
  font-size:calc(clamp(2rem,4vw,3.2rem) * var(--ff-heading-scale, 1));
  line-height:1.05;
  font-weight:800;
}
.home-intro-copy{
  margin:0 0 22px;
  color:var(--ff-muted);
  font-size:1.05rem;
  max-width:760px;
}
.sub-box{
  padding:0;
  overflow:hidden;
}
.sub-box-title{
  padding:20px 22px;
  border-bottom:1px solid #edf1f7;
  color:var(--ff-primary);
  font-size:1.65rem;
  line-height:1.15;
  font-weight:800;
  background:#fbfcff;
}
.hot-box .sub-box-title,
.sections-box .sub-box-title{margin:0}
.hot-list{
  list-style:none;
  margin:0;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.hot-item{
  list-style:none;
  padding:16px 18px;
  border:1px solid var(--ff-border);
  border-radius:18px;
}
.hot-link{
  display:block;
  color:var(--ff-primary);
  font-size:1.08rem;
  line-height:1.35;
  font-weight:800;
  text-decoration:none;
  margin-bottom:10px;
}
.hot-link:hover{text-decoration:underline}
.featured-wrapper{padding:24px}
.strip-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.strip-header h3{
  margin:0;
  color:var(--ff-text);
  font-size:1.8rem;
  line-height:1.1;
  font-weight:800;
}
.strip-links{display:flex;flex-wrap:wrap;gap:10px}
.strip-links a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border:1px solid var(--ff-border);
  border-radius:999px;
  background:#fff;
  color:var(--ff-primary);
  text-decoration:none;
  font-weight:700;
  font-size:.92rem;
}
.featured-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.topic-card{
  padding:20px;
  border:1px solid var(--ff-border);
  border-radius:20px;
  box-shadow:none;
}
.topic-title{margin:0 0 10px}
.topic-title a{
  color:var(--ff-primary);
  text-decoration:none;
  font-size:1.12rem;
  line-height:1.3;
  font-weight:800;
}
.topic-title a:hover{text-decoration:underline}
.topic-excerpt{
  margin:0 0 14px;
  color:var(--ff-muted);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.empty-text{color:var(--ff-muted)}
.padded-empty{padding:18px 20px}
.dedicated-ad-wrapper{padding:18px}
.meta-chip-system{margin-top:10px}
@media (max-width: 980px){
  .home-main-grid{grid-template-columns:1fr}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .page-shell{padding:12px 0 28px}
  .shell-container{width:min(100%, calc(100% - 16px))}
  .ff-header-wrapper{padding:18px 16px}
  .ff-site-title-link{font-size:2.3rem}
  .intro-hot-wrapper,.featured-wrapper{padding:16px}
  .sub-box-title{padding:16px 16px;font-size:1.25rem}
  .home-intro-title{font-size:2.1rem}
  .home-intro-copy{font-size:1rem}
  .featured-grid{grid-template-columns:1fr}
  .hot-list{padding:10px}
  .hot-item,.topic-card{padding:16px}
}

/* ---- Existing live feature/fix layer ---- */

/* Global alternating topic row/card background system
   Applies to topic displays across wrappers and list blocks.
   Pattern: first lighter, next darker, alternating to end.
*/

/* Shared alternating items */
.hot-list .hot-item:nth-child(odd),
.topic-list .topic-row:nth-child(odd),
.reply-list .reply-item:nth-child(odd),
.compact-list .topic-row:nth-child(odd),
.admin-list .admin-list-card:nth-child(odd),
.most-read-list .topic-row:nth-child(odd),
.recent-topics-list .topic-row:nth-child(odd),
.trending-topics-list .topic-row:nth-child(odd),
.followed-topics-list .topic-row:nth-child(odd),
.visited-topics-list .topic-row:nth-child(odd),
.generic-topic-list .topic-row:nth-child(odd),
.global-topic-list .topic-row:nth-child(odd),
.listing-topics .topic-row:nth-child(odd){
  background:#fbfcfe !important;
}

.hot-list .hot-item:nth-child(even),
.topic-list .topic-row:nth-child(even),
.reply-list .reply-item:nth-child(even),
.compact-list .topic-row:nth-child(even),
.admin-list .admin-list-card:nth-child(even),
.most-read-list .topic-row:nth-child(even),
.recent-topics-list .topic-row:nth-child(even),
.trending-topics-list .topic-row:nth-child(even),
.followed-topics-list .topic-row:nth-child(even),
.visited-topics-list .topic-row:nth-child(even),
.generic-topic-list .topic-row:nth-child(even),
.global-topic-list .topic-row:nth-child(even),
.listing-topics .topic-row:nth-child(even){
  background:#f4f7fb !important;
}

/* Card-style topic wrappers that may render direct child cards */
.featured-grid > .topic-card:nth-child(odd),
.topic-card-grid > .topic-card:nth-child(odd),
.topics-grid > .topic-card:nth-child(odd),
.topic-cards > .topic-card:nth-child(odd){
  background:#fbfcfe !important;
}

.featured-grid > .topic-card:nth-child(even),
.topic-card-grid > .topic-card:nth-child(even),
.topics-grid > .topic-card:nth-child(even),
.topic-cards > .topic-card:nth-child(even){
  background:#f4f7fb !important;
}

/* Maintain borders and readable separation */
.hot-item,
.topic-row,
.reply-item,
.admin-list-card,
.topic-card{
  transition:background-color .15s ease;
}

/* Keep pills/chips readable on alternating backgrounds */
.topic-board{
  background:#eef3fb;
}



/* Phase 2 profile expansion */
.profile-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}
.profile-main{
  min-width:0;
}
.profile-name{
  font-size:1.6rem;
  line-height:1.1;
  font-weight:800;
  color:var(--ui-heading);
  margin:0 0 8px;
}
.profile-avatar{
  width:72px;
  height:72px;
  border-radius:999px;
  background:var(--ui-soft, #f4f8fd);
  border:1px solid var(--ui-border);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex:0 0 auto;
}
.profile-avatar.large{
  width:96px;
  height:96px;
}
.profile-avatar span{
  font-size:1.5rem;
  font-weight:800;
  color:var(--ui-heading);
}
.profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.profile-stats{
  margin-bottom:18px;
}
.profile-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.profile-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid var(--ui-border);
  border-radius:12px;
  background:#fff;
  color:var(--ui-heading);
  text-decoration:none;
  font-weight:700;
}
.profile-tab.is-active{
  background:var(--ui-heading);
  color:#fff;
}
.profile-edit-grid{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:start;
}
@media (max-width:640px){
  .profile-hero{
    flex-direction:column;
    align-items:flex-start;
  }
  .profile-name{
    font-size:1.35rem;
  }
  .profile-edit-grid{
    grid-template-columns:1fr;
  }
}



/* Meta chip legacy icon cleanup */
.meta-chip-sprite{
  position:absolute !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* hard kill legacy large icon rendering anywhere within topic/meta areas */
.hot-item svg:not(.meta-chip-icon):not(.meta-chip-badge-icon),
.topic-row svg:not(.meta-chip-icon):not(.meta-chip-badge-icon),
.reply-item svg:not(.meta-chip-icon):not(.meta-chip-badge-icon),
.topic-row-main > svg,
.hot-item > svg,
.topic-meta-cluster > svg,
.topic-meta-top > svg,
.topic-meta-bottom > svg,
.topic-meta-item > svg,
.topic-board-chip > svg,
.hot-meta svg,
.topic-meta svg{
  display:none !important;
  width:0 !important;
  height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

.meta-chip-cluster{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  margin-top:10px !important;
}
.meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#f7f9fc !important;
  border:1px solid #e3e9f2 !important;
  color:#526173 !important;
  font-size:.88rem !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-decoration:none !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
}
.meta-chip-board{
  background:linear-gradient(180deg,#f5f3ff 0%, #eef2ff 100%) !important;
  border-color:#ddd6fe !important;
  color:#2c3f74 !important;
}
.meta-chip-icon{
  width:14px !important;
  min-width:14px !important;
  max-width:14px !important;
  height:14px !important;
  min-height:14px !important;
  max-height:14px !important;
  display:inline-block !important;
  flex:0 0 14px !important;
  vertical-align:middle !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:1 !important;
}
.meta-chip-icon-user{ color:#3b82f6 !important; }
.meta-chip-icon-date{ color:#ef4444 !important; }
.meta-chip-icon-views{ color:#6366f1 !important; }
.meta-chip-icon-replies{ color:#0f9d8a !important; }
.meta-chip-icon-board{ color:#8b5cf6 !important; }

.meta-chip-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#facc15 0%, #d4a80b 100%) !important;
  box-shadow:0 1px 2px rgba(212,168,11,.25) !important;
  margin-left:2px !important;
  flex:0 0 18px !important;
}
.meta-chip-badge-icon{
  width:10px !important;
  height:10px !important;
  min-width:10px !important;
  min-height:10px !important;
  max-width:10px !important;
  max-height:10px !important;
  display:inline-block !important;
  stroke:#fff !important;
  fill:none !important;
  stroke-width:2.2 !important;
}

.hot-meta,
.topic-meta,
.topic-meta-cluster,
.topic-meta-top,
.topic-meta-bottom,
.topic-meta-item,
.topic-board-chip,
.topic-meta-icon,
.verified-badge,
.topic-badge-icon{
  display:none !important;
}

@media (max-width:640px){
  .meta-chip-cluster{
    gap:8px !important;
  }
  .meta-chip{
    padding:7px 10px !important;
    font-size:.82rem !important;
  }
  .meta-chip-icon{
    width:13px !important;
    height:13px !important;
    min-width:13px !important;
    min-height:13px !important;
    max-width:13px !important;
    max-height:13px !important;
    flex:0 0 13px !important;
  }
}



/* Unified Meta Chip System */
.meta-chip-system{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:14px !important;
}

.meta-chip-system .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:8px 12px !important;
  min-height:36px !important;
  border:1px solid #dfe5ec !important;
  border-radius:999px !important;
  background:#fbfcfe !important;
  color:#526173 !important;
  font-size:.88rem !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

.meta-chip-system .meta-chip--board{
  background:#f7f5ff !important;
  border-color:#dcdcff !important;
  color:#2c3f74 !important;
}

.meta-chip-system .meta-chip__icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:15px !important;
  min-width:15px !important;
  height:15px !important;
  min-height:15px !important;
  font-size:12px !important;
  line-height:1 !important;
  flex:0 0 15px !important;
}

.meta-chip-system .meta-chip__text{
  display:inline-block !important;
  line-height:1.2 !important;
}

.meta-chip-system .meta-chip__badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:17px !important;
  min-width:17px !important;
  height:17px !important;
  min-height:17px !important;
  border-radius:999px !important;
  background:var(--ff-verified-badge, #1d4ed8) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  margin-left:2px !important;
  flex:0 0 17px !important;
}
.meta-chip-system .meta-chip__badge.verification-badge--verified_member{background:var(--ff-verified-member,#2563eb) !important;}
.meta-chip-system .meta-chip__badge.verification-badge--verified_publisher{background:var(--ff-verified-publisher,#16a34a) !important;}
.meta-chip-system .meta-chip__badge.verification-badge--verified_moderator{background:var(--ff-verified-moderator,#ca8a04) !important;}
.meta-chip-system .meta-chip__badge.verification-badge--verified_moderator_publisher{background:var(--ff-verified-moderator-publisher,#9333ea) !important;}
.meta-chip-system .meta-chip__badge.verification-badge--verified_admin{background:var(--ff-verified-admin,#dc2626) !important;}
.meta-chip-system .meta-chip__badge.verification-badge--verified_super_admin{background:var(--ff-verified-super-admin,#0f172a) !important;}


/* retire older meta outputs */
.hot-meta,
.topic-meta,
.topic-meta-cluster,
.topic-meta-top,
.topic-meta-bottom,
.topic-meta-item,
.topic-board-chip,
.topic-meta-icon,
.meta-chip-visible{
  all:unset;
  display:none !important;
}

@media (max-width:640px){
  .meta-chip-system{
    gap:10px !important;
    margin-top:12px !important;
  }

  .meta-chip-system .meta-chip{
    padding:7px 11px !important;
    min-height:34px !important;
    font-size:.82rem !important;
  }

  .meta-chip-system .meta-chip__icon{
    width:14px !important;
    min-width:14px !important;
    height:14px !important;
    min-height:14px !important;
    font-size:11px !important;
    flex:0 0 14px !important;
  }
}



/* Homepage sections wrapper polish */
.homepage-board-groups{
  display:grid !important;
  gap:14px !important;
  padding:14px !important;
}

.homepage-board-card{
  border:1px solid var(--ui-border-soft, #e4e8ef) !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

.homepage-board-card-inner{
  padding:16px 18px !important;
}

.homepage-board-line{
  font-size:1rem !important;
  line-height:1.65 !important;
  color:var(--ui-text, #344054) !important;
}

.homepage-parent-board{
  font-weight:800 !important;
  text-decoration:underline !important;
  color:var(--ui-heading, #24356d) !important;
}

.homepage-parent-separator{
  display:inline-block !important;
  margin:0 8px 0 0 !important;
  color:var(--ui-heading, #24356d) !important;
  font-weight:800 !important;
}

.homepage-child-board,
.homepage-child-boards a,
.homepage-board-line .homepage-child-board{
  color:var(--ui-text, #344054) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}

.homepage-flat-board{
  color:var(--ui-text, #344054) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}

.homepage-flat-board.is-first{
  font-weight:800 !important;
  text-decoration:underline !important;
  color:var(--ui-heading, #24356d) !important;
}

.homepage-child-dot{
  color:var(--ui-muted, #667085) !important;
}



/* Homepage sections true fix for app7 */
.homepage-board-groups{
  display:grid !important;
  gap:14px !important;
  padding:14px !important;
}

.sections-box .homepage-board-card{
  display:block !important;
  border:1px solid var(--ui-border-soft, #e4e8ef) !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

.sections-box .homepage-board-card-inner{
  display:block !important;
  padding:16px 18px !important;
}

.sections-box .homepage-board-line{
  display:block !important;
  font-size:1rem !important;
  line-height:1.7 !important;
  color:var(--ui-text, #344054) !important;
}

.sections-box .homepage-parent-board{
  font-weight:800 !important;
  text-decoration:underline !important;
  color:var(--ui-heading, #24356d) !important;
}

.sections-box .homepage-parent-separator{
  display:inline-block !important;
  margin:0 8px 0 0 !important;
  color:var(--ui-heading, #24356d) !important;
  font-weight:800 !important;
}

.sections-box .homepage-child-boards,
.sections-box .homepage-child-boards *{
  text-decoration:none !important;
}

.sections-box .homepage-child-board,
.sections-box .homepage-child-boards a,
.sections-box .homepage-board-line .homepage-child-board{
  color:var(--ui-text, #344054) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}

.sections-box .homepage-child-board:hover,
.sections-box .homepage-child-boards a:hover{
  text-decoration:underline !important;
}

.sections-box .homepage-flat-board{
  color:var(--ui-text, #344054) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}

.sections-box .homepage-flat-board.is-first{
  font-weight:800 !important;
  text-decoration:underline !important;
  color:var(--ui-heading, #24356d) !important;
}

.sections-box .homepage-child-dot{
  color:var(--ui-muted, #667085) !important;
}


/* Header, footer, and body base restoration */
body{
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.page-shell{
  padding:24px 0 52px;
}
main.shell-container{
  display:block;
}
.ff-header-wrapper{
  padding:26px 28px 20px;
  margin-bottom:22px;
}
.ff-site-title-row{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.ff-site-title{
  width:100%;
  text-align:center;
}
.ff-utility-row,
.ff-header-inline,
.ff-header-search-wrap,
.ff-search-row,
.ff-trending-line{
  width:100%;
}
.ff-header-inline{
  text-align:center;
}
.ff-header-links{
  justify-content:center;
}
.ff-stats-row{
  justify-content:center;
  text-align:center;
}
.ff-search-form{
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
}
.ff-search-form input{
  max-width:none;
}
.ff-search-form button{
  flex:0 0 auto;
}
.ff-trending-line{
  justify-content:center;
  text-align:center;
}
.ff-trending-tags{
  justify-content:center;
}
.footer-wrapper{
  margin-top:26px;
  padding:24px 28px;
  background:var(--ff-surface);
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-xl);
  box-shadow:var(--ff-shadow);
}
.footer-menu{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 14px;
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom:1px solid #edf1f7;
}
.footer-menu a{
  color:var(--ff-primary);
  text-decoration:none;
  font-weight:700;
}
.footer-menu a:hover{
  text-decoration:underline;
}
.footer-copy{
  text-align:center;
  color:var(--ff-muted);
}
.footer-copy p{
  margin:6px 0;
}
@media (max-width: 820px){
  .page-shell{
    padding:16px 0 38px;
  }
  .ff-header-wrapper,
  .footer-wrapper{
    padding:20px 18px;
  }
}

/* Final header/footer finish */
.ff-search-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.ff-search-form input{
  width:100%;
  min-width:0;
}
.ff-search-form button{
  width:auto;
  white-space:nowrap;
}
.footer-wrapper{
  text-align:center;
}
.footer-menu{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  padding-bottom:18px;
  margin-bottom:18px;
}
.footer-menu a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border:1px solid var(--ff-border);
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.footer-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
}
.footer-copy p{
  margin:0;
  max-width:820px;
}
@media (max-width: 640px){
  .ff-search-form{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  .ff-search-form input{
    min-width:0;
  }
  .ff-search-form button{
    min-width:96px;
    padding:0 14px;
  }
  .footer-menu{
    gap:8px;
  }
  .footer-menu a{
    min-height:34px;
    padding:0 10px;
    font-size:.92rem;
  }
}

/* Body/content base restoration */
.page-card,
.form-card,
.admin-list-card,
.pf-section-card,
.profile-sidebar-card,
.profile-topic-showcase,
.profile-layout,
.profile-layout-single,
.pf-overview-shell,
.auth-card{
  background:var(--ff-surface);
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-xl);
  box-shadow:var(--ff-shadow);
}

.page-card,
.form-card,
.auth-card,
.pf-section-card,
.profile-sidebar-card,
.profile-topic-showcase,
.pf-overview-shell{
  padding:24px;
}

.page-header,
.pf-section-head,
.profile-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.page-title,
.section-title,
.profile-topic-title,
.pf-name{
  margin:0;
  color:var(--ff-text);
  font-size:clamp(1.35rem,2.2vw,1.9rem);
  line-height:1.15;
  font-weight:800;
}

.page-intro,
.muted,
.profile-content-excerpt,
.prose-block,
.page-card p,
.form-card p{
  color:var(--ff-muted);
}

.page-section-label{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.form-row{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:14px;
}

.form-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.form-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.form-row label{
  color:var(--ff-text);
  font-weight:700;
}

.form-row input,
.form-row select,
.form-row textarea{
  width:100%;
  min-width:0;
  min-height:46px;
  padding:12px 14px;
  border:1px solid var(--ff-border);
  border-radius:14px;
  background:#fff;
  color:var(--ff-text);
  font:inherit;
}

.form-row textarea{
  min-height:130px;
  resize:vertical;
}

.button-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:18px;
}

.button,
.button-primary,
.button-secondary,
a.button,
a.button-primary,
a.button-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid var(--ff-border);
  text-decoration:none;
  font-weight:700;
  font:inherit;
  cursor:pointer;
}

.button-primary,
a.button-primary,
.button{
  background:var(--ff-primary);
  border-color:var(--ff-primary);
  color:#fff;
}

.button-secondary,
a.button-secondary{
  background:#fff;
  color:var(--ff-primary);
}

.topic-list,
.admin-list,
.profile-content-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.topic-row,
.profile-content-item{
  padding:18px 20px;
  border:1px solid var(--ff-border);
  border-radius:18px;
}

.topic-row-main,
.profile-content-main{
  min-width:0;
}

.topic-link,
.profile-topic-title a,
.pf-section-link{
  color:var(--ff-primary);
  text-decoration:none;
  font-weight:800;
}

.topic-link:hover,
.profile-topic-title a:hover,
.pf-section-link:hover{
  text-decoration:underline;
}

main.shell-container > * + *{
  margin-top:20px;
}

@media (max-width: 820px){
  .page-card,
  .form-card,
  .auth-card,
  .pf-section-card,
  .profile-sidebar-card,
  .profile-topic-showcase,
  .pf-overview-shell{
    padding:18px;
  }

  .form-grid-2,
  .form-grid-3{
    grid-template-columns:1fr;
  }

  .topic-row,
  .profile-content-item{
    padding:16px;
  }
}



.admin-navigation-band {
    margin-top: 18px;
    margin-bottom: 10px;
}

.admin-inline-nav-card {
    background: #ffffff;
    border: 1px solid #e4e8f0;
    border-radius: 14px;
    padding: 10px 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.admin-inline-nav-heading {
    display: block;
    margin: 0 0 4px;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.admin-inline-nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    width: 100%;
    line-height: 1.55;
}

.admin-inline-nav-links a {
    display: inline;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ff-primary);
    font-size: 0.96rem;
    font-weight: 700;
    line-height: inherit;
    text-decoration: none;
}

.admin-inline-nav-links a:hover,
.admin-inline-nav-links a:focus-visible {
    background: transparent;
    border-color: transparent;
    transform: none;
    text-decoration: underline;
}

.admin-inline-nav-links .ff-sep {
    margin: 0 8px;
    color: #94a3b8;
    font-weight: 600;
}

@media (max-width: 640px) {
    .admin-navigation-band {
        margin-top: 14px;
        margin-bottom: 8px;
    }

    .admin-inline-nav-card {
        padding: 9px 12px;
        border-radius: 12px;
    }

    .admin-inline-nav-heading {
        margin-bottom: 3px;
    }

    .admin-inline-nav-links {
        line-height: 1.7;
    }

    .admin-inline-nav-links .ff-sep {
        margin: 0 6px;
    }

    .admin-inline-nav-links a {
        font-size: 0.92rem;
    }
}



/* Topic page redesign */
.topic-hero-card{
  padding:32px 26px;
  text-align:center;
}
.topic-hero-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:16px;
}
.topic-hero-title{
  margin:0 auto 16px;
  max-width:980px;
  font-size:clamp(2.2rem,5vw,4.5rem);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.03em;
}
.topic-breadcrumbs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
  color:var(--ff-muted);
  font-size:.98rem;
  line-height:1.45;
}
.topic-breadcrumbs a{
  color:var(--ff-primary);
  font-weight:700;
  text-decoration:none;
}
.topic-breadcrumbs a:hover{text-decoration:underline}
.topic-breadcrumbs-sep{color:#98a2b3}
.topic-hero-card .meta-chip-system{
  justify-content:center !important;
  margin-top:0 !important;
}
.topic-hero-readtime{
  margin-top:14px;
}
.topic-hero-readtime-chip{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--ff-border);
  background:#fbfcfe;
  color:var(--ff-muted);
  font-weight:700;
}
.topic-hero-viewers{
  margin-top:18px;
}
.topic-hero-viewers .viewer-wrapper,
.topic-hero-viewers .viewer-wrapper.page-card{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.topic-hero-viewers .viewer-wrapper-inner{
  justify-content:center;
  text-align:center;
}
.topic-hero-jump-row{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}
.page-card{
  background:var(--ff-surface);
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-xl);
  box-shadow:var(--ff-shadow);
}
.topic-story-card,
.topic-discussion-card,
.topic-composer-card{
  padding:24px;
  margin-top:20px;
}
.topic-story-body{
  max-width:900px;
  margin:0 auto;
  color:var(--ff-text);
  font-size:clamp(1.1rem,2vw,1.5rem);
  line-height:1.95;
  text-align:center;
}
.topic-action-wrap{
  max-width:980px;
  margin:22px auto 0;
  padding:14px 16px;
  border:1px solid var(--ff-border);
  border-radius:18px;
  background:#fbfcfe;
}
.topic-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  justify-content:center;
  align-items:center;
}
.topic-action-link,
.topic-action-button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:0;
  background:transparent;
  color:var(--ff-primary);
  font:inherit;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  padding:0;
}
.topic-action-link:hover,
.topic-action-button:hover{text-decoration:underline}
.topic-action-button.is-subtle{color:var(--ff-muted)}
.topic-inline-form{margin:0}
.topic-reactions-wrap{
  max-width:980px;
  margin:18px auto 0;
  padding:16px;
  border:1px solid var(--ff-border);
  border-radius:20px;
  background:#fff;
}
.topic-reactions-title{
  margin:0 0 12px;
  color:var(--ff-primary);
  font-size:1.05rem;
  font-weight:800;
  text-align:center;
}
.topic-reactions-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.topic-reaction-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:58px;
  padding:10px 16px;
  border:1px solid var(--ff-border);
  border-radius:999px;
  background:#fff;
  color:var(--ff-text);
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.topic-reaction-emoji{font-size:1.45rem;line-height:1}
.topic-reaction-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  font-size:.8rem;
  font-weight:800;
}
.topic-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.section-title{
  margin:0;
  color:var(--ff-primary);
  font-size:1.45rem;
  font-weight:800;
}
.topic-section-count{
  color:var(--ff-muted);
  font-weight:700;
}
.topic-reply-list{display:flex;flex-direction:column;gap:14px}
.topic-reply-card{
  padding:18px 18px 16px;
  border:1px solid var(--ff-border);
  border-radius:18px;
}
.topic-reply-card .meta-chip-system{margin-top:0 !important;margin-bottom:12px !important}
.topic-reply-content{
  color:var(--ff-text);
  line-height:1.8;
  font-size:1.02rem;
}
.topic-reply-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:14px;
}
.topic-composer-toggle{
  border:1px solid var(--ff-border);
  border-radius:999px;
  background:#fff;
  color:var(--ff-primary);
  min-height:38px;
  padding:0 14px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.reply-form-wrap.is-hidden{display:none}
.topic-reply-form{
  max-width:900px;
  margin:0 auto;
  padding:0;
  border:0;
  box-shadow:none;
  background:transparent;
}
.form-card{
  background:#fff;
  border:1px solid var(--ff-border);
  border-radius:18px;
  padding:18px;
}
.form-row{display:flex;flex-direction:column;gap:8px}
.form-row label{font-weight:700;color:var(--ff-primary)}
.form-row textarea,
.form-row input,
.form-row select{
  width:100%;
  border:1px solid var(--ff-border);
  border-radius:16px;
  padding:14px 16px;
  font:inherit;
  color:var(--ff-text);
  background:#fff;
}
.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid var(--ff-primary);
  background:#fff;
  color:var(--ff-primary);
  text-decoration:none;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.button-primary{background:var(--ff-primary);color:#fff}
.button-secondary{background:#fff;color:var(--ff-primary)}
@media (max-width: 820px){
  .topic-story-body{font-size:1.02rem;line-height:1.85;text-align:left}
  .topic-reactions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .topic-hero-card,.topic-story-card,.topic-discussion-card,.topic-composer-card{padding:18px 16px}
  .topic-breadcrumbs{font-size:.9rem}
  .topic-action-wrap,.topic-reactions-wrap{padding:14px}
  .topic-reactions-grid{grid-template-columns:1fr}
  .topic-reaction-button{justify-content:flex-start}
}


/* Topic page refinement + working reactions */
.topic-hero-card .topic-breadcrumbs a[aria-current="page"]{color:var(--ff-primary);font-weight:700;text-decoration:underline}
.topic-hero-meta-row{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:10px;max-width:100%;overflow-x:auto;margin-top:4px;padding-bottom:2px}
.topic-hero-meta-row .meta-chip-system{margin:0 !important;display:flex;flex-wrap:nowrap;justify-content:center !important;gap:10px}
.topic-hero-meta-row .meta-chip,.topic-hero-meta-row .topic-meta-readtime-chip{flex:0 0 auto}
.topic-meta-readtime-chip{display:inline-flex;align-items:center}
.topic-hero-readtime,.topic-hero-viewers{display:none}
.topic-story-body{max-width:none;margin:0;text-align:left !important;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.95}
.topic-action-wrap,.topic-reactions-wrap{max-width:none}
.topic-action-row{justify-content:flex-start}
.topic-reactions-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start}
.topic-reaction-form{margin:0}
.topic-reaction-button{justify-content:flex-start;min-height:52px;padding:10px 18px}
.topic-reaction-button.is-active{border-color:var(--ff-primary);background:var(--ff-primary-soft);color:var(--ff-primary)}
.topic-page-viewers-end{margin-top:20px}
.topic-page-viewers-end .viewer-wrapper,.topic-page-viewers-end .viewer-wrapper.page-card{padding:18px 20px}
.topic-page-viewers-end .viewer-wrapper-inner{justify-content:flex-start;text-align:left}
@media (min-width: 821px){
  .topic-hero-meta-row{overflow-x:visible}
  .topic-hero-meta-row .meta-chip-system{flex-wrap:nowrap}
}
@media (max-width: 820px){
  .topic-hero-meta-row{flex-wrap:wrap;overflow-x:visible}
  .topic-hero-meta-row .meta-chip-system{flex-wrap:wrap}
}
@media (max-width: 640px){
  .topic-reaction-form{flex:1 1 100%}
  .topic-reaction-button{width:100%}
}


/* Topic hero polish micro patch */
.topic-hero-title{max-width:760px;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.12;}
.topic-hero-share-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 4px;}
.topic-share-icon{width:50px;height:50px;border-radius:999px;border:1px solid var(--ff-border);background:#fff;color:var(--ff-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1rem;font-weight:700;line-height:1;box-shadow:none;cursor:pointer;padding:0;}
.topic-share-icon:hover{border-color:var(--ff-primary);color:var(--ff-primary);text-decoration:none;}
.topic-share-icon.is-copied{background:var(--ff-primary-soft);border-color:var(--ff-primary);color:var(--ff-primary);} .topic-share-icon svg{width:24px;height:24px;display:block;} .topic-share-icon[aria-label="Share on WhatsApp"] svg,.topic-share-icon[aria-label="Share on Telegram"] svg{width:22px;height:22px;}
.topic-reactions-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start;}
.topic-reaction-form{flex:0 1 auto;}
.topic-reaction-button{width:auto;}
@media (max-width: 640px){
  .topic-hero-title{font-size:clamp(1.65rem,9vw,2.35rem);line-height:1.18;max-width:100%;}
  .topic-hero-share-row{gap:10px;margin-top:12px;}
  .topic-share-icon{width:48px;height:48px;font-size:1.5rem;}
  .topic-reaction-form{flex:1 1 calc(33.333% - 8px);min-width:0;}
  .topic-reaction-button{width:100%;justify-content:center;padding:10px 8px;min-height:50px;}
  .topic-reaction-label{display:none;}
}


/* Phase 1-3 editor + create topic */
.topic-compose-form{gap:16px}
.rich-editor{display:flex;flex-direction:column;gap:10px}
.rich-editor__toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid #dfe4ee;border-radius:14px;background:#fff}
.rich-editor__tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #d9deea;border-radius:10px;background:#fff;font:inherit;font-weight:700;cursor:pointer}
.rich-editor__tool:hover{background:#f7f9fc}
.rich-editor__textarea{min-height:220px}
.rich-editor__hint{margin:0;font-size:13px;opacity:.72}
.topic-story-body img,.topic-reply-content img{max-width:100%;height:auto;border-radius:12px;margin:10px 0;display:block}
.topic-story-body a,.topic-reply-content a{text-decoration:underline}
.topic-story-body blockquote,.topic-reply-content blockquote{margin:12px 0;padding:12px 14px;border-left:3px solid #d9deea;background:#f7f9fc;border-radius:10px}
.topic-story-body ul,.topic-story-body ol,.topic-reply-content ul,.topic-reply-content ol{padding-left:22px}
@media (max-width:640px){
  .rich-editor__toolbar{gap:6px;padding:8px}
  .rich-editor__tool{min-height:34px;padding:7px 10px;font-size:13px}
}

/* Editor attach image + inline media */
.rich-editor__attach-wrap{margin-top:14px;padding:14px;border:1px solid #e2e7f0;border-radius:14px;background:#fbfcff}
.rich-editor__attach-title{font-weight:700;color:#25366f;margin-bottom:4px}
.rich-editor__attach-note{font-size:13px;color:#6b7280;margin-bottom:10px}
.rich-editor__attach-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.rich-editor__attach-controls input[type=file]{max-width:100%}
.rich-editor__caption-input{display:block;width:100%;max-width:420px;height:auto;min-height:0;padding:10px 12px;border:1px solid #d9dfeb;border-radius:12px;font:inherit;line-height:1.4}
.rich-editor__attach-status{margin-top:8px;font-size:13px;color:#4b5563}
.rich-editor__attach-status.is-error{color:#b42318}
.rich-editor__attach-status.is-success{color:#166534}
.topic-story-body figure.topic-inline-media{margin:0 0 18px 0;display:block}
.topic-story-body figure.topic-inline-media img{display:block;max-width:100%;height:auto;border-radius:16px;border:1px solid #dfe4ee}
.topic-story-body figure.topic-inline-media figcaption{margin-top:8px;font-size:14px;line-height:1.5;color:#5b6478}
@media (min-width: 900px){
  .topic-story-body > figure.topic-inline-media:first-child{float:left;max-width:min(46%,360px);margin:4px 22px 14px 0}
}
@media (max-width: 640px){
  .rich-editor__attach-controls{flex-direction:column;align-items:stretch}
  .rich-editor__caption-input{width:100%;max-width:100%}
}


.topic-edit-header{display:flex;flex-direction:column;gap:10px}
.topic-edit-context{font-size:14px;font-weight:700;letter-spacing:.02em;color:#5c6478}
.topic-edit-context span{color:#25366f}
.topic-edit-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:#5c6478}
.topic-edit-breadcrumbs a{color:#25366f;text-decoration:none;font-weight:600}
.topic-edit-breadcrumbs a:hover{text-decoration:underline}
@media (max-width:640px){.topic-edit-breadcrumbs{font-size:13px;gap:6px}.rich-editor__caption-input{max-width:100%;height:52px}}

.compose-rules-box{margin:18px 0;padding:16px 18px;border:1px solid #e2e7f0;border-radius:14px;background:#fbfcff}
.compose-rules-box h3{margin:0 0 10px;font-size:18px;color:#25366f}
.compose-rules-box ul{margin:0;padding-left:18px;color:#4b5563;line-height:1.7}
.compose-rules-box li+li{margin-top:6px}
.topic-compose-header{display:flex;flex-direction:column;gap:8px}
.topic-story-body p{margin:0 0 1.1em;text-align:left}
.topic-story-body p:last-child{margin-bottom:0}


.topic-post-content p,
.topic-content p,
.reply-content p,
.topic-reply-content p,
.topic-article p {
    margin: 0 0 1.05em;
}

.topic-post-content p:last-child,
.topic-content p:last-child,
.reply-content p:last-child,
.topic-reply-content p:last-child,
.topic-article p:last-child {
    margin-bottom: 0;
}

.topic-post-content,
.topic-content,
.reply-content,
.topic-reply-content,
.topic-article {
    white-space: normal;
    word-break: break-word;
}


.ff-notification-link { white-space: nowrap; }
.ff-notification-badge {
    display: inline-block;
    min-width: 18px;
    padding: 1px 6px;
    margin-left: 4px;
    border-radius: 999px;
    border: 1px solid #d9deea;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    background: #fff;
}
.page-subtitle { margin: 8px 0 0; color: #667085; }
.notification-row.is-unread { border-left: 3px solid #d0d5dd; }
.notifications-list .profile-content-meta { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }


/* Phase 7 board sticky */
.board-topic-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.board-sticky-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #d9deea;border-radius:999px;background:#fff7e8;color:#734c00;font-size:12px;font-weight:700;white-space:nowrap;}
.topic-row.is-board-sticky{background:#fff9e8 !important;border-color:#efe2a6;}

.topic-sticky-form {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.topic-sticky-label {
    font-size: 13px;
    font-weight: 600;
    color: rgba(15, 23, 42, 0.75);
}

.topic-sticky-select {
    min-height: 36px;
    padding: 6px 10px;
    border: 1px solid #d9deea;
    border-radius: 10px;
    background: #fff;
    font: inherit;
}

@media (max-width: 640px) {
    .topic-sticky-form {
        width: 100%;
    }

    .topic-sticky-select {
        max-width: 100%;
    }
}


.stat-card-link{
    text-decoration:none;
    color:inherit;
    display:block;
}
.stat-card-link:hover{
    transform: translateY(-1px);
}


.reply-quote {
  background: #eef5e3;
  border: 1px solid #d7e3c3;
  border-radius: 18px;
  padding: 16px 18px;
  margin-top: 14px;
}
.reply-quote-author {
  font-weight: 700;
  margin-bottom: 8px;
}
.reply-quote-body {
  line-height: 1.7;
}
.reply-quote-preview {
  margin-top: 14px;
  background: #f7f9fd;
  border: 1px solid #dfe4ee;
  border-radius: 16px;
  padding: 14px 16px;
}
.reply-quote-preview.is-hidden { display:none; }
.reply-quote-preview-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .7;
  margin-bottom: 8px;
}
.reply-quote-preview-author { font-weight:700; margin-bottom:6px; }
.reply-quote-preview-body { white-space: pre-wrap; line-height:1.6; }
.reply-quote-preview-remove {
  margin-top: 10px;
  background: transparent;
  border: none;
  padding: 0;
  color: #24356f;
  font-weight: 700;
  cursor: pointer;
}

.ff-trending-empty{font-size:12px;opacity:.7}
.hashtag-cloud{display:flex;flex-wrap:wrap;gap:10px}
.hashtag-cloud .meta-chip{text-decoration:none}


.hashtag-cloud--all{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.hashtag-cloud--all .hashtag-chip{text-decoration:none;white-space:nowrap;max-width:100%}
.hashtag-cloud--all .hashtag-chip .meta-chip__text{display:inline-block}


.table-wrap{overflow-x:auto;}
.admin-table{width:100%;border-collapse:collapse;font-size:14px;}
.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid #e3e7ef;text-align:left;vertical-align:top;}
.admin-table th{font-weight:700;background:#f8fafc;}
.admin-table tr:last-child td{border-bottom:none;}


/* Global meta link polish */
.meta-chip-system a.meta-chip:hover,
.meta-chip-system a.meta-chip:focus-visible{
  border-color:var(--ff-primary) !important;
  color:var(--ff-primary) !important;
  background:#f5f8ff !important;
  text-decoration:none !important;
}
.meta-chip-system .meta-chip--author{
  background:#f7fbff !important;
  border-color:#d7e9ff !important;
}

/* Compact admin action chips */
.admin-action-chip-row{gap:8px !important;margin-top:12px !important;}
.button-chip,
a.button-chip{
  min-height:32px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:.84rem !important;
  font-weight:700 !important;
  line-height:1 !important;
}
.admin-action-chip-row .topic-inline-form{margin:0 !important;}


/* Phase B admin consistency framework */
.admin-page-shell{display:flex;flex-direction:column;gap:18px}
.admin-page-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:18px}
.admin-stack{display:flex;flex-direction:column;gap:18px}
.admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.admin-toolbar--between{justify-content:space-between}
.admin-toolbar__group{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.admin-chip,
a.admin-chip,
button.admin-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--ff-border);border-radius:999px;background:#fff;color:var(--ff-text);font-size:.84rem;font-weight:700;text-decoration:none;line-height:1}
.admin-chip--primary,
a.admin-chip--primary,button.admin-chip--primary{background:var(--ff-primary);border-color:var(--ff-primary);color:#fff}
.admin-chip--soft{background:#f8fafc}
.admin-chip--muted{color:var(--ff-muted)}
.admin-kpi-row{display:flex;flex-wrap:wrap;gap:10px}
.admin-kpi{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid var(--ff-border);border-radius:999px;background:#fff;color:var(--ff-text);font-size:.86rem;font-weight:700}
.admin-kpi__value{color:var(--ff-primary)}
.admin-panel{padding:0}
.admin-panel__head{padding:18px 20px 0}
.admin-panel__body{padding:18px 20px 20px}
.admin-section-note{margin:6px 0 0;color:var(--ff-muted)}
.admin-list-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.admin-list-card__main{min-width:0;display:flex;flex-direction:column;gap:8px}
.admin-list-card__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
.admin-table .admin-action-chip-row{margin-top:0!important}
.admin-status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.admin-status-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--ff-border);background:#fff;color:var(--ff-text);font-size:.78rem;font-weight:800;letter-spacing:.01em}
.admin-status-chip--pending{background:#fff9eb;border-color:#f3d48f;color:#8a5a00}
.admin-status-chip--approved,.admin-status-chip--featured{background:#eefbf3;border-color:#b6e4c7;color:#166534}
.admin-status-chip--rejected,.admin-status-chip--trashed{background:#fff1f2;border-color:#fecdd3;color:#b42318}
.admin-status-chip--sticky{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.admin-status-chip--neutral{background:#f8fafc}
.admin-table tbody tr:hover td{background:#fbfcfe}
.admin-table td .meta-chip-system{margin-top:6px}
.admin-empty{padding:26px 12px;color:var(--ff-muted);text-align:center}
@media (max-width: 960px){.admin-page-grid{grid-template-columns:1fr}.admin-list-card{flex-direction:column}.admin-list-card__actions{justify-content:flex-start}}


/* Phase C public UI alignment */
.public-hero,
.public-panel,
.public-empty-state{
  background:var(--ff-surface);
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-xl);
  box-shadow:var(--ff-shadow);
}
.public-hero{
  padding:24px;
}
.public-hero-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.public-hero-copy{min-width:0;flex:1 1 520px;}
.public-hero-copy .page-title,
.public-hero-copy .topic-hero-title{margin-top:12px;}
.public-hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.public-panel{padding:22px;}
.public-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.public-section-copy{min-width:0;}
.public-section-copy .section-title{margin:0;}
.public-section-copy p{margin:8px 0 0;color:var(--ff-muted);}
.public-count-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--ff-border);
  background:#fbfcfe;
  color:var(--ff-primary);
  font-size:.92rem;
  font-weight:800;
  white-space:nowrap;
}
.public-empty-state{
  padding:32px 20px;
  text-align:center;
  color:var(--ff-muted);
}
.public-empty-state strong{display:block;color:var(--ff-text);font-size:1.05rem;margin-bottom:6px;}
.topic-row,
.topic-card,
.hot-item,
.board-card,
.notification-row,
.hashtag-chip{
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}
.topic-row:hover,
.topic-card:hover,
.hot-item:hover,
.board-card:hover,
.notification-row:hover,
.hashtag-chip:hover{
  transform:translateY(-1px);
  border-color:#d4dbe7;
  box-shadow:0 12px 24px rgba(20,29,67,.05);
}
.search-summary{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:0 0 16px;
  color:var(--ff-muted);
}
.search-summary strong{color:var(--ff-text);}
.hashtag-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.hashtag-chip{
  text-decoration:none;
}
.board-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.board-card{padding:22px;}
.subpage-card-title{margin:0 0 10px;}
.subpage-card-title a{color:var(--ff-primary);text-decoration:none;font-weight:800;}
.subpage-card-title a:hover{text-decoration:underline;}
.inline-board-links{color:var(--ff-muted);line-height:1.8;}
.inline-board-links a{font-weight:700;color:var(--ff-primary);text-decoration:none;}
.inline-board-links a:hover{text-decoration:underline;}
.board-topic-title-row{margin-bottom:8px;}
.topic-excerpt,
.meta-row.muted{line-height:1.65;}
.notifications-list .topic-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;}
.profile-content-side{flex:0 0 auto;}
.topic-story-card .public-section-head{margin-bottom:18px;}
.topic-story-card .public-section-copy p{max-width:780px;}
@media (max-width: 900px){
  .board-grid{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .public-hero,
  .public-panel{padding:18px 16px;}
  .public-empty-state{padding:24px 16px;}
  .public-count-badge{min-height:34px;padding:0 12px;font-size:.86rem;}
  .notifications-list .topic-row{flex-direction:column;}
  .profile-content-side{width:100%;}
  .profile-content-side .button{width:100%;}
}


/* User manager controls aligned to shared header search pattern */
.ff-surface-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.ff-surface-form--search{
  width:min(100%, 520px);
}

.ff-surface-form--compact{
  grid-template-columns:minmax(180px,1fr) auto;
}

.ff-surface-input,
.ff-surface-select,
.ff-surface-multiselect{
  width:100%;
  min-width:0;
  min-height:48px;
  border:1px solid var(--ff-border);
  border-radius:14px;
  background:#fff;
  color:var(--ff-text);
  font:inherit;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ff-surface-input,
.ff-surface-select{
  padding:0 16px;
}

.ff-surface-input:focus,
.ff-surface-select:focus,
.ff-surface-select--multi:focus,
.ff-surface-multiselect:focus-within{
  outline:none;
  border-color:rgba(26,115,232,.4);
  box-shadow:0 0 0 4px rgba(26,115,232,.12);
}

.ff-surface-input--sm{
  max-width:120px;
}

.ff-surface-select{
  appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, var(--ff-muted) 50%),linear-gradient(135deg, var(--ff-muted) 50%, transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:36px;
}

.ff-surface-multiselect{
  min-height:148px;
  padding:8px;
}

.ff-surface-select--multi{
  min-height:130px;
  height:100%;
  border:0;
  box-shadow:none;
  background-image:none;
  padding:0;
}

.ff-surface-select--multi option{
  padding:10px 12px;
  border-radius:10px;
}

.ff-surface-button,
.ff-surface-button--ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid var(--ff-primary);
  font:inherit;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.ff-surface-button{
  background:var(--ff-primary);
  color:#fff;
}

.ff-surface-button--ghost{
  background:#fff;
  color:var(--ff-primary);
}

.ff-surface-button:hover,
.ff-surface-button--ghost:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

.user-manager-card{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.user-manager-card__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.user-manager-card__status{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.user-manager-form{
  display:grid;
  gap:8px;
}

.admin-user-search{
  margin-left:auto;
}

@media (max-width: 720px){
  .ff-surface-form,
  .ff-surface-form--compact{
    grid-template-columns:minmax(0,1fr);
  }

  .ff-surface-button,
  .ff-surface-button--ghost{
    width:100%;
  }

  .admin-user-search{
    width:100%;
    margin-left:0;
  }

  .ff-surface-form--search{
    width:100%;
  }

  .user-manager-card__head{
    flex-direction:column;
  }

  .user-manager-card__status{
    justify-content:flex-start;
  }
}

.settings-image-preview{margin-top:10px;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:10px;max-width:240px;background:#fff}.settings-image-preview img{display:block;max-width:100%;height:auto;border-radius:12px}.form-note{margin-top:8px;font-size:.92rem;color:#64748b}.form-note code{font-size:.88em;background:rgba(15,23,42,.05);padding:2px 6px;border-radius:8px}


.homepage-settings-form {
    display: grid;
    gap: 18px;
}
.homepage-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.form-row--full {
    grid-column: 1 / -1;
}
.homepage-toggle-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.homepage-toggle-card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 14px 16px;
    border: 1px solid #d6deeb;
    border-radius: 16px;
    background: #fbfcfe;
    color: #344054;
    font-weight: 700;
}
.homepage-toggle-card input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
@media (max-width: 860px) {
    .homepage-settings-grid,
    .homepage-toggle-grid {
        grid-template-columns: 1fr;
    }
}

.page-title,h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading-font, var(--ff-body-font, system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif));}


.design-settings-form input[type="color"]{
  width:100%;
  min-height:48px;
  border:1px solid var(--ff-border);
  border-radius:14px;
  background:#fff;
  padding:6px;
}
.design-settings-form select,
.design-settings-form input[type="number"]{
  width:100%;
}


/* Design settings phase 3 refinement */
:root{
  --ff-header-bg:#ffffff;
  --ff-header-text:#24356d;
  --ff-footer-bg:#ffffff;
  --ff-footer-text:#667085;
  --ff-button-bg:#24356d;
  --ff-button-text:#ffffff;
  --ff-button-border:#24356d;
  --ff-input-bg:#ffffff;
  --ff-input-text:#1c2541;
  --ff-font-size-hero-title:52px;
  --ff-font-size-hero-intro:18px;
  --ff-font-size-h1:40px;
  --ff-font-size-h2:32px;
  --ff-font-size-h3:26px;
  --ff-font-size-h4:22px;
  --ff-font-size-h5:18px;
  --ff-font-size-h6:16px;
  --ff-font-size-button:14px;
  --ff-font-size-meta:13px;
}
.ff-header-wrapper{
  background:var(--ff-header-bg);
  color:var(--ff-header-text);
}
.ff-site-title-link,
.ff-header-inline a,
.ff-stats-row a,
.ff-trending-tags a,
.ff-user-link,
.ff-user-strong,
.ff-notification-link,
.ff-header-wrapper .ff-trending-label,
.ff-header-wrapper .ff-stats-row strong,
.ff-header-wrapper .ff-sep{
  color:var(--ff-header-text);
}
.ff-search-form input,
.form-row input,
.form-row select,
.form-row textarea,
.ff-surface-input,
.ff-surface-select,
.ff-surface-multiselect{
  background:var(--ff-input-bg);
  color:var(--ff-input-text);
}
.ff-search-form button,
.button-primary,
.ff-surface-button,
button.admin-chip--primary,
a.admin-chip--primary,
button[type="submit"],
input[type="submit"]{
  background:var(--ff-button-bg);
  border-color:var(--ff-button-border);
  color:var(--ff-button-text);
  font-size:var(--ff-font-size-button);
}
.button-secondary,
.ff-surface-button--ghost{
  color:var(--ff-button-bg);
  border-color:var(--ff-button-border);
  font-size:var(--ff-font-size-button);
}
.footer-wrapper{
  background:var(--ff-footer-bg);
  color:var(--ff-footer-text);
}
.footer-menu a,
.footer-copy,
.footer-copy p,
.footer-copy a{
  color:var(--ff-footer-text);
}
.footer-menu a{
  background:color-mix(in srgb, var(--ff-footer-bg) 86%, #ffffff 14%);
}
.hero-title,
.home-hero h1,
.ff-hero-title{
  font-size:var(--ff-font-size-hero-title);
}
.hero-copy,
.home-hero p,
.ff-hero-copy,
.page-intro,
.public-section-copy p{
  font-size:var(--ff-font-size-hero-intro);
}
h1{font-size:var(--ff-font-size-h1)}
h2{font-size:var(--ff-font-size-h2)}
h3{font-size:var(--ff-font-size-h3)}
h4{font-size:var(--ff-font-size-h4)}
h5{font-size:var(--ff-font-size-h5)}
h6{font-size:var(--ff-font-size-h6)}
.page-section-label,
.section-meta,
.meta-pill,
.topic-meta,
.search-summary,
.admin-section-note,
.empty-text,
.ff-stats-row,
.ff-header-inline,
.footer-copy,
.footer-copy p{
  font-size:var(--ff-font-size-meta);
}
.design-settings-section{margin-bottom:22px;padding-top:6px}
.design-settings-section + .design-settings-section{border-top:1px solid var(--ff-border);padding-top:22px}
.design-settings-section__head{margin-bottom:14px}
.design-setting-field{display:flex;flex-direction:column;gap:8px}
.design-setting-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ff-muted);font-size:.85rem}
.design-setting-current code{background:var(--ff-surface-soft);border:1px solid var(--ff-border);border-radius:999px;padding:2px 8px;font-size:.82rem}
.design-colour-swatch{width:18px;height:18px;border-radius:999px;border:1px solid var(--ff-border);display:inline-block;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset}
.design-reset-link{appearance:none;border:none;background:none;padding:0;color:var(--ff-primary);font-weight:700;cursor:pointer;text-decoration:underline}
.design-reset-link:hover{opacity:.82}
.design-setting-field--colour input[type="color"]{inline-size:100%;block-size:44px;padding:4px;border-radius:12px;border:1px solid var(--ff-border);background:var(--ff-input-bg)}
@media (max-width: 820px){
  .hero-title,.home-hero h1,.ff-hero-title{font-size:min(var(--ff-font-size-hero-title), 2.3rem)}
  .hero-copy,.home-hero p,.ff-hero-copy,.page-intro,.public-section-copy p{font-size:min(var(--ff-font-size-hero-intro), 1rem)}
}


.control-center-grid {
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
}
.control-center-panel--wide {
  grid-column: 1 / -1;
}
.control-center-groups {
  display: grid;
  gap: 1.25rem;
}
.control-center-group {
  display: grid;
  gap: 0.8rem;
}
.control-center-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.control-center-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}
.control-center-card {
  display: grid;
  gap: 0.7rem;
  text-decoration: none;
  color: inherit;
  padding: 1rem;
  border: 1px solid var(--ff-border);
  border-radius: var(--ff-radius-md);
  background: linear-gradient(180deg, var(--ff-surface), var(--ff-surface-soft));
}
.control-center-card:hover {
  transform: translateY(-1px);
  border-color: var(--ff-primary);
}
.control-center-card__top,
.control-center-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.control-center-card__text {
  margin: 0;
  color: var(--ff-muted);
}
.control-center-card__meta {
  font-size: var(--ff-font-size-meta);
  color: var(--ff-muted);
  flex-wrap: wrap;
}
.control-center-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  background: var(--ff-primary-soft);
  color: var(--ff-primary);
  font-size: var(--ff-font-size-meta);
  font-weight: 700;
}
@media (max-width: 900px) {
  .control-center-grid {
    grid-template-columns: 1fr;
  }
  .control-center-panel--wide {
    grid-column: auto;
  }
}


/* Public page consistency pass */
.public-hero--compact{padding:20px 24px}
.public-form-panel{padding:22px}
.public-form-stack{max-width:820px}
.auth-panel{max-width:620px;margin:0 auto}
.auth-form{max-width:none}
.public-form-grid{display:grid;gap:16px}
.public-form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-panel .prose-block > *:first-child{margin-top:0}
.public-panel .prose-block > *:last-child{margin-bottom:0}
.public-panel .form-card{background:transparent;border:0;box-shadow:none;padding:0}
.public-panel .topic-edit-breadcrumbs{margin-top:8px}
.public-panel .profile-tabs{margin-bottom:16px}
@media (max-width: 760px){
  .public-form-grid--two{grid-template-columns:1fr}
  .public-hero--compact{padding:18px 16px}
}

.topic-lock-notice{margin-top:12px;padding:10px 14px;border:1px solid var(--border-color,#d6dbe3);border-radius:var(--radius-md,14px);background:var(--surface-soft,#f6f8fb);font-size:.95rem;}

.settings-image-preview--favicon{max-width:96px;padding:12px}
.settings-image-preview--favicon img{width:48px;height:48px;object-fit:contain;border-radius:10px}
.checkbox-row{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ff-text)}
.checkbox-row input[type="checkbox"]{width:18px;height:18px}
.form-row--stack{justify-content:flex-end}


.ad-slot-band{margin:18px auto 22px;}
.ad-slot-head{display:flex;justify-content:flex-end;margin-bottom:8px;}
.ad-slot-label{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--ff-primary-soft);color:var(--ff-primary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.ad-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.ad-card{display:flex;flex-direction:column;background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);overflow:hidden;text-decoration:none;color:var(--ff-text);box-shadow:0 10px 30px rgba(15,23,42,.06);}
.ad-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.09);}
.ad-card-media{aspect-ratio:4/1;background:var(--ff-surface-soft);}
.ad-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.ad-card-copy{padding:12px 14px;font-size:14px;line-height:1.35;}
@media (max-width:1024px){.ad-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ad-slot-grid .ad-card:nth-child(n+3){display:none;}}
@media (max-width:640px){.ad-slot-grid{grid-template-columns:1fr;}.ad-slot-grid .ad-card:nth-child(n+2){display:none;}}
.admin-action-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}

.advertiser-action-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.advertiser-action-stack form{margin:0}.pf-stat-value a{text-decoration:none}.campaign-hero-media img{width:100%;height:auto;border-radius:var(--radius-md)}


/* Dashboard KPI redesign pass */
.dashboard-kpi-grid,
.admin-kpi-grid,
.pf-stats-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.dashboard-kpi-card,
.admin-kpi-card,
.pf-stat{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
  min-height:118px;
  padding:18px 20px;
  border:1px solid var(--ff-border);
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,var(--ff-surface-soft) 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.dashboard-kpi-label,
.admin-kpi-label,
.pf-stat-label{
  margin:0;
  color:var(--ff-muted);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.dashboard-kpi-value,
.admin-kpi-value,
.pf-stat-value{
  margin:0;
  color:var(--ff-text);
  font-size:clamp(1.5rem,2.8vw,2.2rem);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.02em;
  word-break:break-word;
}
.dashboard-kpi-meta,
.admin-kpi-meta,
.pf-stat-meta{
  margin:0;
  color:var(--ff-muted);
  font-size:.84rem;
  line-height:1.35;
}
.dashboard-kpi-value--money,
.admin-kpi-value--money,
.pf-stat-value--money{font-size:clamp(1.35rem,2.4vw,2rem)}
.dashboard-kpi-card--wide{grid-column:span 2}
.dashboard-kpi-grid + .dashboard-kpi-grid{margin-top:14px}
.account-summary-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.summary-stack{display:flex;flex-direction:column;gap:18px}
.metric-list{display:flex;flex-direction:column;gap:12px}
.metric-list__row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--ff-border)}
.metric-list__row:first-child{border-top:0;padding-top:0}
.metric-list__label{color:var(--ff-muted);font-weight:700}
.metric-list__value{color:var(--ff-text);font-weight:800;text-align:right}
.inline-note{color:var(--ff-muted);font-size:.9rem}
@media (max-width: 1100px){
  .dashboard-kpi-grid,
  .admin-kpi-grid,
  .pf-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .account-summary-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .dashboard-kpi-grid,
  .admin-kpi-grid,
  .pf-stats-strip{grid-template-columns:1fr;}
  .dashboard-kpi-card,
  .admin-kpi-card,
  .pf-stat{min-height:auto;padding:16px 16px 18px}
  .dashboard-kpi-card--wide{grid-column:auto}
  .metric-list__row{flex-direction:column;align-items:flex-start;gap:6px}
  .metric-list__value{text-align:left}
}


.admin-panel__head--stacked{display:flex;flex-direction:column;gap:14px}
.admin-filter-chips{display:flex;flex-wrap:wrap;gap:10px}
.admin-chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.payout-request-card{align-items:flex-start}
.payout-request-main{display:flex;flex-direction:column;gap:10px}
.payout-request-timeline{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--color-muted);font-size:var(--font-size-meta)}
.payout-action-form{margin-top:6px}
.compact-form-grid{align-items:end}
.payout-actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
@media (max-width: 720px){.compact-form-grid{grid-template-columns:1fr}.payout-actions{margin-top:8px}}

.topic-row--stacked{display:block}.advertiser-action-stack{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ad-card-copy{padding:12px 14px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}


.public-table-wrap{width:100%}
.public-rates-table{min-width:980px}
.public-rates-table th{white-space:nowrap}
.public-rates-table__action-cell{white-space:nowrap;text-align:right}
@media (max-width: 720px){
  .public-rates-table{min-width:920px}
}

.settings-subsection-head {
  margin: 1.25rem 0 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--ff-border);
}

.form-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.ff-social-embed {
  margin: 1rem 0;
  padding: 0.75rem;
  border: 1px solid var(--ff-border);
  border-radius: var(--ff-radius-md);
  background: var(--ff-surface-soft);
  overflow: hidden;
}

.ff-social-embed iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 340px;
  border: 0;
  border-radius: calc(var(--ff-radius-md) - 4px);
  background: #000;
}

.ff-social-embed--youtube iframe {
  aspect-ratio: 16 / 9;
  min-height: 0;
}

.ff-social-embed--facebook iframe {
  min-height: 420px;
  background: #fff;
}

.ff-social-embed blockquote {
  margin: 0 auto !important;
}

.ff-social-embed a {
  word-break: break-word;
}

@media (max-width: 900px) {
  .form-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .form-grid-4 {
    grid-template-columns: 1fr;
  }

  .ff-social-embed {
    padding: 0.5rem;
  }

  .ff-social-embed iframe {
    min-height: 280px;
  }

  .ff-social-embed--facebook iframe {
    min-height: 360px;
  }
}


.topic-inline-related{margin:20px 0;padding:16px;border:1px solid var(--border-color,#d8dee6);border-radius:var(--radius-md,16px);background:var(--surface-soft,#f7f9fc)}
.topic-inline-related__head{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-text-color,#667085);margin-bottom:12px}
.topic-inline-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.topic-inline-related__card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border-color,#d8dee6);border-radius:var(--radius-sm,12px);background:var(--surface-color,#fff);text-decoration:none;color:inherit}
.topic-inline-related__title{font-weight:700;line-height:1.35}
.topic-inline-related__meta{font-size:.88rem;color:var(--muted-text-color,#667085)}
.topic-nav-grid{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:14px;align-items:stretch;width:100%}
.topic-nav-grid--triple .topic-nav-col--edge{min-width:0}
.topic-nav-grid--triple .topic-nav-col--spacer{width:34px;min-width:34px;visibility:hidden}
.topic-nav-link{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border-color,#d8dee6);border-radius:var(--radius-md,16px);background:var(--surface-color,#fff);text-decoration:none;color:inherit;min-height:100%}
.topic-nav-link--next{text-align:right}
.topic-nav-label{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-text-color,#667085);display:flex;align-items:center;gap:6px}
.topic-nav-link--next .topic-nav-label{justify-content:flex-end}
.topic-nav-title{font-weight:700;line-height:1.4}
.topic-nav-meta{font-size:.88rem;color:var(--muted-text-color,#667085)}
@media (max-width: 720px){.topic-nav-grid{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:10px}.topic-nav-grid--triple .topic-nav-col--spacer{width:18px;min-width:18px}.topic-nav-link{padding:12px}.topic-nav-title{font-size:.95rem}}

.topic-discussion-composer{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}
.topic-section-header--composer{margin-bottom:16px}
.topic-section-subtitle{font-size:.9rem;font-weight:700;color:var(--muted-text-color);letter-spacing:.01em}

.code-manager-area{width:100%;min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.45;padding:14px;border:1px solid var(--ff-border);border-radius:14px;background:var(--ff-input-bg);color:var(--ff-input-text)}
.code-slot-table-wrap{overflow:auto;margin-top:16px;border:1px solid var(--ff-border);border-radius:18px;background:var(--ff-surface)}
.code-slot-table{width:100%;border-collapse:separate;border-spacing:0}
.code-slot-table th,.code-slot-table td{padding:14px;border-bottom:1px solid var(--ff-border);vertical-align:top;text-align:left}
.code-slot-table tr:last-child td{border-bottom:none}
.table-meta-key{margin-top:6px;font-size:.82rem;color:var(--ff-muted)}
.third-party-ad-slot{max-width:var(--ff-content-width);margin:18px auto;padding:0 12px}
.third-party-ad-slot > *{max-width:100%}
.third-party-ad-slot iframe,.third-party-ad-slot img{max-width:100%}

.code-slot-stack{display:grid;gap:16px}.code-slot-card{padding:18px;border:1px solid var(--ff-border);border-radius:18px;background:var(--ff-surface)}.code-slot-card__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.code-slot-card__title{margin:0;font-size:1rem;font-weight:700}.code-slot-card__meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--ff-text-muted);font-size:.9rem}.code-slot-card__meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;padding:2px 8px;border-radius:999px;background:var(--ff-soft-surface);color:var(--ff-text)}.code-slot-card__toggle{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}.code-slot-card__dot{opacity:.6}.code-manager-area--slot{min-height:180px}.code-manager-area{resize:vertical}@media (max-width:720px){.code-slot-card{padding:14px}.code-slot-card__head{flex-direction:column;align-items:stretch}.code-slot-card__toggle{align-self:flex-start}.code-manager-area--slot{min-height:220px}}


.ad-card--promo .ad-card-copy {display:flex; flex-direction:column; gap:6px;}
.ad-card--promo .ad-card-copy strong {font-size:1rem;}
.ad-card--promo .ad-card-copy span {font-size:.92rem; color:var(--text-muted, #6b7280);}
.ad-card--promo .ad-card-copy em {font-style:normal; font-weight:700; font-size:.9rem;}

.topic-valid-inline, .text-success { color: #15803d; font-weight: 700; }

.profile-v2-shell{display:block}
.profile-v2-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:20px;align-items:start}
.profile-v2-main,.profile-v2-side{display:flex;flex-direction:column;gap:20px}
.profile-v2-hero,.profile-v2-side-card,.profile-v2-section-card{padding:20px}
.profile-v2-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.profile-v2-hero-main{display:flex;gap:16px;align-items:center;min-width:0}
.profile-v2-avatar-wrap{display:flex;flex-direction:column;gap:10px;align-items:center;flex:0 0 auto}
.profile-v2-avatar-img,.profile-v2-avatar-fallback{width:96px;height:96px;border-radius:999px}
.profile-v2-avatar-img{object-fit:cover;display:block;border:1px solid var(--border-color)}
.profile-v2-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--surface-soft);color:var(--text-color);font-size:1.75rem;font-weight:800;border:1px solid var(--border-color)}
.profile-v2-avatar-action{font-size:.9rem;text-decoration:none;color:var(--link-color)}
.profile-v2-identity{min-width:0}
.profile-v2-title{margin-bottom:4px}
.profile-v2-handle{font-size:1rem;color:var(--muted-text);margin-bottom:10px}
.profile-v2-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.profile-v2-role-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border-color);font-size:.85rem;font-weight:700}
.profile-v2-inline-meta{font-size:.9rem;color:var(--muted-text)}
.profile-v2-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.profile-v2-kpis{margin:0}
.profile-v2-info-list,.profile-v2-suggestion-list,.profile-v2-link-stack,.profile-v2-reply-stack{display:flex;flex-direction:column;gap:12px}
.profile-v2-info-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border-color)}
.profile-v2-info-item:last-child{border-bottom:none;padding-bottom:0}
.profile-v2-info-item span{color:var(--muted-text);font-size:.92rem}
.profile-v2-info-item strong{text-align:right}
.profile-v2-quick-link{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:var(--text-color);background:var(--surface-soft)}
.profile-v2-quick-link:hover{border-color:var(--link-color);color:var(--link-color)}
.profile-v2-cta-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.profile-v2-muted{color:var(--muted-text);margin:0}
.profile-v2-suggestion-item{padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border-color);color:var(--muted-text)}
.profile-v2-content-item{padding:16px 18px}
@media (max-width: 980px){
  .profile-v2-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .profile-v2-hero{flex-direction:column;align-items:stretch}
  .profile-v2-hero-main{align-items:flex-start}
  .profile-v2-hero-actions{justify-content:flex-start}
  .profile-v2-avatar-img,.profile-v2-avatar-fallback{width:84px;height:84px}
}


/* profile neo rebuild */
.profile-neo-shell{display:block}
.profile-neo-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px;align-items:start}
.profile-neo-side,.profile-neo-main{display:flex;flex-direction:column;gap:22px}
.profile-neo-card{padding:18px}
.profile-neo-identity-card{position:sticky;top:18px}
.profile-neo-avatar-panel{border-radius:24px;background:linear-gradient(180deg,var(--surface-soft),var(--surface));padding:16px;border:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;min-height:220px}
.profile-neo-avatar-image{width:100%;max-width:220px;aspect-ratio:1/1;object-fit:cover;border-radius:22px;display:block}
.profile-neo-avatar-fallback{width:220px;max-width:100%;aspect-ratio:1/1;border-radius:22px;background:linear-gradient(180deg,#1f2937,#111827);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:4rem}
.profile-neo-name-wrap{padding:14px 2px 4px}
.profile-neo-name{margin:0;font-size:2rem;line-height:1.05;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-neo-verified-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--link-color)}
.profile-neo-handle{margin-top:4px;color:var(--muted-text);font-size:1rem}
.profile-neo-role{margin-top:8px;font-weight:700;color:var(--link-color);font-size:.95rem}
.profile-neo-info-table{margin-top:10px;border-top:1px solid var(--border-color)}
.profile-neo-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-color)}
.profile-neo-row span{color:var(--muted-text);font-size:.92rem}
.profile-neo-row strong{text-align:right;font-size:.94rem}
.profile-neo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.profile-neo-actions .button{justify-content:center;text-align:center}
.profile-neo-summary-card,.profile-neo-bio-card,.profile-neo-stream-card{padding:18px 20px}
.profile-neo-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.profile-neo-inline-links{display:flex;gap:12px;flex-wrap:wrap}
.profile-neo-inline-links a{color:var(--link-color);text-decoration:none;font-weight:600}
.profile-neo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.profile-neo-kpi{padding:14px 16px;border:1px solid var(--border-color);border-radius:18px;background:var(--surface-soft)}
.profile-neo-kpi span{display:block;color:var(--muted-text);font-size:.83rem;margin-bottom:8px}
.profile-neo-kpi strong{font-size:1.45rem;line-height:1;color:var(--text-color)}
.profile-neo-bio{margin:0;color:var(--text-color);line-height:1.7}
.profile-neo-topic-list{display:flex;flex-direction:column;gap:16px}
.profile-neo-topic-card{padding:16px 18px;border:1px solid var(--border-color);border-radius:18px;background:var(--surface)}
.profile-neo-topic-title{display:block;font-size:1.06rem;font-weight:700;color:var(--text-color);text-decoration:none;margin-bottom:8px}
.profile-neo-topic-title:hover{color:var(--link-color)}
.profile-neo-topic-excerpt{color:var(--muted-text);line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.profile-neo-topic-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted-text);font-size:.85rem}
.profile-neo-shell--public .profile-neo-actions{grid-template-columns:1fr 1fr}
@media (max-width: 980px){.profile-neo-grid{grid-template-columns:1fr}.profile-neo-identity-card{position:static}}
@media (max-width: 720px){.profile-neo-actions,.profile-neo-kpis{grid-template-columns:1fr 1fr}.profile-neo-name{font-size:1.7rem}.profile-neo-avatar-panel{min-height:180px}}
@media (max-width: 520px){.profile-neo-actions,.profile-neo-kpis{grid-template-columns:1fr}.profile-neo-row{flex-direction:column;align-items:flex-start}.profile-neo-row strong{text-align:left}}

/* Profile hub rebuild */
.profile-hub-shell{margin:24px 0 40px;}
.profile-hub-grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:24px;align-items:start;}
.profile-hub-grid--edit{grid-template-columns:minmax(260px,320px) minmax(0,1fr);}
.profile-hub-card{padding:22px;border-radius:24px;}
.profile-hub-side{display:grid;gap:24px;}
.profile-hub-main{display:grid;gap:24px;}
.profile-hub-avatar-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:16px;}
.profile-hub-avatar-wrap--edit{margin-top:18px;}
.profile-hub-avatar-image,.profile-hub-avatar-fallback{width:132px;height:132px;border-radius:999px;display:flex;align-items:center;justify-content:center;}
.profile-hub-avatar-image{object-fit:cover;border:4px solid rgba(15,23,42,.08);background:#fff;}
.profile-hub-avatar-fallback{background:linear-gradient(135deg, rgba(37,99,235,.16), rgba(15,23,42,.08));color:#0f172a;font-size:40px;font-weight:800;letter-spacing:.04em;}
.profile-hub-nameblock{text-align:center;margin-bottom:16px;}
.profile-hub-name{margin:0;font-size:2rem;line-height:1.05;}
.profile-hub-handle{margin-top:6px;color:var(--muted-text,#64748b);font-weight:600;}
.profile-hub-role-badge{display:inline-flex;margin-top:10px;padding:6px 12px;border-radius:999px;background:rgba(37,99,235,.08);color:var(--primary-color,#1d4ed8);font-size:.82rem;font-weight:700;}
.profile-hub-info-list{display:grid;gap:10px;margin:18px 0;}
.profile-hub-info-row{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(248,250,252,.8);}
.profile-hub-info-row span{color:var(--muted-text,#64748b);font-size:.92rem;}
.profile-hub-info-row strong{text-align:right;font-size:.95rem;}
.profile-hub-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.profile-hub-actions .button{justify-content:center;text-align:center;min-height:42px;}
.profile-hub-side-note{margin:6px 0 0;color:var(--muted-text,#64748b);line-height:1.5;}
.profile-hub-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;}
.profile-hub-kpi{padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;display:grid;gap:8px;}
.profile-hub-kpi span{font-size:.84rem;color:var(--muted-text,#64748b);font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.profile-hub-kpi strong{font-size:1.4rem;line-height:1.1;word-break:break-word;}
.profile-hub-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.profile-hub-mini-list{display:grid;gap:10px;margin-top:12px;}
.profile-hub-mini-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(248,250,252,.8);border:1px solid rgba(15,23,42,.08);}
.profile-hub-mini-row span{color:var(--muted-text,#64748b)}
.profile-hub-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.profile-hub-chip-row a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid rgba(15,23,42,.1);border-radius:999px;background:#fff;font-weight:600;color:inherit;text-decoration:none;}
.profile-hub-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;}
.profile-hub-stream-list{display:grid;gap:14px;}
.profile-hub-stream-item{padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;}
.profile-hub-stream-title{font-size:1.02rem;font-weight:800;line-height:1.35;color:inherit;text-decoration:none;display:block;}
.profile-hub-stream-title:hover{text-decoration:underline;}
.profile-hub-stream-excerpt{margin:8px 0 0;color:var(--muted-text,#64748b);line-height:1.55;}
.profile-hub-stream-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:.88rem;color:var(--muted-text,#64748b);}
.profile-hub-form{display:grid;gap:16px;}
.profile-hub-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.profile-hub-form .form-row--full{grid-column:1/-1;}
.profile-hub-form textarea,.profile-hub-form input,.profile-hub-form select{width:100%;}
.profile-hub-bio{margin:12px 0 0;line-height:1.65;color:var(--text-color,#0f172a);}
.profile-hub-shell--public .profile-hub-actions{grid-template-columns:1fr;}
@media (max-width: 1100px){.profile-hub-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 860px){.profile-hub-grid,.profile-hub-grid--edit,.profile-hub-split-grid,.profile-hub-form-grid{grid-template-columns:1fr;}.profile-hub-actions{grid-template-columns:1fr 1fr;}.profile-hub-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 560px){.profile-hub-card{padding:18px;}.profile-hub-name{font-size:1.65rem;}.profile-hub-actions,.profile-hub-kpi-grid{grid-template-columns:1fr;}.profile-hub-info-row,.profile-hub-mini-row,.profile-hub-section-top{display:grid;}.profile-hub-section-top{align-items:start;}}

/* Hard restore: in-house ads + single-row topic navigation */
.ad-slot-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
@media (max-width:1024px){.ad-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ad-slot-grid .ad-card:nth-child(n+3){display:none!important}}
@media (max-width:640px){.ad-slot-grid{grid-template-columns:1fr!important}.ad-slot-grid .ad-card:nth-child(n+2){display:none!important}}
.topic-nav-card .topic-nav-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important}.topic-nav-card .topic-nav-col--spacer{visibility:hidden!important;width:34px!important;min-width:34px!important}.topic-nav-card .topic-nav-link{height:100%}.topic-nav-card .topic-nav-link--next .topic-nav-label{justify-content:flex-end!important}@media (max-width:720px){.topic-nav-card .topic-nav-grid{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;gap:10px!important}.topic-nav-card .topic-nav-col--spacer{width:18px!important;min-width:18px!important}}


.admin-status-chip--verified{background:color-mix(in srgb, var(--ff-verified-badge, #1d4ed8) 12%, white) !important;border-color:color-mix(in srgb, var(--ff-verified-badge, #1d4ed8) 32%, white) !important;color:var(--ff-verified-badge, #1d4ed8) !important;}
.profile-hub-badge-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;}
.profile-hub-verified-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb, var(--ff-verified-badge, #1d4ed8) 12%, white);border:1px solid color-mix(in srgb, var(--ff-verified-badge, #1d4ed8) 35%, white);color:var(--ff-verified-badge, #1d4ed8);font-size:.82rem;font-weight:700;}
.profile-hub-verified-badge::before{content:'';width:14px;height:14px;border-radius:999px;background:var(--ff-verified-badge, #1d4ed8);mask: radial-gradient(circle at 50% 50%, transparent 0 0), none;}
.profile-hub-verified-badge{position:relative;}
.profile-hub-verified-badge::before{display:none;}
.profile-hub-verified-badge{box-shadow:0 1px 0 rgba(0,0,0,.03);}


.admin-status-chip--verified,.topic-meta-verified,.profile-hub-verified-badge{--verification-current:var(--ff-verified-member,#2563eb);display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--verification-current) 12%,white);border:1px solid color-mix(in srgb,var(--verification-current) 35%,white);color:var(--verification-current);font-size:.82rem;font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.03);}
.admin-status-chip--verified{padding:5px 10px;font-size:.75rem;}
.topic-meta-verified{padding:3px 8px;font-size:.72rem;}
.verification-badge--verified_member{--verification-current:var(--ff-verified-member,#2563eb);}
.verification-badge--verified_publisher{--verification-current:var(--ff-verified-publisher,#16a34a);}
.verification-badge--verified_moderator{--verification-current:var(--ff-verified-moderator,#ca8a04);}
.verification-badge--verified_moderator_publisher{--verification-current:var(--ff-verified-moderator-publisher,#9333ea);}
.verification-badge--verified_admin{--verification-current:var(--ff-verified-admin,#dc2626);}
.verification-badge--verified_super_admin{--verification-current:var(--ff-verified-super-admin,#0f172a);}

.ff-user-inline{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;}
.profile-hub-verified-badge.verification-badge--verified_member,.ff-header-role-badge.verification-badge--verified_member{--verification-current:var(--ff-verified-member,#2563eb);}
.profile-hub-verified-badge.verification-badge--verified_publisher,.ff-header-role-badge.verification-badge--verified_publisher{--verification-current:var(--ff-verified-publisher,#16a34a);}
.profile-hub-verified-badge.verification-badge--verified_moderator,.ff-header-role-badge.verification-badge--verified_moderator{--verification-current:var(--ff-verified-moderator,#ca8a04);}
.profile-hub-verified-badge.verification-badge--verified_moderator_publisher,.ff-header-role-badge.verification-badge--verified_moderator_publisher{--verification-current:var(--ff-verified-moderator-publisher,#9333ea);}
.profile-hub-verified-badge.verification-badge--verified_admin,.ff-header-role-badge.verification-badge--verified_admin{--verification-current:var(--ff-verified-admin,#dc2626);}
.profile-hub-verified-badge.verification-badge--verified_super_admin,.ff-header-role-badge.verification-badge--verified_super_admin{--verification-current:var(--ff-verified-super-admin,#0f172a);}
.ff-header-role-badge{--verification-current:var(--ff-verified-member,#2563eb);display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;min-width:17px;min-height:17px;border-radius:999px;background:var(--verification-current);color:#fff;font-size:10px;font-weight:800;line-height:1;box-shadow:0 1px 0 rgba(0,0,0,.08);vertical-align:middle;flex:0 0 17px;transform:translateY(-.5px);}

/* /advertise latest UI rebuild */
.advertise-hero-card{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);
  gap:18px;
  align-items:stretch;
}
.advertise-hero-copy,
.advertise-hero-panel,
.advertise-side-card,
.advertise-feature-card,
.advertise-step-card{
  min-width:0;
}
.advertise-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.advertise-hero-panel,
.advertise-side-card{
  border:1px solid var(--ff-border);
  border-radius:20px;
  background:linear-gradient(180deg,#fbfcff 0%,#f4f7ff 100%);
  padding:18px;
}
.advertise-hero-panel__eyebrow{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.05em;
  color:var(--ff-primary);
  text-transform:uppercase;
  margin-bottom:10px;
}
.advertise-hero-list{
  margin:0;
  padding-left:18px;
  color:var(--ff-muted);
  display:grid;
  gap:10px;
}
.advertise-kpi-grid,
.advertise-feature-grid,
.advertise-steps-grid{
  display:grid;
  gap:14px;
}
.advertise-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.advertise-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.advertise-feature-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.advertise-feature-card,
.advertise-step-card,
.kpi-card{
  border:1px solid var(--ff-border);
  border-radius:18px;
  background:#fff;
  padding:18px;
}
.advertise-feature-card--soft{
  background:#f8faff;
}
.advertise-feature-card h3,
.advertise-step-card h3,
.advertise-side-card h3{
  margin:0 0 8px;
  color:var(--ff-text);
  font-size:1.02rem;
  line-height:1.25;
}
.advertise-feature-card p,
.advertise-step-card p,
.advertise-side-card p{
  margin:0;
}
.advertise-split-card{
  display:grid;
  grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);
  gap:16px;
}
.advertise-steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.advertise-step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  margin-bottom:12px;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  font-weight:800;
}
.advertise-policy-card,
.advertise-cta-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.advertise-policy-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.advertise-filter-card{
  border:1px solid var(--ff-border);
  border-radius:18px;
  background:#fbfcff;
}
@media (max-width: 1100px){
  .advertise-hero-card,
  .advertise-split-card,
  .advertise-feature-grid,
  .advertise-steps-grid,
  .advertise-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .advertise-feature-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
  .advertise-hero-card,
  .advertise-split-card,
  .advertise-feature-grid,
  .advertise-feature-grid--2,
  .advertise-steps-grid,
  .advertise-kpi-grid{grid-template-columns:1fr;}
  .advertise-hero-card,
  .advertise-split-card{gap:14px;}
  .advertise-policy-card,
  .advertise-cta-card{align-items:flex-start;}
}


.advertise-traffic-line{font-size:.96rem;font-weight:700;color:var(--ff-text);margin:0 0 10px;}
.advertise-audience-tier{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--ff-primary-soft);color:var(--ff-primary);font-weight:800;margin-bottom:10px;}
.advertise-audience-copy{margin:0 0 12px;color:var(--ff-muted);}
.advertise-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;}
.advertise-inline-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.advertise-topboards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.advertise-topboard-card{border:1px solid var(--ff-border);border-radius:18px;background:#fff;padding:18px;}
.advertise-topboard-card h3{margin:0;font-size:1.02rem;line-height:1.25;}
.advertise-topboard-stats{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:10px;color:var(--ff-muted);}
.advertise-kpi-title{font-size:1.05rem;line-height:1.25;word-break:break-word;}
@media (max-width: 1100px){.advertise-topboards-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 760px){.advertise-topboards-grid{grid-template-columns:1fr;}.advertise-card-topline{align-items:flex-start;}}

.ad-rates-admin-shell .page-subtitle{margin:8px 0 0;color:var(--muted-text,#667085);max-width:720px;line-height:1.5}
.ad-rates-topbar{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap}
.ad-rates-month-switcher{min-width:180px;max-width:220px}
.ad-rates-admin-grid{display:grid;grid-template-columns:1.1fr 1.4fr;gap:18px;margin-top:18px}
.ad-rates-placement-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ad-rates-setting-stack{display:grid;gap:12px}
.ad-rates-setting-card{display:flex;justify-content:space-between;gap:16px;align-items:end;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:rgba(255,255,255,.65)}
.ad-rates-setting-card p{margin:6px 0 0;color:var(--muted-text,#667085);font-size:.94rem;line-height:1.45}
.ad-rates-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ad-rates-board-card{padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));display:grid;gap:14px}
.ad-rates-board-card__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.ad-rates-board-card__head h3{margin:0;font-size:1.05rem}
.ad-rates-board-badges{display:flex;gap:8px;flex-wrap:wrap}
.ad-rates-board-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ad-rates-board-stats div{padding:12px;border-radius:14px;background:rgba(15,23,42,.035);border:1px solid rgba(15,23,42,.06)}
.ad-rates-board-stats span{display:block;font-size:.82rem;color:var(--muted-text,#667085);margin-bottom:6px}
.ad-rates-board-stats strong{font-size:1rem}
.ad-rates-board-toggles{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted-text,#667085)}
@media (max-width: 980px){.ad-rates-admin-grid,.ad-rates-placement-grid,.ad-rates-board-grid,.ad-rates-board-stats{grid-template-columns:1fr}.ad-rates-setting-card{align-items:flex-start;flex-direction:column}.ad-rates-month-switcher{max-width:none;width:100%}}


.control-hub-shell--upgraded{display:grid;gap:18px}
.control-center-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}
.control-center-panel--wide{grid-column:1 / -1}
.control-center-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.control-center-hero__copy{display:grid;gap:12px;max-width:760px}
.control-center-hero__meta{display:flex;flex-wrap:wrap;gap:8px}
.control-center-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--ff-surface-soft);border:1px solid var(--ff-border);font-size:var(--ff-font-size-meta);font-weight:700;color:var(--ff-text)}
.control-center-hero__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.control-hub-top-grid--hero{grid-template-columns:repeat(4,minmax(0,1fr))}
.control-center-cards--quick{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.control-center-stack{display:grid;gap:12px}
.control-center-mini-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);background:linear-gradient(180deg,var(--ff-surface),var(--ff-surface-soft));text-decoration:none;color:inherit}
.control-center-mini-row:hover{border-color:var(--ff-primary);transform:translateY(-1px)}
.control-center-mini-row__value,.control-center-mini-row__arrow{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:999px;background:var(--ff-primary-soft);color:var(--ff-primary);font-weight:800}
.control-center-inline-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:var(--ff-font-size-meta);font-weight:700;border:1px solid var(--ff-border)}
.control-center-inline-status--good{background:color-mix(in srgb,var(--ff-success,#159947) 14%, #fff 86%);color:var(--ff-success,#159947)}
.control-center-inline-status--warn{background:color-mix(in srgb,var(--ff-warning,#b56a00) 14%, #fff 86%);color:var(--ff-warning,#b56a00)}
.control-center-inline-status--muted{background:var(--ff-surface-soft);color:var(--ff-muted)}
.control-center-streams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.control-center-stream{display:grid;gap:12px;padding:16px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);background:linear-gradient(180deg,var(--ff-surface),var(--ff-surface-soft))}
.control-center-stream__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.control-center-card__note{margin:0;color:var(--ff-muted);font-size:.94rem;line-height:1.45}
@media (max-width: 1080px){.control-center-layout{grid-template-columns:1fr}.control-center-streams{grid-template-columns:1fr}.control-hub-top-grid--hero{grid-template-columns:repeat(2,minmax(0,1fr))}.control-center-hero{flex-direction:column}.control-center-hero__actions{justify-content:flex-start}}
@media (max-width: 680px){.control-hub-top-grid--hero{grid-template-columns:1fr}.control-center-cards--quick{grid-template-columns:1fr}.control-center-mini-row{padding:12px 14px}}

/* Site settings upgrade */
.site-settings-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.site-settings-hero__copy{min-width:0;flex:1 1 560px}
.site-settings-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.site-settings-summary-card,.site-settings-card-block,.site-settings-note-box{background:#fff;border:1px solid var(--ff-border);border-radius:18px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.site-settings-summary-card__label{color:var(--ff-muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.site-settings-summary-card__value{margin-top:10px;color:var(--ff-text);font-size:1.08rem;font-weight:800;line-height:1.35}
.site-settings-summary-card__meta{margin:8px 0 0;color:var(--ff-muted);line-height:1.55}
.site-settings-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.site-settings-card-block{display:flex;flex-direction:column;gap:16px}
.site-settings-card-block--spaced{margin-top:18px}
.site-settings-card-block .section-title,.site-settings-note-box strong{margin:0}
.site-settings-note-box{display:flex;flex-direction:column;justify-content:center;gap:8px;background:#fbfcfe}
.site-settings-note-box p{margin:0;color:var(--ff-muted);line-height:1.6}
@media (max-width: 980px){
  .site-settings-summary-grid,.site-settings-section-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .site-settings-summary-card,.site-settings-card-block,.site-settings-note-box{padding:16px}
}


.admin-stat-grid--compact {
    margin-bottom: 1rem;
}
.page-description {
    margin: .35rem 0 0;
    color: #5f6b7a;
    max-width: 72ch;
}
.homepage-toggle-card {
    display: grid;
    gap: .35rem;
    align-content: start;
}
.homepage-toggle-card input {
    margin: 0;
}
.homepage-toggle-card__title {
    font-weight: 700;
}
.homepage-toggle-card__meta {
    color: #66758a;
    line-height: 1.45;
}


/* Global admin UI component system */
.stats-grid,
.admin-stat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:16px;
}
.stats-grid--admin,
.admin-stat-grid--compact{
  margin-bottom:18px;
}
.stat-card,
.admin-stat-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:8px;
  min-width:0;
  min-height:132px;
  padding:18px;
  background:var(--ff-surface);
  border:1px solid var(--ff-border);
  border-radius:18px;
  box-shadow:var(--ff-shadow);
}
.stat-card__label,
.admin-stat-card__label{
  display:block;
  color:var(--ff-muted);
  font-size:.8rem;
  line-height:1.35;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.stat-card__value,
.admin-stat-card__value{
  display:block;
  margin:0;
  color:var(--ff-text);
  font-size:clamp(1.45rem,2.2vw,2rem);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.02em;
  word-break:break-word;
}
.stat-card__meta,
.admin-stat-card__meta{
  display:block;
  margin:0;
  color:var(--ff-muted);
  font-size:.92rem;
  line-height:1.55;
}
@media (max-width: 640px){
  .stats-grid,
  .admin-stat-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .stat-card,
  .admin-stat-card{
    min-height:0;
    padding:16px;
  }
}


.admin-list-plain{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;color:var(--muted-text,#667085)}
.admin-list-plain li{margin:0}
.admin-subpanel{height:100%}


.table-shell{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--ff-border);border-radius:16px;background:#fff;}
.table-shell .admin-table{width:100%;min-width:760px;table-layout:auto;}
.search-insights-table td strong{display:block;word-break:break-word;overflow-wrap:anywhere;}
.search-insights-table th,
.search-insights-table td{white-space:nowrap;}
.search-insights-table td:first-child,
.search-insights-table th:first-child{white-space:normal;min-width:180px;}
@media (max-width: 768px){
  .admin-panel__body{padding-left:16px;padding-right:16px;overflow:hidden;}
  .table-shell{max-width:100%;margin:0;box-sizing:border-box;border:none;background:transparent;overflow:visible;}
  .table-shell .admin-table.search-insights-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0 12px;font-size:13px;table-layout:fixed;}
  .search-insights-table thead{display:none;}
  .search-insights-table,.search-insights-table tbody,.search-insights-table tr,.search-insights-table td{display:block;width:100%;max-width:100%;box-sizing:border-box;}
  .search-insights-table tr{margin:0;overflow:hidden;background:#fff;border:1px solid var(--ff-border);border-radius:16px;box-shadow:var(--ff-shadow);padding:12px 14px;}
  .search-insights-table td{white-space:normal;word-break:break-word;overflow-wrap:anywhere;border-bottom:1px solid #eef2f7;padding:8px 0 8px 112px;position:relative;min-height:34px;}
  .search-insights-table td:last-child{border-bottom:none;padding-bottom:0;}
  .search-insights-table td:first-child{padding-top:0;}
  .search-insights-table td::before{content:attr(data-label);position:absolute;left:0;top:8px;width:96px;max-width:96px;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:var(--ff-muted);text-transform:none;}
  .search-insights-table td:first-child::before{top:0;}
}


/* Public UI component system hardening */
.public-hero,
.public-panel,
.public-empty-state,
.page-card.board-card{
  max-width:100%;
  overflow:hidden;
}
.public-hero-top{
  width:100%;
}
.public-hero-copy{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.public-hero .page-title,
.public-panel .section-title{
  line-height:1.2;
}
.public-panel > * + *{
  margin-top:0;
}
.topic-list,
.board-grid,
.hashtag-cloud,
.profile-hub-stream-list{
  width:100%;
}
.topic-row,
.page-card.board-card,
.profile-hub-stream-item{
  position:relative;
  overflow:hidden;
}
.topic-row-main{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.topic-link{
  display:inline-block;
  font-size:1.03rem;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.topic-excerpt,
.meta-row.muted,
.profile-hub-stream-excerpt{
  margin:0;
  color:var(--ff-muted);
  overflow-wrap:anywhere;
}
.public-meta-row,
.meta-chip-system{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.meta-chip-system .meta-chip{
  min-height:32px;
  padding:6px 10px;
  border-radius:999px;
  gap:6px;
  max-width:100%;
}
.meta-chip-system .meta-chip__text{
  overflow-wrap:anywhere;
}
.meta-chip-system .meta-chip__badge{
  width:16px;
  height:16px;
  min-width:16px;
  font-size:10px;
  line-height:16px;
}
.public-empty-state span{
  display:block;
}
.inline-board-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
}
.inline-board-links a + a::before{
  content:"·";
  margin-right:10px;
  color:var(--ff-muted);
}
.inline-board-links a + a{
  margin-left:0;
}
.board-topic-title-row,
.public-section-head{
  min-width:0;
}
.hashtag-cloud .meta-chip{
  max-width:100%;
}
@media (max-width: 720px){
  .public-hero,
  .public-panel{
    border-radius:18px;
  }
  .topic-row,
  .page-card.board-card{
    padding:16px 14px;
  }
  .topic-link{
    font-size:.98rem;
  }
  .meta-chip-system .meta-chip{
    min-height:30px;
    padding:6px 9px;
  }
  .public-section-head{
    align-items:flex-start;
  }
}


.public-form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-compose-hero{gap:10px}
.public-compose-shell{padding:24px}
.topic-compose-form{display:flex;flex-direction:column;gap:18px}
.topic-compose-form .form-row{margin:0}
.rich-editor{padding:18px;border:1px solid #e4e8f1;border-radius:20px;background:#fcfdff;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.rich-editor__toolbar{gap:10px;padding:0;border:0;border-radius:0;background:transparent}
.rich-editor__tool{min-width:44px;padding:9px 12px;border-radius:12px;background:#fff}
.rich-editor__tool:hover{transform:translateY(-1px)}
.rich-editor__textarea{min-height:240px;border-radius:16px}
.compose-toolkit{padding:18px;border:1px solid #e4e8f1;border-radius:18px;background:#fbfcff}
.compose-toolkit__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.compose-toolkit__title{margin:0;font-size:16px;line-height:1.3}
.compose-seo-grid{gap:14px}
.reply-form-wrap .rich-editor{padding:16px}
.reply-form-wrap .rich-editor__textarea{min-height:180px}
@media (max-width:900px){.public-form-grid--three{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.public-compose-shell{padding:16px}.rich-editor{padding:14px;border-radius:16px}.rich-editor__tool{padding:8px 10px;min-height:36px;font-size:13px}.public-form-grid--three{grid-template-columns:1fr}.compose-toolkit{padding:14px}}


.compose-toolkit--minimal{
  padding:16px 18px;
}
.compose-toolkit__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.compose-toolkit__title{
  margin:0;
  font-size:1rem;
  color:var(--ff-text);
}
.compose-toolkit__note{
  margin:0;
  font-size:.88rem;
  color:var(--ff-muted);
}
@media (max-width: 640px){
  .compose-toolkit--minimal{
    padding:14px;
  }
  .compose-toolkit__header{
    gap:6px;
  }
}


@media (max-width: 680px){
  .flash{
    flex-direction:column;
    gap:10px;
    padding:12px 14px;
  }
  .flash-badge{
    min-width:0;
    width:max-content;
  }
}

.profile-hub-avatar-fallback--icon{background:linear-gradient(135deg, rgba(37,99,235,.14), rgba(15,23,42,.06));color:#334155;}
.profile-hub-avatar-fallback--icon svg{width:54px;height:54px;fill:currentColor;opacity:.9;}
.profile-hub-admin-tools{margin-top:16px;padding-top:14px;border-top:1px solid rgba(148,163,184,.22);}
.profile-hub-admin-forms{display:grid;gap:10px;}
.profile-hub-admin-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.profile-hub-admin-inline select{min-width:210px;}
@media (max-width: 640px){.profile-hub-admin-inline{flex-direction:column;align-items:stretch;}.profile-hub-admin-inline select{min-width:0;width:100%;}}

.global-pagination{display:flex;flex-wrap:wrap;gap:var(--ff-pagination-gap,8px);justify-content:center;align-items:center;margin-top:18px}
.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:10px 14px;border:1px solid var(--ff-border);border-radius:var(--ff-pagination-radius,14px);background:var(--ff-surface);color:var(--ff-text);text-decoration:none;font-size:var(--ff-font-size-button,14px);font-weight:600;line-height:1}
.pagination-link:hover{border-color:var(--ff-primary);color:var(--ff-primary)}
.pagination-link.is-active{background:var(--ff-button-bg);border-color:var(--ff-button-border);color:var(--ff-button-text)}
.profile-activity-card .profile-hub-stream-list{display:grid;gap:14px}
@media (max-width:700px){.global-pagination{justify-content:flex-start}.pagination-link{min-width:36px;padding:9px 12px}}


.message-center-header,.message-center-summary,.message-center-shell,.message-compose-shell,.message-thread-shell{margin:24px 0 0;}
.message-center-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;}
.message-center-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.message-center-kpi{padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;display:grid;gap:6px;}
.message-center-kpi span{font-size:.84rem;color:var(--muted-text,#64748b);font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.message-center-kpi strong{font-size:1.4rem;line-height:1.1;}
.message-center-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.message-center-tab{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#fff;color:inherit;text-decoration:none;font-weight:700;}
.message-center-tab.is-active{background:var(--primary-color,#2563eb);border-color:var(--primary-color,#2563eb);color:#fff;}
.message-center-list{display:grid;gap:14px;}
.message-center-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;}
.message-center-item.has-unread{border-color:color-mix(in srgb,var(--primary-color,#2563eb) 35%, white);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color,#2563eb) 12%, transparent);}
.message-center-item-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;}
.message-center-title{font-size:1.02rem;font-weight:800;line-height:1.35;color:inherit;text-decoration:none;}
.message-center-title:hover{text-decoration:underline;}
.message-center-time,.message-center-meta{font-size:.88rem;color:var(--muted-text,#64748b);}
.message-center-preview{margin:8px 0 0;color:var(--muted-text,#64748b);line-height:1.55;}
.message-center-unread{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(37,99,235,.1);color:var(--primary-color,#2563eb);font-weight:700;}
.message-compose-user{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 0 16px;margin-bottom:18px;border-bottom:1px solid rgba(15,23,42,.08);}
.message-compose-user span{color:var(--muted-text,#64748b);font-weight:600;}
.message-compose-form{display:grid;gap:16px;}
.message-thread-stack{display:grid;gap:14px;}
.message-bubble{padding:16px 18px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;max-width:840px;}
.message-bubble.is-own{margin-left:auto;background:rgba(37,99,235,.05);border-color:rgba(37,99,235,.18);}
.message-bubble-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font-size:.88rem;color:var(--muted-text,#64748b);}
.message-bubble-body{line-height:1.65;color:var(--text-color,#0f172a);}
@media (max-width: 860px){.message-center-kpis{grid-template-columns:1fr;}.message-center-item{grid-template-columns:1fr;}.message-center-item-top,.message-compose-user{display:grid;}.message-center-actions{justify-content:flex-start;}}

/* In-house banner refinement */
.ad-slot-band{margin:18px auto 22px;}
.ad-slot-head,.ad-slot-label,.ad-badge{display:none!important;}
.ad-slot-grid{align-items:stretch;}
.ad-card{height:100%;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;overflow:hidden;position:relative;}
.ad-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));}
.ad-card-media{position:relative;aspect-ratio:4/1;background:var(--ff-surface-soft);overflow:hidden;flex:0 0 auto;}
.ad-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.ad-card-media.is-no-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ff-surface-soft),rgba(15,23,42,.06));min-height:110px;}
.ad-card-copy{display:flex;flex-direction:column;gap:8px;padding:14px 16px;min-height:110px;justify-content:center;background:var(--ad-copy-bg, var(--ff-surface));background-image:var(--ad-copy-overlay, none);border-top:1px solid var(--ad-copy-border, rgba(255,255,255,.22));}
.ad-card-copy em{font-style:normal;font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ad-copy-accent, var(--ff-primary));}
.ad-card-copy strong{font-size:1rem;line-height:1.35;color:var(--ad-copy-title, var(--ff-text));}
.ad-card-copy span{font-size:.92rem;line-height:1.5;color:var(--ad-copy-text, var(--ff-text-muted));}
.ad-card-copy b{font-size:.9rem;line-height:1.4;color:var(--ad-copy-accent, var(--ff-primary));font-weight:700;}
.ad-card--campaign .ad-card-copy{min-height:72px;}
.ad-card--promo .ad-card-copy{min-height:118px;}
.ad-card--promo-no-image .ad-card-media{display:none;}
@media (max-width:640px){.ad-card-copy{padding:13px 14px}.ad-card--promo .ad-card-copy{min-height:auto}.ad-card--campaign .ad-card-copy{min-height:auto}}

.ad-card--tone-0{--ad-copy-bg:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);--ad-copy-overlay:radial-gradient(circle at top right,rgba(251,146,60,.22),transparent 48%);--ad-copy-title:#7c2d12;--ad-copy-text:#9a3412;--ad-copy-accent:#c2410c;--ad-copy-border:rgba(194,65,12,.12);}
.ad-card--tone-1{--ad-copy-bg:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);--ad-copy-overlay:radial-gradient(circle at top right,rgba(59,130,246,.20),transparent 48%);--ad-copy-title:#1e3a8a;--ad-copy-text:#1d4ed8;--ad-copy-accent:#2563eb;--ad-copy-border:rgba(37,99,235,.12);}
.ad-card--tone-2{--ad-copy-bg:linear-gradient(135deg,#ecfeff 0%,#cffafe 100%);--ad-copy-overlay:radial-gradient(circle at top right,rgba(6,182,212,.18),transparent 48%);--ad-copy-title:#164e63;--ad-copy-text:#0f766e;--ad-copy-accent:#0891b2;--ad-copy-border:rgba(8,145,178,.12);}
.ad-card--tone-3{--ad-copy-bg:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);--ad-copy-overlay:radial-gradient(circle at top right,rgba(139,92,246,.18),transparent 48%);--ad-copy-title:#4c1d95;--ad-copy-text:#6d28d9;--ad-copy-accent:#7c3aed;--ad-copy-border:rgba(124,58,237,.12);}
.ad-card--tone-4{--ad-copy-bg:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);--ad-copy-overlay:radial-gradient(circle at top right,rgba(236,72,153,.18),transparent 48%);--ad-copy-title:#9d174d;--ad-copy-text:#be185d;--ad-copy-accent:#db2777;--ad-copy-border:rgba(219,39,119,.12);}
.ad-card--tone-5{--ad-copy-bg:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);--ad-copy-overlay:radial-gradient(circle at top right,rgba(34,197,94,.18),transparent 48%);--ad-copy-title:#166534;--ad-copy-text:#15803d;--ad-copy-accent:#16a34a;--ad-copy-border:rgba(22,163,74,.12);}


/* =========================================================
   Theme system: Auto / Light / Dark
   Respects global declarations while allowing user override.
   ========================================================= */
html{color-scheme:light}
html[data-theme='dark']{color-scheme:dark}
body.ff-theme-root{
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.28), transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--ff-bg) 96%, #ffffff 4%) 0%, var(--ff-bg) 100%);
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
html[data-theme='dark'] body.ff-theme-root{
  background:
    radial-gradient(circle at top left, rgba(96,165,250,.12), transparent 30%),
    linear-gradient(180deg, #08101f 0%, var(--ff-bg) 100%);
}
body.ff-theme-root,
body.ff-theme-root *{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,fill .25s ease,stroke .25s ease}

body.ff-theme-root{
  --ff-shadow:0 12px 30px rgba(15,23,42,.07);
  --ff-overlay:rgba(255,255,255,.78);
  --ff-input-border:var(--ff-border);
  --ff-card-strong:#ffffff;
  --ff-theme-toggle-bg:rgba(255,255,255,.9);
  --ff-theme-toggle-border:rgba(36,53,109,.12);
}
html[data-theme='dark'] body.ff-theme-root{
  --ff-bg:#0f172a;
  --ff-surface:#111c31;
  --ff-surface-soft:#17243b;
  --ff-border:#243247;
  --ff-text:#e5ecf6;
  --ff-muted:#9db0c9;
  --ff-primary:#8ab4ff;
  --ff-link:#9dc1ff;
  --ff-primary-soft:#192742;
  --ff-header-bg:#111c31;
  --ff-header-text:#e8eef9;
  --ff-footer-bg:#111c31;
  --ff-footer-text:#a9bad1;
  --ff-button-bg:#8ab4ff;
  --ff-button-text:#0f172a;
  --ff-button-border:#8ab4ff;
  --ff-input-bg:#0f172a;
  --ff-input-text:#e5ecf6;
  --ff-shadow:0 16px 40px rgba(0,0,0,.34);
  --ff-overlay:rgba(8,16,31,.78);
  --ff-input-border:#30445f;
  --ff-card-strong:#16243a;
  --ff-theme-toggle-bg:rgba(12,20,36,.9);
  --ff-theme-toggle-border:rgba(138,180,255,.22);
}

.ff-site-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.ff-theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--ff-theme-toggle-border);
  background:var(--ff-theme-toggle-bg);
  color:var(--ff-text);
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  font:inherit;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.ff-theme-toggle:hover{transform:translateY(-1px)}
.ff-theme-toggle-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  line-height:1;
  overflow:hidden;
}
.ff-theme-toggle-icon-disc,.ff-theme-toggle-icon-crescent,.ff-theme-toggle-icon-sun{position:absolute;}
.ff-theme-toggle-icon-disc{width:14px;height:14px;border-radius:50%;background:#163c87;left:7px;top:7px;}
.ff-theme-toggle-icon-crescent{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.92);left:11px;top:6px;}
.ff-theme-toggle-icon-sun{width:12px;height:12px;border-radius:50%;background:#f8fafc;left:8px;top:8px;box-shadow:0 0 0 2px rgba(255,255,255,.28);opacity:0;transform:scale(.72);}
.ff-theme-toggle-icon[data-theme-icon-mode="light"] .ff-theme-toggle-icon-disc{background:#f59e0b;transform:scale(.92);}
.ff-theme-toggle-icon[data-theme-icon-mode="light"] .ff-theme-toggle-icon-crescent{opacity:0;transform:translateX(3px);}
.ff-theme-toggle-icon[data-theme-icon-mode="light"] .ff-theme-toggle-icon-sun{opacity:1;transform:scale(1);box-shadow:0 0 0 2px rgba(245,158,11,.22);}
.ff-theme-toggle-text{white-space:nowrap}


.ff-header-wrapper,
.home-wrapper,
.sub-box,
.featured-wrapper,
.footer-wrapper,
.admin-card,
.admin-panel,
.topic-card,
.topic-shell,
.topic-story-card,
.topic-reply,
.account-shell__hero,
.account-card,
.profile-card,
.message-thread-card,
.message-list-card,
.stat-card,
.editor-shell,
.form-card,
.public-card,
.board-card,
.search-panel,
.home-feature-card,
.home-featured-card,
.discovery-card,
.pagination a,
.pagination span,
.page-link,
.listing-card,
.modern-card{
  background-color:var(--ff-surface) !important;
  border-color:var(--ff-border) !important;
  color:var(--ff-text);
  box-shadow:var(--ff-shadow);
}

.ff-search-form input,
.ff-search-form textarea,
input,
select,
textarea{
  background:var(--ff-input-bg);
  color:var(--ff-input-text);
  border-color:var(--ff-input-border) !important;
}
input::placeholder,
textarea::placeholder{color:var(--ff-muted)}
button,
.button,
.btn,
input[type='submit'],
input[type='button']{
  border-color:var(--ff-button-border);
}

.ff-search-form button,
.button-primary,
.btn-primary,
a.button-primary,
a.btn-primary{
  background:var(--ff-button-bg) !important;
  color:var(--ff-button-text) !important;
  border-color:var(--ff-button-border) !important;
}

.ff-header-wrapper{background:var(--ff-header-bg);color:var(--ff-header-text)}
.footer-wrapper{background:var(--ff-footer-bg);color:var(--ff-footer-text)}
.ff-header-inline,
.ff-stats-row,
.footer-copy,
.footer-menu a{color:inherit}
.ff-header-inline a,
.ff-stats-row a,
.footer-copy a,
.footer-menu a,
.ff-site-title-link{color:var(--ff-link)}
.ff-sep,.ff-stats-divider{color:color-mix(in srgb, var(--ff-muted) 82%, transparent)}
.ff-search-form input:focus,
input:focus,
select:focus,
textarea:focus,
.ff-theme-toggle:focus{
  outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--ff-primary) 24%, transparent);
}

.flash{
  background:color-mix(in srgb, var(--ff-surface) 82%, #ffffff 18%);
  border-color:var(--ff-border);
}
html[data-theme='dark'] .flash-badge{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.06)}

html[data-theme='dark'] .ff-trending-tags a,
html[data-theme='dark'] .section-kicker,
html[data-theme='dark'] .ff-theme-toggle-icon{
  background:color-mix(in srgb, var(--ff-primary-soft) 88%, #0f172a 12%);
}
html[data-theme='dark'] .ff-header-wrapper,
html[data-theme='dark'] .footer-wrapper,
html[data-theme='dark'] .home-wrapper,
html[data-theme='dark'] .sub-box,
html[data-theme='dark'] .featured-wrapper{
  box-shadow:var(--ff-shadow);
}
html[data-theme='dark'] table,
html[data-theme='dark'] th,
html[data-theme='dark'] td{border-color:var(--ff-border) !important}
html[data-theme='dark'] tr:nth-child(even){background:rgba(255,255,255,.02)}
html[data-theme='dark'] .topic-excerpt,
html[data-theme='dark'] .meta,
html[data-theme='dark'] .muted,
html[data-theme='dark'] .text-muted,
html[data-theme='dark'] .ff-trending-empty{color:var(--ff-muted) !important}
html[data-theme='dark'] img{color:transparent}

@media (max-width: 760px){
  .ff-site-title-row{align-items:stretch;flex-direction:column}
  .ff-theme-toggle{align-self:flex-start}
}


/* Theme switcher overhaul: true floating bottom-right white-label control */
.ff-theme-toggle--floating{
  position:fixed;
  right:max(12px, calc(env(safe-area-inset-right) + 8px));
  bottom:max(16px, calc(env(safe-area-inset-bottom) + 10px));
  left:auto;
  top:auto;
  z-index:9999;
}
.ff-theme-toggle{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:46px;
  min-width:0;
  max-width:min(78vw, 228px);
  padding:7px 14px 7px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--ff-border) 88%, #cfd6e4 12%);
  background:rgba(255,255,255,.94);
  color:var(--ff-text);
  box-shadow:0 14px 34px rgba(15,23,42,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font:inherit;
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.1;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.ff-theme-toggle:hover,
.ff-theme-toggle:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(15,23,42,.16);
  border-color:color-mix(in srgb, var(--ff-primary) 18%, var(--ff-border));
}
.ff-theme-toggle:focus-visible{
  outline:none;
}
.ff-theme-toggle-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  min-width:30px;
  border-radius:999px;
  background:linear-gradient(180deg, #eef4ff 0%, #dfe9ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 4px 10px rgba(36,53,109,.10);
  overflow:hidden;
}
.ff-theme-toggle-icon-disc,
.ff-theme-toggle-icon-crescent,
.ff-theme-toggle-icon-sun{
  position:absolute;
  transition:opacity .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.ff-theme-toggle-icon-disc{
  width:14px;
  height:14px;
  left:6px;
  top:8px;
  border-radius:50%;
  background:#274690;
}
.ff-theme-toggle-icon-crescent{
  width:14px;
  height:14px;
  left:10px;
  top:7px;
  border-radius:50%;
  background:rgba(248,250,252,.96);
}
.ff-theme-toggle-icon-sun{
  width:12px;
  height:12px;
  left:9px;
  top:9px;
  border-radius:50%;
  background:#f4b740;
  box-shadow:0 0 0 4px rgba(244,183,64,.16);
  opacity:0;
  transform:scale(.7);
}
.ff-theme-toggle-icon[data-theme-icon-mode="light"] .ff-theme-toggle-icon-disc{
  background:#f4b740;
  transform:scale(.96);
}
.ff-theme-toggle-icon[data-theme-icon-mode="light"] .ff-theme-toggle-icon-crescent{
  opacity:0;
  transform:translateX(3px);
}
.ff-theme-toggle-icon[data-theme-icon-mode="light"] .ff-theme-toggle-icon-sun{
  opacity:1;
  transform:scale(1);
}
.ff-theme-toggle-text{
  white-space:nowrap;
  font-size:clamp(.88rem, 1.45vw, .98rem);
  color:inherit;
}
html[data-theme='dark'] .ff-theme-toggle{
  background:rgba(15,23,42,.92);
  color:#f8fafc;
  border-color:rgba(148,163,184,.24);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
}
html[data-theme='dark'] .ff-theme-toggle:hover,
html[data-theme='dark'] .ff-theme-toggle:focus-visible{
  box-shadow:0 22px 48px rgba(0,0,0,.40);
  border-color:rgba(148,163,184,.34);
}
html[data-theme='dark'] .ff-theme-toggle-icon{
  background:linear-gradient(180deg, rgba(30,41,59,.96) 0%, rgba(15,23,42,.98) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 6px 14px rgba(0,0,0,.26);
}
html[data-theme='dark'] .ff-theme-toggle-icon-disc{background:#f8fafc;}
html[data-theme='dark'] .ff-theme-toggle-icon-crescent{background:rgba(15,23,42,.94);}
html[data-theme='dark'] .ff-theme-toggle-icon[data-theme-icon-mode="light"] .ff-theme-toggle-icon-disc{background:#f4b740;}
@media (max-width: 640px){
  .ff-theme-toggle--floating{
    right:max(8px, calc(env(safe-area-inset-right) + 4px));
    bottom:max(10px, calc(env(safe-area-inset-bottom) + 6px));
  }
  .ff-theme-toggle{
    min-height:38px;
    min-width:0;
    max-width:min(64vw, 184px);
    padding:5px 10px 5px 8px;
    gap:7px;
    border-radius:999px;
  }
  .ff-theme-toggle-icon{
    width:24px;
    height:24px;
    min-width:24px;
  }
  .ff-theme-toggle-icon-disc{
    width:11px;
    height:11px;
    left:5px;
    top:6px;
  }
  .ff-theme-toggle-icon-crescent{
    width:11px;
    height:11px;
    left:8px;
    top:5px;
  }
  .ff-theme-toggle-icon-sun{
    width:10px;
    height:10px;
    left:7px;
    top:7px;
    box-shadow:0 0 0 3px rgba(244,183,64,.14);
  }
  .ff-theme-toggle-text{
    font-size:.78rem;
    line-height:1.02;
  }
}


/* Phase 15: white-label toolkit */
.white-label-toolkit-page{display:grid;gap:1.25rem}
.toolkit-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}
.toolkit-section-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1rem;border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);background:var(--ff-surface-soft);cursor:pointer}
.toolkit-section-option input{margin-top:.2rem}
.toolkit-section-option span{display:grid;gap:.2rem}
.toolkit-section-option small{color:var(--ff-muted);font-size:var(--ff-font-size-meta)}
.toolkit-radio-row{display:flex;flex-wrap:wrap;gap:1rem}
.toolkit-radio{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);background:var(--ff-surface-soft)}


/* Admin polish: control center + 404 monitor */
.admin-page-shell--safe{padding-bottom:calc(86px + env(safe-area-inset-bottom));}
.admin-empty--compact{padding:18px 12px;min-height:0;}
.admin-stats-grid,.admin-monitor-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;}
.admin-monitor-hero{margin-bottom:0;}
.admin-monitor-hero__copy{display:grid;gap:10px;max-width:760px;}
.admin-monitor-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;}
.admin-monitor-search-field{display:grid;gap:8px;min-width:0;}
.admin-monitor-search-field span{font-size:.84rem;font-weight:800;color:var(--ff-text);}
.admin-monitor-search-field input{width:100%;min-width:0;}
.admin-monitor-search-actions{margin:0;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.admin-monitor-search-actions .button,.admin-monitor-search-actions .button-secondary{min-height:42px;}
.admin-monitor-table-shell{border-radius:18px;overflow:hidden;}
.control-hub-top-grid--hero,.control-hub-route-grid{display:grid;gap:16px;}
.control-hub-tile{display:grid;gap:12px;min-width:0;padding:18px;text-decoration:none;color:inherit;border:1px solid var(--ff-border);border-radius:18px;background:linear-gradient(180deg,var(--ff-surface),var(--ff-surface-soft));box-shadow:var(--ff-shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.control-hub-tile:hover{transform:translateY(-1px);border-color:var(--ff-primary);box-shadow:0 16px 34px rgba(15,23,42,.08);}
.control-hub-tile__head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.control-hub-tile__label{display:block;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ff-muted);}
.control-hub-tile__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--ff-primary-soft);color:var(--ff-primary);font-weight:900;flex:0 0 auto;}
.control-hub-tile__value{font-size:clamp(1.55rem,2.4vw,2.2rem);font-weight:800;line-height:1;color:var(--ff-text);word-break:break-word;}
.control-hub-tile--tone-1{background:linear-gradient(180deg,var(--ff-surface) 0%, color-mix(in srgb,var(--ff-primary-soft) 36%, var(--ff-surface) 64%) 100%);}
.control-hub-tile--tone-2{background:linear-gradient(180deg,var(--ff-surface) 0%, color-mix(in srgb,#eefbf3 68%, var(--ff-surface) 32%) 100%);}
.control-hub-tile--tone-3{background:linear-gradient(180deg,var(--ff-surface) 0%, color-mix(in srgb,#fff8e8 72%, var(--ff-surface) 28%) 100%);}
.control-hub-tile--tone-4{background:linear-gradient(180deg,var(--ff-surface) 0%, color-mix(in srgb,#eef4ff 72%, var(--ff-surface) 28%) 100%);}
.control-hub-tile--tone-5{background:linear-gradient(180deg,var(--ff-surface) 0%, color-mix(in srgb,#f7f0ff 72%, var(--ff-surface) 28%) 100%);}
.control-hub-tile--tone-6{background:linear-gradient(180deg,var(--ff-surface) 0%, color-mix(in srgb,#effaf7 72%, var(--ff-surface) 28%) 100%);}
.control-hub-module-groups{display:grid;gap:18px;}
.control-hub-group{display:grid;gap:12px;}
.control-hub-group__head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.control-center-panel,.control-center-card,.control-center-mini-row,.control-center-stream,.control-hub-tile{max-width:100%;overflow:hidden;}
.control-center-card strong,.control-center-mini-row strong,.control-hub-tile__value{overflow-wrap:anywhere;}
.control-center-card__top{align-items:flex-start;}
.control-center-card__top strong{display:block;min-width:0;}
.control-center-card__meta span,.control-center-card__text,.control-center-card__note{overflow-wrap:anywhere;word-break:break-word;}
.control-center-card__text,.control-center-card__note{line-height:1.55;}
.control-center-badge{flex:0 0 auto;}
.metric-list__row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--ff-border);}
.metric-list__row:last-child{border-bottom:none;padding-bottom:0;}
.metric-list__label{color:var(--ff-muted);font-weight:700;}
.metric-list__value{color:var(--ff-text);font-weight:800;text-align:right;word-break:break-word;}
@media (max-width: 900px){
  .admin-monitor-search-form{grid-template-columns:1fr;align-items:stretch;}
  .admin-monitor-search-actions{width:100%;}
  .admin-monitor-search-actions .button,.admin-monitor-search-actions .button-secondary{width:100%;justify-content:center;}
}
@media (max-width: 768px){
  .admin-page-shell--safe{padding-bottom:calc(96px + env(safe-area-inset-bottom));}
  .admin-monitor-stat-grid,.admin-stats-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .control-center-hero,.admin-monitor-hero{gap:14px;}
  .control-center-hero__actions,.admin-toolbar{width:100%;justify-content:flex-start;}
  .control-center-layout{gap:14px;}
  .control-center-panel .admin-panel__head{padding:16px 16px 0;}
  .control-center-panel .admin-panel__body{padding:16px;}
  .control-center-card,.control-center-mini-row,.control-center-stream,.control-hub-tile{border-radius:16px;}
  .control-center-card{padding:14px;gap:10px;}
  .control-center-card__top,.control-center-card__meta{flex-direction:column;align-items:flex-start;}
  .control-center-badge{align-self:flex-start;}
  .control-center-mini-row{padding:12px 14px;}
  .control-center-mini-row__value,.control-center-mini-row__arrow{min-width:32px;height:32px;padding:0 8px;}
  .control-center-stream{padding:14px;}
  .control-center-stream__head{align-items:flex-start;flex-direction:column;}
  .table-shell.admin-monitor-table-shell{border:none;background:transparent;overflow:visible;}
  .admin-monitor-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0 12px;table-layout:fixed;}
  .admin-monitor-table thead{display:none;}
  .admin-monitor-table,.admin-monitor-table tbody,.admin-monitor-table tr,.admin-monitor-table td{display:block;width:100%;max-width:100%;box-sizing:border-box;}
  .admin-monitor-table tr{margin:0;background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:16px;box-shadow:var(--ff-shadow);padding:12px 14px;overflow:hidden;}
  .admin-monitor-table td{position:relative;padding:8px 0 8px 108px;min-height:34px;border-bottom:1px solid #eef2f7;white-space:normal;word-break:break-word;overflow-wrap:anywhere;}
  .admin-monitor-table td:last-child{border-bottom:none;padding-bottom:0;}
  .admin-monitor-table td:first-child{padding-top:0;}
  .admin-monitor-table td::before{content:attr(data-label);position:absolute;left:0;top:8px;width:92px;max-width:92px;font-size:.76rem;font-weight:800;letter-spacing:.02em;color:var(--ff-muted);}
  .admin-monitor-table td:first-child::before{top:0;}
}
@media (max-width: 560px){
  .admin-monitor-stat-grid,.admin-stats-grid,.control-hub-top-grid--hero{grid-template-columns:1fr;}
  .page-header,.control-center-hero,.admin-monitor-hero{margin-bottom:0;}
  .admin-chip,a.admin-chip,button.admin-chip{min-height:32px;padding:0 10px;font-size:.8rem;}
}
html[data-theme='dark'] .control-hub-tile,
html[data-theme='dark'] .control-center-card,
html[data-theme='dark'] .control-center-mini-row,
html[data-theme='dark'] .control-center-stream,
html[data-theme='dark'] .admin-stat-card,
html[data-theme='dark'] .admin-monitor-table tr{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.88));}


.promo-slot-band,.ad-slot-band{margin:18px auto;}
.promo-slot-grid,.ad-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.promo-card,.ad-card{display:flex;flex-direction:column;background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);overflow:hidden;text-decoration:none;color:var(--ff-text);box-shadow:0 10px 30px rgba(15,23,42,.06);height:100%;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;position:relative;}
.promo-card:hover,.ad-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.09);}
.promo-card::after,.ad-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));}
.promo-card-media,.ad-card-media{position:relative;aspect-ratio:4/1;background:var(--ff-surface-soft);overflow:hidden;flex:0 0 auto;}
.promo-card-media img,.ad-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.promo-card-media.is-no-image,.ad-card-media.is-no-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ff-surface-soft),rgba(15,23,42,.06));min-height:110px;}
.promo-card-copy,.ad-card-copy{display:flex;flex-direction:column;gap:8px;padding:14px 16px;min-height:110px;justify-content:center;background:var(--ad-copy-bg, var(--ff-surface));background-image:var(--ad-copy-overlay, none);border-top:1px solid var(--ad-copy-border, rgba(255,255,255,.22));}
.promo-card-copy em,.ad-card-copy em{font-style:normal;font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ad-copy-accent, var(--ff-primary));}
.promo-card-copy strong,.ad-card-copy strong{font-size:1rem;line-height:1.35;color:var(--ad-copy-title, var(--ff-text));}
.promo-card-copy span,.ad-card-copy span{font-size:.92rem;line-height:1.5;color:var(--ad-copy-text, var(--ff-text-muted));}
.promo-card-copy b,.ad-card-copy b{font-size:.9rem;line-height:1.4;color:var(--ad-copy-accent, var(--ff-primary));font-weight:700;}
.promo-card--campaign .promo-card-copy,.ad-card--campaign .ad-card-copy{min-height:72px;}
.promo-card--promo .promo-card-copy,.ad-card--promo .ad-card-copy{min-height:118px;}
.promo-card--promo-no-image .promo-card-media,.ad-card--promo-no-image .ad-card-media{display:none;}
.home-online-wrapper{margin-top:20px;margin-bottom:6px;padding:18px 20px;background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);box-shadow:0 10px 24px rgba(15,23,42,.05);}
.viewer-wrapper-inner--home{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;}
.viewer-copy--home{font-size:15px;line-height:1.6;color:var(--ff-text-muted);}
.viewer-flags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.viewer-flag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--ff-surface-soft);border:1px solid var(--ff-border);font-size:12px;font-weight:700;color:var(--ff-text);}
.viewer-flag-emoji{font-size:16px;line-height:1;}
.viewer-flag-code{letter-spacing:.04em;}
@media (max-width:1024px){.promo-slot-grid,.ad-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.promo-slot-grid .promo-card:nth-child(n+3),.ad-slot-grid .ad-card:nth-child(n+3){display:none!important}}
@media (max-width:640px){.promo-slot-grid,.ad-slot-grid{grid-template-columns:1fr!important}.promo-slot-grid .promo-card:nth-child(n+2),.ad-slot-grid .ad-card:nth-child(n+2){display:none!important}.home-online-wrapper{padding:16px}.viewer-flag{padding:6px 9px;font-size:11px}}


/* Auth UI consistency pass */
.page-intro{
  margin:10px auto 0;
  max-width:760px;
  color:var(--ff-muted);
  font-size:1rem;
  line-height:1.65;
}
.auth-hero{margin-bottom:18px}
.auth-shell{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:20px;
  align-items:stretch;
  margin-bottom:28px;
}
.auth-shell--compact{
  grid-template-columns:minmax(0, 760px);
  justify-content:center;
}
.auth-card{
  background:var(--ff-surface);
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-xl);
  box-shadow:var(--ff-shadow);
  padding:24px;
}
.auth-card--form,
.auth-card--support{
  min-width:0;
}
.auth-card--support{
  background:linear-gradient(180deg, var(--ff-surface) 0%, var(--ff-surface-soft) 100%);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.auth-card--compact{max-width:760px;width:100%;margin:0 auto}
.auth-card-head{margin-bottom:16px}
.auth-eyebrow,
.auth-support-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.auth-card-title,
.auth-support-title{
  margin:14px 0 8px;
  font-size:calc(var(--ff-font-size-h3, 26px) * 1);
  line-height:1.12;
  color:var(--ff-text);
}
.auth-card-copy,
.auth-support-copy{
  margin:0;
  color:var(--ff-muted);
  line-height:1.65;
}
.auth-form--refined{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.auth-form--refined .form-row{margin-bottom:16px}
.auth-form--refined label{
  display:block;
  margin-bottom:8px;
  font-weight:700;
  color:var(--ff-text);
}
.auth-form--refined input{
  width:100%;
  min-height:52px;
  border:1px solid var(--ff-border);
  border-radius:14px;
  background:var(--ff-input-bg, #fff);
  color:var(--ff-input-text, var(--ff-text));
  padding:0 16px;
  font:inherit;
}
.auth-form--refined input:focus{
  outline:none;
  border-color:var(--ff-primary);
  box-shadow:0 0 0 3px rgba(36,53,109,.12);
}
.auth-inline-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin:-2px 0 18px;
  color:var(--ff-muted);
}
.auth-inline-row--between{justify-content:space-between}
.auth-inline-copy{font-size:.95rem}
.auth-inline-link{
  color:var(--ff-primary);
  font-weight:700;
  text-decoration:none;
}
.auth-inline-link:hover{text-decoration:underline}
.auth-button-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.auth-button-row .button{
  min-height:48px;
  padding:0 18px;
  border-radius:14px;
}
.auth-support-block{margin-bottom:16px}
.auth-benefits{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.auth-benefits li{
  position:relative;
  padding-left:20px;
  color:var(--ff-text);
  line-height:1.6;
}
.auth-benefits li::before{
  content:'•';
  position:absolute;
  left:0;
  top:0;
  color:var(--ff-primary);
  font-weight:800;
}
@media (max-width: 920px){
  .auth-shell{grid-template-columns:minmax(0,1fr)}
  .auth-card--support{order:2}
}
@media (max-width: 640px){
  .auth-card{padding:18px}
  .auth-card-title,
  .auth-support-title{font-size:1.45rem}
  .auth-inline-row,
  .auth-inline-row--between{justify-content:flex-start;flex-wrap:wrap}
  .auth-button-row .button{width:100%;justify-content:center}
}


/* Phase 1.5 + Phase 2 advertising polish */
.quick-link-card--rule strong{display:block;margin-bottom:8px;}
.quick-link-card--rule span{display:block;line-height:1.6;color:var(--ff-muted);}
.kpi-grid--4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0;}
.kpi-card{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:18px;padding:18px 20px;box-shadow:var(--ff-shadow);}
.kpi-label{font-size:.92rem;font-weight:800;color:var(--ff-primary);margin-bottom:8px;}
.kpi-value{font-size:2rem;font-weight:800;line-height:1.05;margin-bottom:8px;}
.kpi-meta{color:var(--ff-muted);line-height:1.5;}
.ad-rates-placement-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.ad-rates-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ad-rates-setting-card{border:1px solid var(--ff-border);border-radius:18px;padding:16px;background:var(--ff-surface-soft);display:grid;gap:12px;}
.ad-rates-setting-card strong{display:block;margin-bottom:6px;}
.ad-rates-setting-card p{margin:0;color:var(--ff-muted);line-height:1.5;}
.ad-rates-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.ad-rates-board-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;}
.ad-rates-board-stats div{border:1px solid var(--ff-border);background:var(--ff-surface-soft);border-radius:14px;padding:12px;}
.ad-rates-board-stats span{display:block;color:var(--ff-muted);font-size:.9rem;margin-bottom:6px;}
.form-actions--promo{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;margin-top:22px;border-top:1px solid var(--ff-border);position:sticky;bottom:12px;background:linear-gradient(180deg, rgba(244,246,251,0) 0%, var(--ff-bg) 24%, var(--ff-bg) 100%);}
.form-actions__hint{color:var(--ff-muted);font-size:.95rem;line-height:1.5;}
.promo-card-grid .form-row:nth-child(3), .promo-card-grid .form-row:nth-child(4), .promo-card-grid .form-row:nth-child(5){grid-column:span 2;}
.payout-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.admin-link-grid--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
@media (max-width: 1100px){.kpi-grid--4,.ad-rates-board-grid,.payout-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ad-rates-setting-grid{grid-template-columns:1fr;}}
@media (max-width: 820px){.ad-rates-placement-sections,.admin-link-grid--two{grid-template-columns:1fr;}.form-actions--promo{position:static;align-items:flex-start;flex-direction:column;}.form-actions--promo .button{width:100%;justify-content:center;}.promo-card-grid .form-row:nth-child(3), .promo-card-grid .form-row:nth-child(4), .promo-card-grid .form-row:nth-child(5){grid-column:auto;}}
@media (max-width: 640px){.kpi-grid--4,.ad-rates-board-grid,.payout-request-grid{grid-template-columns:1fr;}.ad-rates-board-stats{grid-template-columns:1fr;}}


/* readability hardening for narrow/mobile layouts */
.home-intro-title,
.home-intro-copy,
.sub-box-title,
.jf-sections-v2__line,
.jf-sections-v2__parent,
.jf-sections-v2__child,
.topic-title a,
.hot-link {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  word-break: normal;
  overflow-wrap: break-word;
  text-transform: none;
}


.discovery-chip-grid{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 2px}.search-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.search-summary__suggestion{color:var(--ff-text-muted,#667085)}.search-related-panel{margin-top:18px}.public-panel--nested{padding-top:18px}.section-note{margin:4px 0 0;color:var(--ff-text-muted,#667085)}
.search-facets{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 20px}
.search-facet-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line-color,#d9dfeb);border-radius:999px;background:#fff;color:inherit;text-decoration:none;max-width:100%;box-sizing:border-box;min-height:44px}
.search-facet-pill:hover{border-color:var(--brand-200,#c7d4f8);background:var(--panel-soft,#f8faff)}
.search-facet-label{display:inline-block;line-height:1.2;white-space:normal;font-weight:600}
.search-facet-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#eef3ff;color:#233a78;font-size:13px;font-weight:700;line-height:1;box-sizing:border-box}
.search-facet-pill--tag .search-facet-label{font-weight:700}
@media (max-width:640px){.search-facet-pill{padding:9px 14px;gap:6px}.search-facet-count{min-width:24px;height:24px;font-size:12px}}



.info-page-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.info-page-meta__item{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e3e8f0;border-radius:999px;background:#fff}.legal-page-stack{gap:18px}.legal-jump-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.legal-jump-nav__item{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #e1e6f0;border-radius:999px;background:#fff;color:inherit;text-decoration:none}.legal-section-card{padding:24px 24px 22px}.legal-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.legal-section-meta{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef3ff;color:#233a78;font-size:12px;font-weight:700}.legal-cta-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.legal-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.legal-settings-card{padding:20px;border:1px solid #e5e9f1;border-radius:22px;background:#fff}.legal-settings-card .section-title{margin-bottom:6px}.legal-settings-note{color:#6b7485;font-size:14px;line-height:1.6}.legal-settings-chip-row{display:flex;flex-wrap:wrap;gap:10px}.legal-settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.legal-settings-card textarea{min-height:140px}.legal-settings-locked-list{margin:0;padding-left:18px}.legal-settings-locked-list li{margin:0 0 8px}.legal-settings-header .admin-toolbar{justify-content:flex-end}.legal-settings-preview-links{display:flex;flex-wrap:wrap;gap:10px}.legal-settings-page .admin-page-shell{gap:18px}@media (max-width: 860px){.legal-settings-grid,.legal-settings-field-grid{grid-template-columns:1fr}.legal-section-card{padding:20px 18px 18px}}


/* Legal pages - latest UI + global declarations */
.legal-page-hero .page-title{max-width:16ch}
.legal-page-intro{max-width:68ch;margin:12px 0 0;color:var(--ff-muted)}
.legal-meta-chip-row{justify-content:flex-end;gap:10px}
.legal-meta-chip{gap:0;font-weight:700;background:var(--ff-primary-soft);border-color:#dbe4ff;color:var(--ff-primary)}
.legal-info-panel{padding:24px}
.legal-page-prose{color:var(--ff-text)}
.info-page-prose .legal-page-stack{display:flex;flex-direction:column;gap:18px}
.info-page-prose .legal-jump-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 4px}
.info-page-prose .legal-jump-nav__item{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--ff-border);border-radius:999px;background:#fff;color:var(--ff-primary);text-decoration:none;font-weight:700}
.info-page-prose .legal-jump-nav__item:hover{background:var(--ff-primary-soft);text-decoration:none}
.info-page-prose .legal-section-card{background:#fff;border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);padding:22px;box-shadow:0 8px 18px rgba(20,29,67,.04)}
.info-page-prose .legal-section-card--cta{background:var(--ff-surface-soft)}
.info-page-prose .legal-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.info-page-prose .legal-section-head h2{margin:0;color:var(--ff-text);font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.2;font-weight:800}
.info-page-prose .legal-section-meta{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:var(--ff-primary-soft);color:var(--ff-primary);font-size:.75rem;font-weight:800;letter-spacing:.02em}
.info-page-prose ul{margin:0;padding-left:20px;color:var(--ff-text)}
.info-page-prose li + li{margin-top:10px}
.info-page-prose p{margin:0;color:var(--ff-text)}
.info-page-prose p + p{margin-top:12px}
.info-page-prose .legal-cta-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
@media (max-width: 860px){
  .legal-meta-chip-row{justify-content:flex-start}
  .legal-info-panel{padding:20px}
  .info-page-prose .legal-section-card{padding:18px}
}


.third-party-ad-row{width:100%;display:block;margin:18px 0 22px;clear:both}
.third-party-ad-row .third-party-ad-slot{max-width:var(--ff-content-width);margin:0 auto;padding:0 12px}
.third-party-ad-row[data-ad-row*="after_topics_3"],
.third-party-ad-row[data-ad-row*="after_results_3"],
.third-party-ad-row[data-ad-row*="after_first_reply"],
.third-party-ad-row[data-ad-row*="after_replies_3"]{padding-top:4px}
.topic-story-body > .third-party-ad-row{margin:22px 0}
.ff-trending-line + .third-party-ad-row,
.third-party-ad-row--global_after_trending{margin-top:16px}
.third-party-ad-row--global_before_footer_banners{margin:26px auto 18px}
.third-party-ad-slot iframe,.third-party-ad-slot img,.third-party-ad-slot ins{max-width:100%}

/* Global pagination hardening */
.global-pagination-wrap{width:100%;display:flex;justify-content:center;align-items:center;padding:18px 16px 6px;margin-top:18px;box-sizing:border-box}
.global-pagination{display:flex;flex-wrap:wrap;gap:var(--ff-pagination-gap,8px);justify-content:center;align-items:center;max-width:100%}
.pagination-link.is-gap{border-color:transparent;background:transparent;min-width:auto;padding-left:4px;padding-right:4px;color:var(--ff-muted)}
@media (max-width:700px){.global-pagination-wrap{padding-left:12px;padding-right:12px}.global-pagination{justify-content:center}}

/* Final ad enforcement: protected layout-critical wrappers must never be used as third-party ad containers. */
.no-third-party-ads ins,
.no-third-party-ads amp-ad,
.no-third-party-ads iframe[id*="google_ads_iframe"],
.no-third-party-ads .adsbygoogle,
.no-third-party-ads .google-auto-placed,
[data-ad-policy="protected"] ins,
[data-ad-policy="protected"] amp-ad,
[data-ad-policy="protected"] iframe[id*="google_ads_iframe"],
[data-ad-policy="protected"] .adsbygoogle,
[data-ad-policy="protected"] .google-auto-placed {
    display: none !important;
    visibility: hidden !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

.allowed-ad-slot,
[data-ad-policy="allowed"] {
    overflow: hidden;
    max-width: 100%;
}

.third-party-ad-safe-shell,
.in-house-ad-safe-shell {
    margin-top: 14px;
    margin-bottom: 14px;
}


/* Global typography control layer
   Keeps the interface plain by default while allowing selected parts to be heavier from /design-settings. */
:root{
  --ff-weight-body:400;
  --ff-weight-heading:600;
  --ff-weight-section-title:600;
  --ff-weight-card-title:600;
  --ff-weight-nav:500;
  --ff-weight-button:500;
  --ff-weight-label:500;
  --ff-weight-meta:400;
  --ff-weight-strong:600;
}
html,body{
  font-weight:var(--ff-weight-body,400) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body,p,li,span,small,td,textarea,input,select{
  font-weight:var(--ff-weight-body,400);
}
strong,b,.text-strong{
  font-weight:var(--ff-weight-strong,600) !important;
}
h1,h2,h3,h4,h5,h6,.page-title,.hero-title,.home-hero h1,.ff-hero-title{
  font-weight:var(--ff-weight-heading,600) !important;
}
.section-title,.admin-section-title,.public-section-title,.forum-section-title,.home-section-title,
.card-section-title,.topic-section-title,.control-hub-tile__value,.kpi-value{
  font-weight:var(--ff-weight-section-title,600) !important;
}
.topic-title,.forum-title,.card-title,.topic-card-title,.featured-topic-title,.latest-title,.subpage-card-title a,
.topic-card a,.home-topic-card a,.topic-nav-title,.message-center-title,.profile-hub-stream-title,
.code-slot-card__title,.control-hub-tile__label{
  font-weight:var(--ff-weight-card-title,600) !important;
}
.site-nav a,.header-nav a,.ff-header a,.header-link,.breadcrumbs a,.topic-breadcrumbs a,.inline-board-links a,
.trending-strip a,.header-trending a,.ff-header-welcome,.ff-header-actions a{
  font-weight:var(--ff-weight-nav,500) !important;
}
button,.btn,.button,.admin-chip,.chip,.pill,.badge,.meta-chip,.topic-meta-chip,.pagination-link,
.ff-surface-button,.ad-slot-label,.admin-status-chip,.viewer-flag,.legal-section-meta,.legal-meta-chip{
  font-weight:var(--ff-weight-button,500) !important;
}
label,.form-row label,.auth-live-label,.search-facet-label,.metric-list__label,.kpi-label,
.site-settings-summary-card__label,.message-center-kpi span,.profile-hub-kpi span{
  font-weight:var(--ff-weight-label,500) !important;
}
.meta,.meta-chip,.topic-meta,.topic-meta-chip,.small-text,.description,.page-intro,.admin-section-note,
.card-copy,.topic-excerpt,.forum-description,.auth-live-title,.code-slot-card__meta,.topic-nav-label,
.info-page-meta__item,.legal-settings-note,.control-center-pill,.site-settings-summary-card__value{
  font-weight:var(--ff-weight-meta,400) !important;
}
.design-typography-note{grid-column:1/-1;padding:12px 14px;border:1px dashed var(--ff-border);border-radius:var(--ff-radius-md);background:var(--ff-surface-soft);color:var(--ff-muted);font-size:var(--ff-font-size-meta);font-weight:var(--ff-weight-meta,400)}

/* Final global heading/link normalisation layer
   Added after audit so raw h1-h6, home cards, What's Hot, Latest, Forum Sections and admin headings cannot bypass /design-settings. */
:root{
  --ff-weight-heading:400;
  --ff-weight-section-title:400;
  --ff-weight-card-title:400;
  --ff-weight-link:400;
  --ff-font-size-hero-title:32px;
  --ff-font-size-hero-title-mobile:26px;
  --ff-hero-title-line-height:1.15;
  --ff-hero-title-letter-spacing:-0.02em;
  --ff-font-size-section-title:18px;
  --ff-font-size-card-title:16px;
  --ff-card-title-line-height:1.35;
}
h1,h2,h3,h4,h5,h6,
.page-title,.profile-name,.topic-hero-title,.home-intro-title,.ff-site-title-link,
.section-title,.sub-box-title,.strip-header h3,.admin-panel__head h2,.admin-panel__head h3,
.info-page-prose .legal-section-head h2{
  font-family:var(--ff-heading-font, var(--ff-body-font, system-ui, -apple-system, Segoe UI, sans-serif)) !important;
  font-weight:var(--ff-weight-heading,400) !important;
}
.section-title,.sub-box-title,.admin-section-title,.public-section-title,.forum-section-title,.home-section-title,
.card-section-title,.topic-section-title,.strip-header h3,
.hot-box .sub-box-title,.sections-box .sub-box-title{
  font-size:var(--ff-font-size-section-title,18px) !important;
  line-height:1.25 !important;
  font-weight:var(--ff-weight-section-title,400) !important;
}
.home-intro-title,.hero-title,.ff-hero-title{
  font-size:var(--ff-font-size-hero-title,32px) !important;
  line-height:var(--ff-hero-title-line-height,1.15) !important;
  letter-spacing:var(--ff-hero-title-letter-spacing,-0.02em) !important;
  font-weight:var(--ff-weight-heading,400) !important;
}
a,.hot-link,.topic-title a,.subpage-card-title a,.auth-live-title,.message-center-title,
.topic-nav-title,.topic-inline-related__title,.jf-sections-v2__parent,.jf-sections-v2__child,
.inline-board-links a,.legal-jump-nav__item,.info-page-prose .legal-jump-nav__item{
  font-weight:var(--ff-weight-link,400) !important;
}
.topic-title a,.hot-link,.topic-card a,.card-title,.topic-card-title,.featured-topic-title,
.latest-title,.profile-topic-title,.message-center-title,.topic-nav-title,.topic-inline-related__title,
.subpage-card-title a{
  font-size:var(--ff-font-size-card-title,16px) !important;
  line-height:var(--ff-card-title-line-height,1.35) !important;
  font-weight:var(--ff-weight-card-title,400) !important;
}
.ff-header-inline a,.ff-stats-row a,.ff-trending-tags a,.strip-links a,.profile-tab,
button,.button,.btn,.admin-chip,.chip,.pill,.badge,.meta-chip,.pagination-link{
  font-weight:var(--ff-weight-button,400) !important;
}
@media (max-width:640px){
  .home-intro-title,.hero-title,.ff-hero-title{font-size:var(--ff-font-size-hero-title-mobile,26px) !important;}
}

/* Anchor plainness lock: all links stay controlled by the global link weight, including topic/card/home links. */
a,
a:link,
a:visited,
.topic-title a,
.hot-link,
.topic-card a,
.home-topic-card a,
.featured-grid a,
.latest-title a,
.subpage-card-title a,
.auth-live-title,
.message-center-title,
.topic-nav-title,
.topic-inline-related__title,
.jf-sections-v2__parent,
.jf-sections-v2__child{
  font-weight:var(--ff-weight-link,400) !important;
}


/* Final logo/card-link/parent-board control layer
   Keeps website name, home card links and parent board links independently controlled from /design-settings. */
:root{
  --ff-weight-logo:400;
  --ff-weight-card-link:400;
  --ff-weight-parent-board:400;
}
.ff-site-title-link,
.site-logo,
.site-title,
.brand-logo{
  font-weight:var(--ff-weight-logo,400) !important;
}
.topic-card .topic-title a,
.featured-grid .topic-title a,
.featured-topic-title,
.home-topic-card a,
.home-wrapper .topic-card a,
.home-wrapper .hot-link,
.latest-title a,
.subpage-card-title a{
  font-weight:var(--ff-weight-card-link,400) !important;
}
.jf-sections-v2__parent,
.inline-board-links .jf-sections-v2__parent,
.sections-box .jf-sections-v2__parent{
  font-weight:var(--ff-weight-parent-board,400) !important;
}
.jf-sections-v2__child,
.sections-box .jf-sections-v2__child{
  font-weight:var(--ff-weight-link,400) !important;
}
.sub-box-title,
.sub-box-title--with-chip,
.sub-box-title--with-chip > span:first-child,
.strip-header h3,
.section-title,
.home-section-title,
.forum-section-title{
  font-size:var(--ff-font-size-section-title,18px) !important;
  line-height:1.25 !important;
  font-weight:var(--ff-weight-section-title,400) !important;
  font-family:var(--ff-heading-font, var(--ff-body-font, system-ui, -apple-system, Segoe UI, sans-serif)) !important;
}
.sub-box-title--with-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.hot-metric-chip{
  font-size:var(--ff-font-size-meta,13px) !important;
  font-weight:var(--ff-weight-meta,400) !important;
}

/* Header account navigation flow fix
   Keeps Welcome/Edit Profile and account links in one natural inline row.
   Links wrap item-by-item only when the viewport runs out of space. */
.ff-header-inline{
  display:block !important;
  text-align:center;
  line-height:1.85;
  overflow-wrap:normal;
  word-break:normal;
}
.ff-primary-inline,
.ff-header-links,
.ff-welcome-group,
.ff-user-inline,
.ff-inline-action,
.ff-inline-login{
  display:inline !important;
  white-space:normal;
}
.ff-header-links{
  flex-wrap:initial !important;
  gap:0 !important;
  min-width:0;
}
.ff-header-inline a,
.ff-header-inline .ff-sep,
.ff-header-role-badge,
.ff-notification-badge{
  display:inline-flex;
  align-items:center;
  vertical-align:baseline;
}
.ff-header-inline a{
  white-space:nowrap;
}
.ff-header-inline .ff-sep{
  margin:0 7px;
}
.ff-welcome-group,
.ff-inline-action{
  margin-right:0;
}
@media (max-width:640px){
  .ff-header-inline{
    line-height:1.95;
    padding-inline:4px;
  }
  .ff-header-inline .ff-sep{
    margin:0 5px;
  }
}


/* Homepage hero badge and forum section link controls from /design-settings */
.section-kicker,
.home-kicker,
.hero-kicker,
.ff-hero-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  font-size:var(--ff-font-size-hero-badge,13px) !important;
  font-weight:var(--ff-weight-hero-badge,500) !important;
  color:var(--ff-hero-badge-color,#24356d) !important;
  background:var(--ff-hero-badge-bg,#eef2ff) !important;
  border-radius:var(--ff-hero-badge-radius,999px) !important;
  letter-spacing:var(--ff-hero-badge-letter-spacing,0.04em) !important;
  text-transform:var(--ff-hero-badge-text-transform,uppercase) !important;
}
.jf-sections-v2__parent,
.inline-board-links .jf-sections-v2__parent,
.sections-box .jf-sections-v2__parent{
  font-size:var(--ff-font-size-parent-board,15px) !important;
  font-weight:var(--ff-weight-parent-board,400) !important;
  color:var(--ff-parent-board-color,#24356d) !important;
  text-decoration:var(--ff-parent-board-decoration,underline) !important;
}
.jf-sections-v2__child,
.inline-board-links .jf-sections-v2__child,
.sections-box .jf-sections-v2__child{
  font-size:var(--ff-font-size-child-board,15px) !important;
  font-weight:var(--ff-weight-child-board,400) !important;
  color:var(--ff-child-board-color,#1c2541) !important;
  text-decoration:var(--ff-child-board-decoration,none) !important;
}
.jf-sections-v2__parent:hover,
.jf-sections-v2__child:hover{
  text-decoration:underline !important;
  text-underline-offset:3px;
}
.hot-box .sub-box-title,
.hot-box .sub-box-title > span:first-child,
.sections-box .sub-box-title,
.featured-wrapper .strip-header h3,
.featured-wrapper .section-title,
.sub-box-title--with-chip{
  font-size:var(--ff-font-size-section-title,18px) !important;
  line-height:1.25 !important;
  font-weight:var(--ff-weight-section-title,400) !important;
  font-family:var(--ff-heading-font, var(--ff-body-font, system-ui, -apple-system, Segoe UI, sans-serif)) !important;
}

/* Ad rates redesigned admin dashboard */
.ad-rates-redesign-shell{display:grid;gap:18px;}
.ad-rates-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.ad-rates-kpis{margin:0;}
.ad-rates-month-card{margin:0;}
.ad-rates-recommendation-line{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.92rem);line-height:1.5;}
.ad-rates-recommendation-line strong{font-weight:var(--fw-ui,500);color:var(--ff-text,var(--text-main,#172033));}
.ad-rates-engine-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.45fr);gap:18px;align-items:start;}
.ad-rates-engine-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 16px;}
.ad-rates-engine-preview>div{border:1px solid var(--ff-border,rgba(15,23,42,.1));background:var(--ff-surface-soft,rgba(248,250,252,.88));border-radius:var(--radius-md,16px);padding:14px;}
.ad-rates-engine-preview span{display:block;color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.88rem);margin-bottom:6px;}
.ad-rates-engine-preview strong{font-size:1.1rem;font-weight:var(--fw-section-title,500);}
.ad-rates-compact-fields{gap:12px;}
.ad-rates-placement-table-wrap,.ad-rates-table-wrap{overflow:auto;border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:var(--radius-lg,18px);background:var(--ff-surface,#fff);}
.ad-rates-mini-table,.ad-rates-board-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;}
.ad-rates-mini-table th,.ad-rates-mini-table td,.ad-rates-board-table th,.ad-rates-board-table td{border-bottom:1px solid var(--ff-border,rgba(15,23,42,.08));padding:12px;text-align:left;vertical-align:middle;font-weight:var(--fw-body,400);}
.ad-rates-mini-table thead th,.ad-rates-board-table thead th{font-size:var(--meta-font-size,.82rem);color:var(--ff-muted,var(--muted-text,#667085));background:var(--ff-surface-soft,rgba(248,250,252,.9));font-weight:var(--fw-ui,500);white-space:nowrap;}
.ad-rates-mini-table tbody tr:last-child td,.ad-rates-board-table tbody tr:last-child td{border-bottom:0;}
.ad-rates-mini-table small,.ad-rates-board-table small{display:block;color:var(--ff-muted,var(--muted-text,#667085));font-size:.82rem;line-height:1.35;margin-top:4px;}
.ad-rates-mini-table input{max-width:92px;}
.ad-rates-board-panel{margin-top:0;}
.ad-rates-board-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;}
.ad-rates-board-toolbar .empty-text{margin:6px 0 0;}
.ad-rates-board-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ad-rates-board-tools input,.ad-rates-board-tools select{min-height:40px;border-radius:var(--radius-md,14px);}
.ad-rates-board-table{min-width:1080px;}
.ad-rates-board-table input,.ad-rates-board-table select{width:100%;min-width:90px;min-height:38px;border-radius:var(--radius-sm,12px);}
.ad-rate-board-name strong{display:block;font-weight:var(--fw-card-title,var(--fw-body,400));color:var(--ff-text,var(--text-main,#172033));line-height:1.3;}
.ad-rate-number{display:block;font-weight:var(--fw-ui,500);white-space:nowrap;}
.ad-rate-status-cell{min-width:150px;}
.ad-rate-status-cell label{display:flex;align-items:center;gap:6px;color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.86rem);line-height:1.3;margin:2px 0;white-space:nowrap;}
.ad-rates-save-bar{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:flex-end;margin-top:0;padding:12px;border:1px solid var(--ff-border,rgba(15,23,42,.08));background:color-mix(in srgb,var(--ff-surface,#fff) 88%,transparent);backdrop-filter:blur(10px);border-radius:var(--radius-lg,18px);box-shadow:0 10px 28px rgba(15,23,42,.08);}
@media (max-width: 1100px){.ad-rates-engine-layout{grid-template-columns:1fr;}.ad-rates-board-toolbar{align-items:flex-start;flex-direction:column;}.ad-rates-board-tools{width:100%;}.ad-rates-board-tools input{flex:1 1 220px;}.ad-rates-board-tools select{flex:0 0 180px;}}
@media (max-width: 720px){.ad-rates-hero,.ad-rates-topbar{align-items:flex-start;flex-direction:column;}.ad-rates-engine-preview{grid-template-columns:1fr;}.ad-rates-month-switcher,.ad-rates-board-tools input,.ad-rates-board-tools select{width:100%;max-width:none;flex-basis:100%;}.ad-rates-save-bar{position:static;}.ad-rates-save-bar .button{width:100%;justify-content:center;}}

/* Ad rates latest UI polish: global-declaration aligned controls */
.ad-rates-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;}
.ad-rates-card-head .section-title{margin:0 0 6px;font-weight:var(--fw-section-title,500);}
.ad-rates-card-head .empty-text{margin:0;max-width:680px;}
.ad-rates-state-chip,.ad-rates-weight-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:999px;background:var(--ff-surface-soft,rgba(248,250,252,.92));color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.82rem);font-weight:var(--fw-ui,500);white-space:nowrap;}
.ad-rates-engine-card .admin-panel__body,.ad-rates-placement-card .admin-panel__body{padding:clamp(18px,2vw,24px);}
.ad-rates-engine-preview{gap:14px;margin:16px 0 18px;}
.ad-rates-engine-preview>.ad-rates-metric-card{position:relative;overflow:hidden;border:1px solid var(--ff-border,rgba(15,23,42,.1));background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,rgba(248,250,252,.92)));border-radius:var(--radius-lg,18px);padding:16px;box-shadow:0 10px 26px rgba(15,23,42,.045);}
.ad-rates-engine-preview>.ad-rates-metric-card span{font-size:var(--meta-font-size,.86rem);color:var(--ff-muted,var(--muted-text,#667085));}
.ad-rates-engine-preview>.ad-rates-metric-card strong{display:block;margin-top:6px;color:var(--ff-text,var(--text-main,#172033));font-size:clamp(1.05rem,1.7vw,1.28rem);font-weight:var(--fw-section-title,500);letter-spacing:var(--section-title-letter-spacing,-.01em);}
.ad-rates-engine-preview>.ad-rates-metric-card small{display:block;margin-top:4px;color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.8rem);}
.ad-rates-engine-fields{padding:14px;border:1px solid var(--ff-border,rgba(15,23,42,.08));border-radius:var(--radius-lg,18px);background:var(--ff-surface-soft,rgba(248,250,252,.72));}
.ad-rates-engine-fields .form-row label{font-weight:var(--fw-ui,500);}
.ad-rates-placement-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ad-rates-placement-group{border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:var(--radius-lg,18px);background:var(--ff-surface,#fff);overflow:hidden;}
.ad-rates-placement-group-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--ff-border,rgba(15,23,42,.08));background:var(--ff-surface-soft,rgba(248,250,252,.86));}
.ad-rates-placement-group-head strong{font-weight:var(--fw-section-title,500);}
.ad-rates-placement-list{display:grid;}
.ad-rates-placement-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--ff-border,rgba(15,23,42,.08));}
.ad-rates-placement-item:last-child{border-bottom:0;}
.ad-rates-placement-copy strong{display:block;font-weight:var(--fw-ui,500);color:var(--ff-text,var(--text-main,#172033));}
.ad-rates-placement-copy small{display:block;margin-top:4px;color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.84rem);line-height:1.45;}
.ad-rates-placement-control{display:flex;align-items:center;gap:8px;}
.ad-rates-placement-control input{width:88px;min-height:38px;border-radius:var(--radius-sm,12px);}
.ad-rate-status-cell{min-width:168px;}
.ui-switch{display:inline-flex;align-items:center;gap:8px;margin:3px 8px 3px 0;color:var(--ff-text,var(--text-main,#172033));font-size:var(--meta-font-size,.84rem);font-weight:var(--fw-body,400);cursor:pointer;white-space:nowrap;}
.ui-switch input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none;}
.ui-switch__track{position:relative;display:inline-flex;align-items:center;width:42px;height:24px;padding:2px;border:1px solid var(--ff-border,rgba(15,23,42,.12));border-radius:999px;background:var(--ff-surface-soft,rgba(248,250,252,.95));transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;}
.ui-switch__thumb{width:18px;height:18px;border-radius:999px;background:var(--ff-surface,#fff);border:1px solid var(--ff-border,rgba(15,23,42,.12));box-shadow:0 2px 8px rgba(15,23,42,.16);transform:translateX(0);transition:transform .18s ease;}
.ui-switch input:checked + .ui-switch__track{background:color-mix(in srgb,var(--primary,#25316d) 92%,white);border-color:color-mix(in srgb,var(--primary,#25316d) 90%,black);box-shadow:0 6px 16px color-mix(in srgb,var(--primary,#25316d) 22%,transparent);}
.ui-switch input:checked + .ui-switch__track .ui-switch__thumb{transform:translateX(18px);}
.ui-switch input:focus-visible + .ui-switch__track{outline:2px solid color-mix(in srgb,var(--primary,#25316d) 34%,transparent);outline-offset:2px;}
.ui-switch__label{color:var(--ff-muted,var(--muted-text,#667085));}
.ui-switch input:checked ~ .ui-switch__label{color:var(--ff-text,var(--text-main,#172033));font-weight:var(--fw-ui,500);}
.ad-rates-board-table td,.ad-rates-board-table th{padding:11px 12px;}
.ad-rate-board-name strong,.ad-rate-number{font-weight:var(--fw-ui,500);}
@media (max-width: 1180px){.ad-rates-placement-groups{grid-template-columns:1fr;}.ad-rates-placement-item{grid-template-columns:minmax(0,1fr) auto;}}
@media (max-width: 720px){.ad-rates-card-head{flex-direction:column;}.ad-rates-placement-item{grid-template-columns:1fr;align-items:start;}.ad-rates-placement-control{width:100%;justify-content:space-between;}.ad-rates-placement-control input{width:120px;}.ad-rate-status-cell{min-width:150px;}.ui-switch{margin-right:4px;}}

/* Ad Codes latest UI */
.ad-codes-page{display:grid;gap:clamp(16px,2vw,22px)}
.ad-codes-hero{margin-bottom:0}
.ad-codes-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,16px)}
.ad-codes-summary-card{padding:clamp(16px,2vw,20px);border:1px solid var(--ff-border);border-radius:var(--radius-lg,20px);background:var(--ff-surface);box-shadow:var(--ff-shadow-sm,0 10px 25px rgba(15,23,42,.05));display:grid;gap:6px;min-width:0}
.ad-codes-summary-card__label{font-size:var(--admin-label-size,.82rem);font-weight:var(--label-weight,500);color:var(--ff-text-muted);letter-spacing:.01em}
.ad-codes-summary-card__value{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.05;font-weight:var(--section-title-weight,600);color:var(--ff-text)}
.ad-codes-summary-card__meta{font-size:var(--small-text-size,.86rem);color:var(--ff-text-muted)}
.ad-codes-form{display:grid;gap:clamp(16px,2vw,22px)}
.ad-codes-layout-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(16px,2vw,22px)}
.ad-codes-control-card{padding:clamp(18px,2vw,24px)}
.ad-codes-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:clamp(14px,1.8vw,18px)}
.ad-codes-card-head .section-title{margin:0}
.ad-codes-card-head--split{align-items:center}
.ad-codes-card-copy{margin:6px 0 0;color:var(--ff-text-muted);font-size:var(--body-size,.95rem);line-height:1.55;font-weight:var(--body-weight,400)}
.ad-codes-control-stack{display:grid;gap:clamp(16px,2vw,20px)}
.ad-codes-position-control{padding:14px;border:1px solid var(--ff-border);border-radius:var(--radius-md,16px);background:var(--ff-soft-surface,rgba(248,250,252,.8))}
.ad-codes-inline-input{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;color:var(--ff-text-muted);font-size:var(--small-text-size,.9rem)}
.ad-codes-inline-input .form-control{width:112px;min-width:112px;text-align:center}
.ad-codes-rule-list{display:grid;gap:10px}
.ad-codes-rule-list span{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--ff-border);border-radius:var(--radius-md,16px);background:var(--ff-soft-surface,rgba(248,250,252,.8));color:var(--ff-text);font-size:var(--body-size,.95rem);font-weight:var(--body-weight,400)}
.ad-codes-rule-list span::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--ff-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ff-primary) 12%,transparent);flex:0 0 auto}
.ad-codes-verification-card,.ad-codes-slots-panel{padding:clamp(18px,2vw,24px)}
.ad-codes-verification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,22px)}
.ad-codes-soft-badge,.ad-codes-count-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--ff-border);background:var(--ff-soft-surface,rgba(248,250,252,.9));color:var(--ff-text-muted);font-size:var(--small-text-size,.85rem);font-weight:var(--ui-weight,500);white-space:nowrap}
.ad-codes-context-stack{display:grid;gap:clamp(16px,2vw,20px)}
.ad-codes-context-card{padding:clamp(14px,1.8vw,18px);border:1px solid var(--ff-border);border-radius:var(--radius-lg,20px);background:var(--ff-page-bg,#fff)}
.ad-codes-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--ff-border)}
.ad-codes-context-title{margin:0;font-size:var(--section-title-size,1rem);line-height:1.25;font-weight:var(--section-title-weight,600);color:var(--ff-text)}
.ad-codes-context-head p{margin:5px 0 0;color:var(--ff-text-muted);font-size:var(--small-text-size,.9rem);line-height:1.5}
.ad-codes-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,16px)}
.code-slot-card{position:relative;padding:clamp(14px,1.8vw,18px);border:1px solid var(--ff-border);border-radius:var(--radius-lg,18px);background:var(--ff-surface);box-shadow:var(--ff-shadow-xs,0 8px 20px rgba(15,23,42,.04));transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.code-slot-card--live{border-color:color-mix(in srgb,var(--ff-primary) 34%,var(--ff-border));box-shadow:0 12px 28px color-mix(in srgb,var(--ff-primary) 10%,transparent)}
.code-slot-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.code-slot-card__title{margin:0;font-size:var(--card-title-size,1rem);line-height:1.28;font-weight:var(--card-title-weight,500);color:var(--ff-text)}
.code-slot-card__meta{margin-top:7px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ff-text-muted);font-size:var(--small-text-size,.86rem);font-weight:var(--body-weight,400)}
.code-slot-card__meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.3;padding:3px 8px;border-radius:999px;border:1px solid var(--ff-border);background:var(--ff-soft-surface,rgba(248,250,252,.9));color:var(--ff-text-muted);white-space:normal;word-break:break-word}
.code-manager-area{width:100%;min-height:132px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;line-height:1.55;padding:14px;border:1px solid var(--ff-border);border-radius:var(--radius-md,16px);background:var(--ff-input-bg,var(--ff-surface));color:var(--ff-input-text,var(--ff-text));resize:vertical;transition:border-color .18s ease,box-shadow .18s ease;background-color .18s ease}
.code-manager-area:focus{outline:none;border-color:color-mix(in srgb,var(--ff-primary) 48%,var(--ff-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--ff-primary) 13%,transparent)}
.code-manager-area--slot{min-height:168px}
.ad-ui-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;color:var(--ff-text);font-size:var(--small-text-size,.88rem);font-weight:var(--ui-weight,500);white-space:nowrap}
.ad-ui-toggle input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.ad-ui-toggle__track{position:relative;width:46px;height:26px;border-radius:999px;background:var(--ff-border);border:1px solid color-mix(in srgb,var(--ff-border) 80%,#000 8%);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;flex:0 0 auto}
.ad-ui-toggle__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:var(--ff-surface);box-shadow:0 2px 6px rgba(15,23,42,.18);transition:transform .18s ease}
.ad-ui-toggle input:checked + .ad-ui-toggle__track{background:var(--ff-primary);border-color:var(--ff-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ff-primary) 12%,transparent)}
.ad-ui-toggle input:checked + .ad-ui-toggle__track .ad-ui-toggle__knob{transform:translateX(20px)}
.ad-ui-toggle__label{min-width:32px;color:var(--ff-text-muted)}
.ad-ui-toggle input:checked ~ .ad-ui-toggle__label{color:var(--ff-text)}
.ad-ui-toggle--large{width:100%;justify-content:flex-start;padding:16px;border:1px solid var(--ff-border);border-radius:var(--radius-lg,18px);background:var(--ff-soft-surface,rgba(248,250,252,.8))}
.ad-ui-toggle--large .ad-ui-toggle__track{width:54px;height:30px}
.ad-ui-toggle--large .ad-ui-toggle__knob{width:22px;height:22px}
.ad-ui-toggle--large input:checked + .ad-ui-toggle__track .ad-ui-toggle__knob{transform:translateX(24px)}
.ad-ui-toggle__text{display:grid;gap:2px}
.ad-ui-toggle__text strong{font-size:var(--body-size,.95rem);font-weight:var(--ui-weight,500);color:var(--ff-text)}
.ad-ui-toggle__text small{font-size:var(--small-text-size,.84rem);font-weight:var(--body-weight,400);color:var(--ff-text-muted)}
.ad-codes-sticky-actions{position:sticky;bottom:14px;z-index:5;display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:12px;border:1px solid var(--ff-border);border-radius:var(--radius-lg,18px);background:color-mix(in srgb,var(--ff-surface) 92%,transparent);backdrop-filter:blur(12px);box-shadow:var(--ff-shadow-md,0 18px 44px rgba(15,23,42,.12))}
@media (max-width:980px){.ad-codes-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-codes-layout-grid,.ad-codes-verification-grid,.ad-codes-slot-grid{grid-template-columns:1fr}.ad-codes-card-head--split{align-items:flex-start;flex-direction:column}.code-slot-card__head{align-items:flex-start}}
@media (max-width:640px){.ad-codes-summary-grid{grid-template-columns:1fr}.ad-codes-control-card,.ad-codes-verification-card,.ad-codes-slots-panel{padding:16px}.ad-codes-context-card{padding:14px}.ad-codes-context-head{flex-direction:column}.code-slot-card__head{flex-direction:column}.ad-ui-toggle{white-space:normal}.ad-codes-sticky-actions{justify-content:stretch}.ad-codes-sticky-actions .button{flex:1}.page-header__actions{width:100%}.page-header__actions .button{flex:1 1 auto}}

/* Public advertising page — latest UI/global declaration layer */
.public-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border:1px solid var(--ff-border);
  border-radius:999px;
  background:var(--ff-primary-soft);
  color:var(--ff-primary);
  font-size:var(--ff-meta-size, .78rem);
  font-weight:var(--ff-chip-weight, 500);
  letter-spacing:var(--ff-label-letter-spacing, .01em);
}
.advertising-public-hero{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);
  gap:var(--ff-section-gap, 20px);
  align-items:stretch;
  padding:clamp(22px, 4vw, 38px);
  overflow:hidden;
}
.advertising-public-hero__copy,
.advertising-public-panel,
.advertising-public-section,
.advertising-public-creative-card{
  min-width:0;
}
.advertising-public-hero .page-title{
  margin:14px 0 12px;
  max-width:820px;
  font-size:var(--ff-hero-title-size, clamp(2rem, 4vw, 3.45rem));
  font-weight:var(--ff-hero-title-weight, 500);
  line-height:var(--ff-hero-title-line-height, 1.08);
  letter-spacing:var(--ff-hero-title-letter-spacing, -.035em);
}
.advertising-public-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.advertising-public-panel{
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-lg);
  background:linear-gradient(180deg, var(--ff-surface-soft), var(--ff-surface));
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
}
.advertising-public-tier{
  font-size:clamp(1.35rem, 2vw, 2rem);
  line-height:1.15;
  font-weight:var(--ff-section-title-weight, 500);
  letter-spacing:-.025em;
  color:var(--ff-text);
}
.advertising-public-panel p,
.advertising-public-section p,
.advertising-public-creative-card p,
.advertising-public-step-card p,
.advertising-public-placement-card p{
  color:var(--ff-muted);
  font-size:var(--ff-body-font-size, .96rem);
}
.advertising-public-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.advertising-public-mini-grid div{
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-md);
  background:var(--ff-surface);
  padding:12px;
}
.advertising-public-mini-grid span{
  display:block;
  color:var(--ff-text);
  font-size:1.12rem;
  font-weight:var(--ff-ui-weight, 500);
}
.advertising-public-mini-grid small{
  display:block;
  margin-top:2px;
  color:var(--ff-muted);
  font-size:.75rem;
}
.advertising-public-rate-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.advertising-public-rate-card{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.advertising-public-rate-card span,
.advertising-public-rate-card small{
  color:var(--ff-muted);
  font-size:var(--ff-meta-size, .82rem);
}
.advertising-public-rate-card strong{
  color:var(--ff-text);
  font-size:clamp(1.28rem, 2vw, 1.7rem);
  font-weight:var(--ff-section-title-weight, 500);
  letter-spacing:-.025em;
}
.advertising-public-section{
  padding:clamp(18px, 3vw, 26px);
  margin:16px 0;
}
.advertising-public-placement-grid,
.advertising-public-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.advertising-public-placement-card,
.advertising-public-step-card,
.advertising-public-board-row{
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-md);
  background:var(--ff-surface);
  padding:16px;
}
.advertising-public-placement-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}
.advertising-public-placement-card h3,
.advertising-public-step-card h3,
.advertising-public-board-row h3,
.advertising-public-creative-card h2{
  margin:0 0 8px;
  color:var(--ff-text);
  font-size:var(--ff-card-title-size, 1rem);
  font-weight:var(--ff-card-title-weight, 500);
  line-height:var(--ff-card-title-line-height, 1.25);
  letter-spacing:-.015em;
}
.public-status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:28px;
  padding:5px 10px;
  border:1px solid var(--ff-border);
  border-radius:999px;
  background:var(--ff-surface-soft);
  color:var(--ff-muted);
  font-size:.78rem;
  font-weight:var(--ff-chip-weight, 500);
}
.public-status-chip--live{
  border-color:rgba(22, 163, 74, .22);
  background:rgba(22, 163, 74, .08);
  color:#157347;
}
.public-status-chip--off{
  border-color:var(--ff-border);
  background:var(--ff-surface-soft);
  color:var(--ff-muted);
}
.advertising-public-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:16px;
  margin:16px 0;
}
.advertising-public-board-list{
  display:grid;
  gap:10px;
}
.advertising-public-board-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.advertising-public-board-row p{margin:0;}
.advertising-public-board-rates{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}
.advertising-public-board-rates span{
  display:inline-flex;
  padding:6px 9px;
  border:1px solid var(--ff-border);
  border-radius:999px;
  background:var(--ff-surface-soft);
  color:var(--ff-text);
  font-size:.8rem;
  font-weight:var(--ff-chip-weight, 500);
}
.advertising-public-creative-card{
  padding:clamp(18px, 3vw, 24px);
}
.advertising-public-creative-spec{
  aspect-ratio:16/9;
  border:1px dashed var(--ff-border);
  border-radius:var(--ff-radius-lg);
  background:var(--ff-surface-soft);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  margin:18px 0;
}
.advertising-public-creative-spec span{
  font-size:2rem;
  font-weight:var(--ff-section-title-weight, 500);
  color:var(--ff-primary);
}
.advertising-public-creative-spec small{color:var(--ff-muted);}
.advertising-public-step-card span{
  display:inline-flex;
  margin-bottom:16px;
  color:var(--ff-primary);
  font-weight:var(--ff-ui-weight, 500);
  font-size:.86rem;
}
.advertising-public-filter{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:10px;
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-lg);
  background:var(--ff-surface-soft);
  padding:14px;
  margin:10px 0 16px;
}
.advertising-public-filter label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--ff-muted);
  font-size:.82rem;
  font-weight:var(--ff-label-weight, 500);
}
.advertising-public-filter select{
  min-width:160px;
}
.advertising-public-table th,
.advertising-public-table td{
  white-space:nowrap;
}
.advertising-public-board-link{
  color:var(--ff-link, var(--ff-primary));
  font-weight:var(--ff-card-link-weight, var(--ff-link-weight, 400));
  text-decoration:none;
}
.advertising-public-board-link:hover{text-decoration:underline;}
.advertising-public-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:clamp(20px, 3vw, 28px);
  margin-top:16px;
}
@media (max-width: 1080px){
  .advertising-public-hero,
  .advertising-public-split{grid-template-columns:1fr;}
  .advertising-public-placement-grid,
  .advertising-public-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
  .advertising-public-hero{padding:20px;}
  .advertising-public-rate-strip,
  .advertising-public-placement-grid,
  .advertising-public-steps{grid-template-columns:1fr;}
  .advertising-public-mini-grid{grid-template-columns:1fr;}
  .advertising-public-board-row,
  .advertising-public-cta{align-items:flex-start;flex-direction:column;}
  .advertising-public-board-rates{justify-content:flex-start;}
  .advertising-public-filter{align-items:stretch;}
  .advertising-public-filter label,
  .advertising-public-filter select,
  .advertising-public-filter .button{width:100%;}
}

/* Advertising control latest UI */
.advertising-control-page{display:grid;gap:clamp(16px,2vw,22px)}
.advertising-control-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(16px,2vw,24px);margin-bottom:0}
.advertising-control-hero__copy{display:grid;gap:10px;max-width:820px;min-width:0}
.advertising-control-toolbar{align-items:center;justify-content:flex-end}
.advertising-control-pills{display:flex;flex-wrap:wrap;gap:8px}
.advertising-control-pill,.advertising-control-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:999px;background:var(--ff-surface-soft,rgba(248,250,252,.92));color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.84rem);font-weight:var(--fw-ui,500);line-height:1;white-space:nowrap}
.advertising-control-status--good{background:color-mix(in srgb,var(--ff-success,#159947) 12%,var(--ff-surface,#fff));border-color:color-mix(in srgb,var(--ff-success,#159947) 22%,var(--ff-border,rgba(15,23,42,.1)));color:var(--ff-success,#159947)}
.advertising-control-status--warn{background:color-mix(in srgb,var(--ff-warning,#b56a00) 12%,var(--ff-surface,#fff));border-color:color-mix(in srgb,var(--ff-warning,#b56a00) 22%,var(--ff-border,rgba(15,23,42,.1)));color:var(--ff-warning,#b56a00)}
.advertising-control-status--danger{background:color-mix(in srgb,var(--ff-danger,#c2410c) 12%,var(--ff-surface,#fff));border-color:color-mix(in srgb,var(--ff-danger,#c2410c) 22%,var(--ff-border,rgba(15,23,42,.1)));color:var(--ff-danger,#c2410c)}
.advertising-control-status--muted{background:var(--ff-surface-soft,rgba(248,250,252,.92));color:var(--ff-muted,var(--muted-text,#667085))}
.advertising-control-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.5vw,14px)}
.advertising-control-kpi{display:grid;gap:6px;padding:clamp(14px,1.7vw,18px);border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:var(--radius-lg,20px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,rgba(248,250,252,.9)));box-shadow:var(--ff-shadow-sm,0 10px 25px rgba(15,23,42,.045));min-width:0}
.advertising-control-kpi span{color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--admin-label-size,.82rem);font-weight:var(--label-weight,500)}
.advertising-control-kpi strong{color:var(--ff-text,var(--text-main,#172033));font-size:clamp(1.2rem,2vw,1.68rem);line-height:1.08;font-weight:var(--section-title-weight,var(--fw-section-title,500));letter-spacing:var(--section-title-letter-spacing,-.01em);overflow-wrap:anywhere}
.advertising-control-kpi small{color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.82rem);line-height:1.35}
.advertising-control-grid{display:grid;gap:clamp(14px,1.8vw,18px)}
.advertising-control-grid--main{grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);align-items:start}
.advertising-control-grid--support{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.advertising-control-panel{overflow:hidden}
.advertising-control-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:clamp(16px,2vw,20px) clamp(16px,2vw,22px) 0}
.advertising-control-panel__head .section-title{margin:0 0 5px;font-weight:var(--section-title-weight,var(--fw-section-title,500))}
.advertising-control-panel__head .section-meta{margin:0;color:var(--ff-muted,var(--muted-text,#667085));line-height:1.45}
.advertising-control-panel .admin-panel__body{padding:clamp(16px,2vw,22px)}
.advertising-control-side-stack{display:grid;gap:clamp(14px,1.8vw,18px)}
.advertising-control-settings-form{display:grid;gap:16px}
.advertising-control-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.advertising-control-switch{margin:0;padding:12px 14px;border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:var(--radius-md,16px);background:var(--ff-surface-soft,rgba(248,250,252,.78));justify-content:flex-start}
.advertising-control-fieldset{display:grid;gap:12px;padding:14px;border:1px solid var(--ff-border,rgba(15,23,42,.09));border-radius:var(--radius-lg,18px);background:var(--ff-surface,#fff)}
.advertising-control-fieldset__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.advertising-control-fieldset__head strong{font-weight:var(--fw-ui,500);color:var(--ff-text,var(--text-main,#172033))}
.advertising-control-fieldset__head span{color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.86rem);line-height:1.45;text-align:right;max-width:430px}
.advertising-control-fields{gap:12px}
.advertising-control-fields .form-row label,.advertising-control-report-form .form-row label{font-weight:var(--label-weight,var(--fw-ui,500));color:var(--ff-text,var(--text-main,#172033))}
.advertising-control-actions{justify-content:flex-end;margin:0}
.advertising-control-stack{display:grid;gap:10px}
.advertising-control-queue,.advertising-control-action-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:var(--radius-md,16px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,rgba(248,250,252,.9)));text-decoration:none;color:inherit;min-width:0;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.advertising-control-queue:hover,.advertising-control-action-card:hover{border-color:var(--ff-primary,var(--primary,#25316d));transform:translateY(-1px);box-shadow:var(--ff-shadow-sm,0 10px 25px rgba(15,23,42,.055))}
.advertising-control-queue span,.advertising-control-action-card span{display:grid;gap:4px;min-width:0}
.advertising-control-queue strong,.advertising-control-action-card strong{font-weight:var(--fw-ui,500);overflow-wrap:anywhere}
.advertising-control-queue small,.advertising-control-action-card small{color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.84rem);line-height:1.35;overflow-wrap:anywhere}
.advertising-control-queue b,.advertising-control-action-card b{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:var(--ff-primary-soft,rgba(37,49,109,.09));color:var(--ff-primary,var(--primary,#25316d));font-weight:var(--fw-ui,500);flex:0 0 auto}
.advertising-control-health-list{display:grid;gap:0}
.advertising-control-health-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--ff-border,rgba(15,23,42,.08))}
.advertising-control-health-row:first-child{padding-top:0;border-top:0}
.advertising-control-health-row span{color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.9rem)}
.advertising-control-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.advertising-control-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.advertising-control-signal-grid article,.advertising-control-placement-strip article{display:grid;gap:5px;padding:14px;border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:var(--radius-md,16px);background:var(--ff-surface-soft,rgba(248,250,252,.8));min-width:0}
.advertising-control-signal-grid span,.advertising-control-placement-strip span{color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.82rem)}
.advertising-control-signal-grid strong,.advertising-control-placement-strip strong{font-size:clamp(1rem,1.4vw,1.18rem);font-weight:var(--fw-ui,500);color:var(--ff-text,var(--text-main,#172033));overflow-wrap:anywhere}
.advertising-control-signal-grid small,.advertising-control-placement-strip small{color:var(--ff-muted,var(--muted-text,#667085));font-size:var(--meta-font-size,.8rem)}
.advertising-control-report-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;gap:12px;align-items:end;margin-bottom:16px}
.advertising-control-report-form .form-actions{margin:0}
.advertising-control-placement-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.advertising-control-campaign-list{display:grid;gap:12px}
.advertising-control-campaign-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--ff-border,rgba(15,23,42,.1));border-radius:var(--radius-lg,18px);background:var(--ff-surface,#fff);min-width:0}
.advertising-control-campaign-main{display:grid;gap:10px;min-width:0;flex:1 1 auto}
.advertising-control-campaign-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.advertising-control-campaign-title-row>strong{font-size:1rem;font-weight:var(--fw-ui,500);line-height:1.35;color:var(--ff-text,var(--text-main,#172033));overflow-wrap:anywhere}
.advertising-control-campaign-meta{gap:6px}
.advertising-control-campaign-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.advertising-control-campaign-actions form{margin:0}
@media (max-width:1180px){.advertising-control-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.advertising-control-grid--main,.advertising-control-grid--support{grid-template-columns:1fr}.advertising-control-placement-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.advertising-control-hero,.advertising-control-panel__head,.advertising-control-fieldset__head,.advertising-control-campaign-row{flex-direction:column;align-items:flex-start}.advertising-control-toolbar,.advertising-control-actions,.advertising-control-campaign-actions{width:100%;justify-content:flex-start}.advertising-control-kpis,.advertising-control-toggle-grid,.advertising-control-action-grid,.advertising-control-signal-grid,.advertising-control-placement-strip{grid-template-columns:1fr}.advertising-control-report-form{grid-template-columns:1fr}.advertising-control-report-form .button,.advertising-control-actions .button{width:100%;justify-content:center}.advertising-control-fieldset__head span{text-align:left}.advertising-control-campaign-actions .button{min-height:38px}}

/* Promo Ads latest UI */
.promo-ads-page{display:grid;gap:clamp(16px,2vw,22px)}
.promo-ads-hero{margin-bottom:0}
.promo-ads-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,16px)}
.promo-ads-summary-card{padding:clamp(16px,2vw,20px);border:1px solid var(--ff-border);border-radius:var(--radius-lg,20px);background:var(--ff-surface);box-shadow:var(--ff-shadow-sm,0 10px 25px rgba(15,23,42,.05));display:grid;gap:6px;min-width:0}
.promo-ads-summary-card__label{font-size:var(--admin-label-size,.82rem);font-weight:var(--label-weight,500);color:var(--ff-text-muted,var(--ff-muted));letter-spacing:.01em}
.promo-ads-summary-card__value{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.05;font-weight:var(--section-title-weight,600);color:var(--ff-text)}
.promo-ads-summary-card__meta{font-size:var(--small-text-size,.86rem);color:var(--ff-text-muted,var(--ff-muted))}
.promo-ads-form{display:grid;gap:clamp(16px,2vw,22px)}
.promo-ads-inventory-panel{padding:clamp(18px,2vw,24px)}
.promo-ads-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:clamp(16px,2vw,22px)}
.promo-ads-panel-head .section-title{margin:0;font-weight:var(--section-title-weight,var(--fw-section-title,500))}
.promo-ads-panel-copy{margin:6px 0 0;max-width:680px;color:var(--ff-text-muted,var(--ff-muted));font-size:var(--body-size,.95rem);line-height:1.55;font-weight:var(--body-weight,400)}
.promo-ads-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.promo-ads-card-stack{display:grid;gap:clamp(14px,1.8vw,18px)}
.promo-ads-card{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid var(--ff-border);border-radius:var(--radius-lg,20px);background:var(--ff-surface);box-shadow:0 10px 28px rgba(15,23,42,.045)}
.promo-ads-card__preview{min-height:100%;background:var(--ff-soft-surface,var(--ff-surface-soft));border-right:1px solid var(--ff-border);display:flex;align-items:center;justify-content:center;overflow:hidden}
.promo-ads-card__preview img{width:100%;height:100%;min-height:210px;object-fit:cover;display:block}
.promo-ads-card__preview--empty span{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:999px;border:1px solid var(--ff-border);background:var(--ff-surface);color:var(--ff-text-muted,var(--ff-muted));font-size:var(--small-text-size,.86rem);font-weight:var(--fw-ui,500)}
.promo-ads-card__main{min-width:0;padding:clamp(16px,2vw,20px)}
.promo-ads-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.promo-ads-title-wrap{min-width:0}
.promo-ads-card__title{margin:8px 0 0;color:var(--ff-text);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.25;font-weight:var(--card-title-weight,var(--fw-card-title,400));letter-spacing:var(--card-title-letter-spacing,-.01em)}
.promo-ads-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--ff-text-muted,var(--ff-muted));font-size:var(--small-text-size,.86rem);line-height:1.35}
.promo-ads-card__meta span{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--ff-border);border-radius:999px;background:var(--ff-soft-surface,var(--ff-surface-soft))}
.promo-ads-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--ff-border);background:var(--ff-soft-surface,var(--ff-surface-soft));color:var(--ff-text-muted,var(--ff-muted));font-size:var(--small-text-size,.8rem);font-weight:var(--fw-ui,500)}
.promo-ads-status-chip.is-live{background:color-mix(in srgb,var(--primary,var(--ff-primary,#25316d)) 10%,var(--ff-surface));border-color:color-mix(in srgb,var(--primary,var(--ff-primary,#25316d)) 22%,var(--ff-border));color:var(--primary,var(--ff-primary,#25316d))}
.promo-ads-switch{flex:0 0 auto;margin-top:2px}
.promo-ads-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.promo-ads-metrics div{padding:12px;border:1px solid var(--ff-border);border-radius:var(--radius-md,16px);background:var(--ff-soft-surface,var(--ff-surface-soft))}
.promo-ads-metrics span{display:block;margin-bottom:5px;color:var(--ff-text-muted,var(--ff-muted));font-size:var(--small-text-size,.82rem);font-weight:var(--body-weight,400)}
.promo-ads-metrics strong{display:block;color:var(--ff-text);font-size:1rem;line-height:1.1;font-weight:var(--fw-ui,500)}
.promo-ads-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.promo-ads-fields .form-row{min-width:0}
.promo-ads-fields input,.promo-ads-fields select{width:100%;min-height:42px;border-radius:var(--radius-md,14px)}
.promo-ads-fields label{font-weight:var(--label-weight,var(--fw-ui,500));color:var(--ff-text)}
.promo-ads-field-wide{grid-column:1 / -1}
.promo-ads-save-bar{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:flex-end;margin-top:0;padding:12px;border:1px solid var(--ff-border);background:color-mix(in srgb,var(--ff-surface,#fff) 88%,transparent);backdrop-filter:blur(10px);border-radius:var(--radius-lg,18px);box-shadow:0 10px 28px rgba(15,23,42,.08)}
@media (max-width:1040px){.promo-ads-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-ads-card{grid-template-columns:1fr}.promo-ads-card__preview{border-right:0;border-bottom:1px solid var(--ff-border);min-height:180px}.promo-ads-card__preview img{min-height:180px;max-height:260px}.promo-ads-panel-head{align-items:flex-start;flex-direction:column}.promo-ads-panel-actions{justify-content:flex-start}}
@media (max-width:640px){.promo-ads-summary-grid,.promo-ads-metrics,.promo-ads-fields{grid-template-columns:1fr}.promo-ads-inventory-panel,.promo-ads-card__main{padding:16px}.promo-ads-card__head{flex-direction:column}.promo-ads-card__preview img{min-height:160px}.promo-ads-card__meta span{width:100%;justify-content:center}.promo-ads-switch{align-self:flex-start}.promo-ads-save-bar{position:static}.promo-ads-save-bar .button,.promo-ads-panel-actions .button{width:100%;justify-content:center}.promo-ads-panel-actions{width:100%}.promo-ads-panel-actions .admin-chip{width:100%;justify-content:center}}

/* Wallet and billing latest UI */
.wallet-billing-page{display:grid;gap:var(--section-gap,22px);}
.wallet-billing-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.wallet-billing-toolbar{justify-content:flex-end;}
.wallet-billing-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.wallet-billing-pill,.wallet-billing-state-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color,#e4e7ec);background:var(--surface-muted,#f8fafc);color:var(--text-muted,#667085);border-radius:999px;padding:7px 11px;font-size:var(--meta-font-size,12px);font-weight:var(--ui-font-weight,500);line-height:1;}
.wallet-billing-pill--good,.wallet-billing-state-chip--good{background:color-mix(in srgb,var(--success-color,#12b76a) 10%,var(--card-bg,#fff));border-color:color-mix(in srgb,var(--success-color,#12b76a) 24%,var(--border-color,#e4e7ec));color:color-mix(in srgb,var(--success-color,#12b76a) 70%,#111827);}
.wallet-billing-pill--muted{background:var(--card-bg,#fff);}
.wallet-billing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap,14px);}
.wallet-billing-kpi{border:1px solid var(--border-color,#e4e7ec);background:var(--card-bg,#fff);border-radius:var(--card-radius,18px);padding:18px;box-shadow:var(--card-shadow,0 8px 26px rgba(15,23,42,.04));display:grid;gap:6px;}
.wallet-billing-kpi span{font-size:var(--meta-font-size,12px);color:var(--text-muted,#667085);font-weight:var(--ui-font-weight,500);}
.wallet-billing-kpi strong{font-size:clamp(20px,2.4vw,28px);line-height:1.1;font-weight:var(--heading-font-weight,600);color:var(--text-main,#172033);}
.wallet-billing-kpi small{font-size:var(--meta-font-size,12px);color:var(--text-muted,#667085);line-height:1.45;}
.wallet-billing-form{display:grid;gap:var(--section-gap,22px);}
.wallet-billing-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:var(--card-gap,16px);align-items:start;}
.wallet-billing-panel__head{align-items:flex-start;gap:12px;}
.wallet-billing-panel .admin-panel__body{display:grid;gap:18px;}
.wallet-billing-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.wallet-billing-switch-grid--providers{grid-template-columns:repeat(3,minmax(0,1fr));}
.wallet-billing-switch{border:1px solid var(--border-color,#e4e7ec);background:var(--surface-muted,#f8fafc);border-radius:var(--card-radius,16px);padding:14px;display:flex;align-items:center;gap:12px;min-height:74px;}
.wallet-billing-switch .ui-switch__track{flex:0 0 auto;}
.wallet-billing-switch .ui-switch__copy{display:grid;gap:4px;min-width:0;}
.wallet-billing-switch .ui-switch__label{font-size:var(--body-font-size,14px);font-weight:var(--ui-font-weight,500);color:var(--text-main,#172033);}
.wallet-billing-switch small{font-size:var(--meta-font-size,12px);font-weight:var(--body-font-weight,400);color:var(--text-muted,#667085);line-height:1.4;}
.wallet-billing-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);gap:14px;align-items:end;}
.wallet-billing-preview-card{border:1px dashed var(--border-color,#e4e7ec);border-radius:var(--card-radius,16px);padding:14px;background:var(--surface-muted,#f8fafc);display:grid;gap:5px;}
.wallet-billing-preview-card span,.wallet-billing-summary-list span{font-size:var(--meta-font-size,12px);color:var(--text-muted,#667085);}
.wallet-billing-preview-card strong,.wallet-billing-summary-list strong{font-size:18px;color:var(--text-main,#172033);font-weight:var(--heading-font-weight,600);}
.wallet-billing-preview-card small{font-size:var(--meta-font-size,12px);color:var(--text-muted,#667085);}
.wallet-billing-summary-list{display:grid;gap:10px;}
.wallet-billing-summary-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border-color,#e4e7ec);border-radius:var(--radius-md,14px);padding:12px;background:var(--surface-muted,#f8fafc);}
.wallet-billing-wide-link{justify-content:center;width:100%;}
.wallet-billing-actions{justify-content:flex-end;margin-top:4px;}
.wallet-billing-provider-layout{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);gap:16px;align-items:stretch;}
.wallet-billing-default-provider{align-self:stretch;border:1px solid var(--border-color,#e4e7ec);background:var(--surface-muted,#f8fafc);border-radius:var(--card-radius,16px);padding:14px;justify-content:center;}
.wallet-billing-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap,16px);align-items:start;}
.wallet-billing-provider-card .wallet-billing-panel__head{border-bottom:1px solid var(--border-color,#e4e7ec);padding-bottom:14px;}
.wallet-billing-credential-grid{display:grid;gap:13px;}
.wallet-billing-readonly-field input[readonly]{background:var(--surface-muted,#f8fafc);color:var(--text-muted,#667085);font-size:var(--meta-font-size,12px);}
.wallet-billing-save-panel{position:sticky;bottom:12px;z-index:3;box-shadow:var(--floating-shadow,0 18px 45px rgba(15,23,42,.10));}
.wallet-billing-save-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;}
@media (max-width:1100px){.wallet-billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}.wallet-billing-layout,.wallet-billing-provider-layout{grid-template-columns:1fr;}.wallet-billing-provider-grid{grid-template-columns:1fr;}.wallet-billing-switch-grid--providers{grid-template-columns:1fr;}}
@media (max-width:760px){.wallet-billing-hero{display:grid;}.wallet-billing-toolbar{justify-content:flex-start;}.wallet-billing-kpis,.wallet-billing-switch-grid,.wallet-billing-field-grid{grid-template-columns:1fr;}.wallet-billing-save-row{display:grid!important;}.wallet-billing-save-row .button{width:100%;}.wallet-billing-panel__head{display:grid;}.wallet-billing-state-chip{width:max-content;}}

/* Wallet requests latest UI */
.wallet-admin-page{display:grid;gap:var(--section-gap,22px)}
.wallet-admin-hero{align-items:flex-start}
.wallet-admin-chip--good,.wallet-billing-pill.wallet-admin-chip--good,.wallet-billing-state-chip.wallet-admin-chip--good{background:color-mix(in srgb,var(--success-color,#12b76a) 10%,var(--card-bg,#fff));border-color:color-mix(in srgb,var(--success-color,#12b76a) 24%,var(--border-color,#e4e7ec));color:color-mix(in srgb,var(--success-color,#12b76a) 70%,var(--text-main,#172033))}
.wallet-admin-chip--warning,.wallet-billing-pill.wallet-admin-chip--warning,.wallet-billing-state-chip.wallet-admin-chip--warning{background:color-mix(in srgb,var(--primary-color,#2563eb) 10%,var(--card-bg,#fff));border-color:color-mix(in srgb,var(--primary-color,#2563eb) 24%,var(--border-color,#e4e7ec));color:color-mix(in srgb,var(--primary-color,#2563eb) 70%,var(--text-main,#172033))}
.wallet-admin-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:var(--card-gap,16px);align-items:start}
.wallet-admin-panel-head{border-bottom:1px solid var(--border-color,#e4e7ec);padding-bottom:14px}
.wallet-admin-queue-body{padding-top:2px}
.wallet-admin-request-list{display:grid;gap:12px}
.wallet-admin-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:stretch;border:1px solid var(--border-color,#e4e7ec);background:var(--card-bg,#fff);border-radius:var(--card-radius,18px);padding:16px;box-shadow:var(--card-shadow,0 8px 26px rgba(15,23,42,.04))}
.wallet-admin-request-main{display:grid;gap:14px;min-width:0}
.wallet-admin-request-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}
.wallet-admin-request-title{margin:0;color:var(--text-main,#172033);font-size:var(--card-title-size,18px);font-weight:var(--card-title-weight,var(--heading-font-weight,600));line-height:var(--card-title-line-height,1.25);letter-spacing:var(--card-title-letter-spacing,-.01em)}
.wallet-admin-request-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:7px;color:var(--text-muted,#667085);font-size:var(--meta-font-size,12px);font-weight:var(--body-font-weight,400);line-height:1.35}
.wallet-admin-request-meta span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--border-color,#e4e7ec);background:var(--surface-muted,#f8fafc);border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallet-admin-amount-block{display:grid;gap:5px;justify-items:end;flex:0 0 auto;text-align:right;padding:10px 12px;border:1px solid var(--border-color,#e4e7ec);border-radius:var(--radius-md,14px);background:var(--surface-muted,#f8fafc)}
.wallet-admin-amount-block span,.wallet-admin-detail-grid span,.wallet-admin-note span{font-size:var(--meta-font-size,12px);font-weight:var(--ui-font-weight,500);color:var(--text-muted,#667085)}
.wallet-admin-amount-block strong{font-size:20px;line-height:1;font-weight:var(--heading-font-weight,600);color:var(--text-main,#172033)}
.wallet-admin-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wallet-admin-detail-grid div{display:grid;gap:5px;border:1px solid var(--border-color,#e4e7ec);background:var(--surface-muted,#f8fafc);border-radius:var(--radius-md,14px);padding:10px;min-width:0}
.wallet-admin-detail-grid strong{font-size:var(--body-font-size,14px);font-weight:var(--ui-font-weight,500);color:var(--text-main,#172033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallet-admin-note{display:grid;gap:6px;border:1px dashed var(--border-color,#e4e7ec);background:var(--surface-muted,#f8fafc);border-radius:var(--radius-md,14px);padding:11px 12px}
.wallet-admin-note p{margin:0;color:var(--text-main,#172033);font-size:var(--body-font-size,14px);font-weight:var(--body-font-weight,400);line-height:1.55}
.wallet-admin-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:center;min-width:118px}
.wallet-admin-actions .button{width:100%;justify-content:center;min-height:38px}
.wallet-admin-empty-state{display:grid;justify-items:center;text-align:center;gap:10px;padding:34px 16px;border:1px dashed var(--border-color,#e4e7ec);border-radius:var(--card-radius,18px);background:var(--surface-muted,#f8fafc)}
.wallet-admin-empty-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--success-color,#12b76a) 26%,var(--border-color,#e4e7ec));background:color-mix(in srgb,var(--success-color,#12b76a) 10%,var(--card-bg,#fff));color:color-mix(in srgb,var(--success-color,#12b76a) 70%,var(--text-main,#172033));font-weight:var(--ui-font-weight,500)}
.wallet-admin-empty-state h3{margin:0;font-size:var(--section-title-size,18px);font-weight:var(--section-title-weight,var(--heading-font-weight,600));color:var(--text-main,#172033)}
.wallet-admin-empty-state p{margin:0;color:var(--text-muted,#667085);font-size:var(--body-font-size,14px);max-width:420px}
.wallet-admin-side-stack{display:grid;gap:var(--card-gap,16px)}
.wallet-admin-check-list{display:grid!important;gap:10px}
.wallet-admin-check-list div{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border-color,#e4e7ec);background:var(--surface-muted,#f8fafc);border-radius:var(--radius-md,14px);padding:12px}
.wallet-admin-check-list span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:999px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e4e7ec);color:var(--text-main,#172033);font-size:var(--meta-font-size,12px);font-weight:var(--ui-font-weight,500)}
.wallet-admin-check-list p{margin:0;color:var(--text-muted,#667085);font-size:var(--body-font-size,14px);line-height:1.45;font-weight:var(--body-font-weight,400)}
@media (max-width:1100px){.wallet-admin-layout{grid-template-columns:1fr}.wallet-admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-admin-request-card{grid-template-columns:1fr}.wallet-admin-actions{flex-direction:row;justify-content:flex-end}.wallet-admin-actions .button{width:auto}}
@media (max-width:720px){.wallet-admin-request-topline{display:grid}.wallet-admin-amount-block{justify-items:start;text-align:left}.wallet-admin-detail-grid{grid-template-columns:1fr}.wallet-admin-request-meta span{width:100%;justify-content:flex-start}.wallet-admin-actions{display:grid;grid-template-columns:1fr}.wallet-admin-actions .button{width:100%}.wallet-admin-kpis{grid-template-columns:1fr}.wallet-admin-hero .admin-toolbar{width:100%}.wallet-admin-hero .admin-chip{width:100%;justify-content:center}}

/* Billing provider routing responsive polish */
.payment-settings-page .wallet-billing-panel--provider-controls{
  overflow:hidden;
}
.payment-settings-page .wallet-billing-panel--provider-controls .admin-panel__body{
  padding-top:2px;
}
.payment-settings-page .wallet-billing-provider-layout{
  display:grid;
  grid-template-columns:minmax(240px,.72fr) minmax(0,1.9fr);
  gap:var(--card-gap,16px);
  align-items:stretch;
}
.payment-settings-page .wallet-billing-default-provider,
.payment-settings-page .wallet-billing-switch{
  min-width:0;
  border:1px solid var(--border-color,#e4e7ec);
  background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg,#fff) 96%,var(--surface-muted,#f8fafc)),var(--surface-muted,#f8fafc));
  border-radius:var(--card-radius,18px);
  box-shadow:var(--card-shadow,0 8px 26px rgba(15,23,42,.04));
}
.payment-settings-page .wallet-billing-default-provider{
  display:grid;
  align-content:center;
  gap:10px;
  padding:16px;
}
.payment-settings-page .wallet-billing-default-provider label{
  margin:0;
  color:var(--text-main,#172033);
  font-size:var(--body-font-size,14px);
  font-weight:var(--ui-font-weight,500);
  line-height:1.25;
}
.payment-settings-page .wallet-billing-default-provider select{
  width:100%;
  min-height:48px;
}
.payment-settings-page .wallet-billing-switch-grid--providers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--card-gap,16px);
}
.payment-settings-page .wallet-billing-switch{
  width:100%;
  margin:0;
  min-height:104px;
  padding:16px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  white-space:normal;
}
.payment-settings-page .wallet-billing-switch .ui-switch__track{
  width:44px;
  height:26px;
}
.payment-settings-page .wallet-billing-switch .ui-switch__thumb{
  width:20px;
  height:20px;
}
.payment-settings-page .wallet-billing-switch input:checked + .ui-switch__track .ui-switch__thumb{
  transform:translateX(18px);
}
.payment-settings-page .wallet-billing-switch .ui-switch__copy{
  gap:5px;
  min-width:0;
}
.payment-settings-page .wallet-billing-switch .ui-switch__label{
  font-size:var(--section-title-size,16px);
  font-weight:var(--section-title-weight,var(--ui-font-weight,500));
  line-height:1.2;
}
.payment-settings-page .wallet-billing-switch small{
  max-width:30ch;
  color:var(--text-muted,#667085);
  font-size:var(--meta-font-size,12px);
  line-height:1.45;
}
.payment-settings-page .wallet-billing-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.payment-settings-page .wallet-billing-state-chip{
  flex:0 0 auto;
}
@media (max-width:1280px){
  .payment-settings-page .wallet-billing-provider-layout{grid-template-columns:1fr;}
  .payment-settings-page .wallet-billing-switch-grid--providers{grid-template-columns:repeat(3,minmax(190px,1fr));}
}
@media (max-width:900px){
  .payment-settings-page .wallet-billing-switch-grid--providers{grid-template-columns:1fr;}
  .payment-settings-page .wallet-billing-switch{min-height:84px;}
}
@media (max-width:640px){
  .payment-settings-page .wallet-billing-panel__head{display:grid;}
  .payment-settings-page .wallet-billing-state-chip{width:max-content;}
  .payment-settings-page .wallet-billing-default-provider,
  .payment-settings-page .wallet-billing-switch{border-radius:var(--radius-md,14px);padding:14px;}
  .payment-settings-page .wallet-billing-default-provider select{min-height:44px;}
}

/* Admin next-batch latest UI alignment: white-label toolkit, code manager, homepage/site/design settings */
.admin-page-stack,
.admin-page-shell,
.white-label-toolkit-page,
.design-settings-page,
.homepage-settings-page,
.site-settings-page,
.code-manager-page,
.ad-codes-page{
  width:min(var(--ff-content-width,1180px),calc(100% - 28px));
  margin:0 auto 36px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.admin-page-stack .page-card,
.admin-page-shell .page-card,
.admin-page-stack .admin-panel,
.admin-page-shell .admin-panel,
.design-settings-card,
.settings-card,
.homepage-card,
.code-manager-card{
  background:var(--ff-surface,#fff);
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-xl,24px);
  box-shadow:var(--ff-shadow,0 10px 30px rgba(20,29,67,.06));
  overflow:hidden;
}
.admin-page-stack .hero-card,
.admin-page-shell .page-header,
.design-settings-hero,
.settings-hero,
.homepage-settings-hero,
.code-manager-hero{
  padding:24px;
  background:linear-gradient(135deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f7f9fc));
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-xl,24px);
  box-shadow:var(--ff-shadow,0 10px 30px rgba(20,29,67,.06));
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.admin-page-stack .eyebrow,
.admin-page-shell .page-section-label,
.design-settings-eyebrow,
.settings-eyebrow,
.homepage-settings-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:var(--ff-primary-soft,#eef2ff);
  color:var(--ff-primary,#24356d);
  border:1px solid color-mix(in srgb,var(--ff-primary,#24356d) 12%, transparent);
  font-size:.72rem;
  font-weight:var(--ff-label-weight,600);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.admin-page-stack .page-title,
.admin-page-shell .page-title,
.design-settings-title,
.settings-title,
.homepage-settings-title{
  margin:10px 0 6px;
  color:var(--ff-text,#1c2541);
  font-size:clamp(1.55rem,2.8vw,2.15rem);
  line-height:1.12;
  font-weight:var(--ff-section-title-weight,500);
  letter-spacing:-.02em;
}
.admin-page-stack .page-lead,
.admin-page-shell .page-subtitle,
.design-settings-lead,
.settings-lead,
.homepage-settings-lead{
  margin:0;
  color:var(--ff-muted,#667085);
  max-width:760px;
  font-weight:var(--ff-body-weight,400);
  line-height:1.55;
}
.admin-panel__head,
.design-settings-section__head,
.settings-section__head,
.homepage-section__head{
  padding:18px 20px;
  border-bottom:1px solid var(--ff-border,#e3e8f0);
  background:var(--ff-surface-soft,#f7f9fc);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.admin-panel__head .section-title,
.design-settings-section__head .section-title,
.settings-section__head .section-title,
.homepage-section__head .section-title,
.admin-page-stack h2.section-title,
.admin-page-shell h2.section-title,
.admin-page-stack h3.section-title,
.admin-page-shell h3.section-title{
  margin:0;
  color:var(--ff-primary,#24356d);
  font-size:var(--ff-section-title-size,18px);
  font-weight:var(--ff-section-title-weight,500);
  line-height:1.25;
  letter-spacing:-.01em;
}
.admin-panel__body,
.design-settings-section,
.settings-section,
.homepage-section{
  padding:20px;
}
.control-center-cards,
.control-center-cards--two,
.form-grid-3,
.admin-form-grid,
.settings-grid,
.homepage-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.form-field--full,
.admin-form-grid .form-field--full{grid-column:1/-1;}
.form-row,
.form-field,
.design-setting-field,
.settings-field,
.homepage-field{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.form-row label,
.form-field label,
.form-label,
.design-setting-field label,
.settings-field label,
.homepage-field label{
  color:var(--ff-text,#1c2541);
  font-size:.86rem;
  font-weight:var(--ff-label-weight,500);
}
.form-row input,
.form-row select,
.form-row textarea,
.form-field input,
.form-field select,
.form-field textarea,
.design-setting-field input,
.design-setting-field select,
.design-setting-field textarea,
.settings-field input,
.settings-field select,
.settings-field textarea,
.homepage-field input,
.homepage-field select,
.homepage-field textarea,
.form-input,
.form-select,
.form-textarea{
  width:100%;
  min-height:44px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-input-radius,14px);
  background:#fff;
  color:var(--ff-text,#1c2541);
  padding:10px 13px;
  font:inherit;
  font-weight:var(--ff-body-weight,400);
  box-shadow:0 1px 0 rgba(15,23,42,.02);
}
.form-row textarea,
.form-field textarea,
.design-setting-field textarea,
.settings-field textarea,
.homepage-field textarea,
.form-textarea{min-height:120px;resize:vertical;}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus,
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus,
.design-setting-field input:focus,
.design-setting-field select:focus,
.design-setting-field textarea:focus,
.settings-field input:focus,
.settings-field select:focus,
.settings-field textarea:focus,
.homepage-field input:focus,
.homepage-field select:focus,
.homepage-field textarea:focus{
  outline:none;
  border-color:color-mix(in srgb,var(--ff-primary,#24356d) 45%,var(--ff-border,#e3e8f0));
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ff-primary,#24356d) 10%,transparent);
}
.btn,
.button,
button.btn,
.form-actions button,
.page-header__actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--ff-border,#e3e8f0);
  background:#fff;
  color:var(--ff-primary,#24356d);
  font:inherit;
  font-size:.9rem;
  font-weight:var(--ff-button-weight,500);
  text-decoration:none;
  cursor:pointer;
}
.btn-primary,
.button-primary,
.form-actions .btn-primary,
.form-actions button[type="submit"]{
  background:var(--ff-primary,#24356d);
  border-color:var(--ff-primary,#24356d);
  color:#fff;
}
.button-secondary,.btn-secondary{background:var(--ff-surface,#fff);}
.form-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:10px;grid-column:1/-1;}
.toolkit-section-grid,
.toolkit-radio-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.toolkit-section-option,
.toolkit-radio{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-md,16px);
  background:linear-gradient(180deg,#fff,var(--ff-surface-soft,#f7f9fc));
}
.toolkit-section-option span,
.toolkit-radio span{display:flex;flex-direction:column;gap:3px;min-width:0;}
.toolkit-section-option strong{font-weight:var(--ff-card-link-weight,400);color:var(--ff-text,#1c2541);}
.toolkit-section-option small{color:var(--ff-muted,#667085);font-size:.8rem;}
.toolkit-section-option input[type="checkbox"],
.toolkit-radio input[type="radio"]{
  appearance:none;
  width:38px;
  height:22px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:999px;
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.06);
  position:relative;
  flex:0 0 auto;
}
.toolkit-section-option input[type="checkbox"]::after,
.toolkit-radio input[type="radio"]::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#cbd5e1;
  transition:.18s ease;
}
.toolkit-section-option input[type="checkbox"]:checked,
.toolkit-radio input[type="radio"]:checked{
  border-color:var(--ff-primary,#24356d);
  background:var(--ff-primary-soft,#eef2ff);
}
.toolkit-section-option input[type="checkbox"]:checked::after,
.toolkit-radio input[type="radio"]:checked::after{
  left:19px;
  background:var(--ff-primary,#24356d);
}
.hero-stats,
.ad-codes-summary-grid,
.design-settings-summary,
.settings-summary,
.homepage-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(120px,1fr));
  gap:10px;
}
.hero-stat,
.ad-codes-summary-card,
.design-summary-card,
.settings-summary-card,
.homepage-summary-card{
  padding:14px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-md,16px);
  background:#fff;
}
.hero-stat__label,
.ad-codes-summary-card__label,
.metric-list__label,
.section-meta,
.admin-section-note,
.design-setting-meta{
  color:var(--ff-muted,#667085);
  font-size:var(--ff-meta-size,.86rem);
  font-weight:var(--ff-body-weight,400);
}
.hero-stat strong,
.ad-codes-summary-card strong,
.metric-list__value{
  display:block;
  margin-top:4px;
  color:var(--ff-text,#1c2541);
  font-size:1.25rem;
  font-weight:var(--ff-label-weight,600);
}
.metric-list{display:flex;flex-direction:column;gap:8px;}
.metric-list__row,
.topic-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-md,16px);
  background:var(--ff-surface-soft,#f7f9fc);
}
.compact-list{display:flex;flex-direction:column;gap:10px;}
.admin-empty{margin:0;color:var(--ff-muted,#667085);}
.design-setting-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;}
.design-reset-link{
  border:0;
  background:transparent;
  color:var(--ff-primary,#24356d);
  padding:0;
  min-height:auto;
  font-size:.82rem;
}
@media (max-width: 900px){
  .admin-page-stack .hero-card,
  .admin-page-shell .page-header,
  .design-settings-hero,
  .settings-hero,
  .homepage-settings-hero{flex-direction:column;align-items:stretch;padding:18px;}
  .control-center-cards,.control-center-cards--two,.form-grid-3,.admin-form-grid,.settings-grid,.homepage-grid,.toolkit-section-grid,.toolkit-radio-row{grid-template-columns:1fr;}
  .hero-stats,.ad-codes-summary-grid,.design-settings-summary,.settings-summary,.homepage-summary{grid-template-columns:1fr 1fr;}
  .page-header__actions{display:flex;flex-wrap:wrap;gap:8px;}
}
@media (max-width: 560px){
  .admin-page-stack,.admin-page-shell,.white-label-toolkit-page,.design-settings-page,.homepage-settings-page,.site-settings-page,.code-manager-page,.ad-codes-page{width:min(100% - 18px,var(--ff-content-width,1180px));}
  .admin-panel__head,.design-settings-section__head,.settings-section__head,.homepage-section__head{flex-direction:column;align-items:flex-start;padding:16px;}
  .admin-panel__body,.design-settings-section,.settings-section,.homepage-section{padding:16px;}
  .hero-stats,.ad-codes-summary-grid,.design-settings-summary,.settings-summary,.homepage-summary{grid-template-columns:1fr;}
  .form-actions{justify-content:stretch;flex-direction:column;align-items:stretch;}
  .form-actions .btn,.form-actions button{width:100%;}
}

/* Final admin production UI pass: shared admin operations, finance, moderation, analytics and publishing surfaces. */
.admin-page-shell{max-width:var(--ff-content-width,1180px);padding-inline:0;}
.admin-page-shell .page-header{position:relative;isolation:isolate;}
.admin-page-shell .page-header::after{content:"";position:absolute;inset:auto 18px 0;height:1px;background:linear-gradient(90deg,transparent,var(--ff-border,#e3e8f0),transparent);opacity:.8;}
.admin-toolbar,.admin-filter-chips,.page-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.admin-chip,.status-chip,.wallet-billing-pill,.wallet-billing-state-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:7px 11px;border-radius:999px;border:1px solid var(--ff-border,#e3e8f0);background:var(--ff-surface,#fff);color:var(--ff-primary,#24356d);text-decoration:none;font-size:var(--ff-meta-size,.84rem);font-weight:var(--ff-button-weight,500);line-height:1.1;white-space:nowrap;}
.admin-chip--active,.status-chip--active{color:#fff;background:var(--ff-primary,#24356d);border-color:var(--ff-primary,#24356d);}
.admin-chip--soft,.status-chip--soft{background:var(--ff-primary-soft,#eef2ff);border-color:color-mix(in srgb,var(--ff-primary,#24356d) 12%,var(--ff-border,#e3e8f0));}
.admin-chip:hover,.status-chip:hover{text-decoration:none;filter:brightness(.985);}
.dashboard-kpi-grid,.wallet-billing-kpis,.admin-stats-grid,.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.dashboard-kpi-card,.wallet-billing-kpi,.admin-stat-card,.kpi-card{min-width:0;padding:16px;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-lg,20px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f7f9fc));box-shadow:0 8px 22px rgba(20,29,67,.045);}
.dashboard-kpi-label,.wallet-billing-kpi span,.admin-stat-card span,.kpi-label{display:block;color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.84rem);font-weight:var(--ff-meta-weight,400);margin:0 0 6px;}
.dashboard-kpi-value,.wallet-billing-kpi strong,.admin-stat-card strong,.kpi-value{display:block;color:var(--ff-text,#1c2541);font-size:clamp(1.22rem,2vw,1.55rem);font-weight:var(--ff-section-title-weight,500);letter-spacing:-.02em;line-height:1.12;}
.dashboard-kpi-meta,.wallet-billing-kpi small,.admin-stat-card small,.kpi-meta{display:block;margin-top:5px;color:var(--ff-muted,#667085);font-size:.82rem;line-height:1.35;}
.admin-two-column-grid,.admin-split-grid,.finance-report-grid,.publisher-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:18px;align-items:start;}
.admin-three-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.profile-content-list,.admin-list,.finance-list,.moderation-list,.payout-request-grid{display:grid;gap:12px;margin:0;padding:0;}
.profile-content-item,.admin-list-item,.finance-list-item,.moderation-item,.payout-request-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;padding:14px;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-lg,20px);background:var(--ff-surface,#fff);box-shadow:0 6px 18px rgba(20,29,67,.035);}
.profile-content-main,.admin-list-main,.finance-list-main,.moderation-main,.payout-request-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px;}
.profile-content-side,.admin-list-side,.finance-list-side,.moderation-side{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.profile-topic-title,.admin-list-title,.finance-list-title,.moderation-title,.profile-content-title{color:var(--ff-text,#1c2541);font-size:var(--ff-card-title-size,16px);font-weight:var(--ff-card-title-weight,400);line-height:var(--ff-card-title-line-height,1.35);letter-spacing:-.01em;}
.profile-content-meta,.payout-request-timeline,.admin-list-meta,.finance-list-meta,.moderation-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.84rem);font-weight:var(--ff-meta-weight,400);}
.admin-excerpt,.admin-excerpt--spaced,.inline-note,.empty-text{margin:0;color:var(--ff-muted,#667085);font-size:.92rem;line-height:1.55;}
.admin-excerpt--spaced{margin-top:.65rem;}.empty-text{padding:16px;border:1px dashed var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-lg,20px);background:var(--ff-surface-soft,#f7f9fc);}
.admin-table-wrap,.admin-responsive-table,.table-responsive{width:100%;overflow:auto;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-lg,20px);background:var(--ff-surface,#fff);}
.admin-page-shell table,.admin-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;}
.admin-page-shell th,.admin-table th{position:sticky;top:0;z-index:1;background:var(--ff-surface-soft,#f7f9fc);color:var(--ff-muted,#667085);font-size:.78rem;font-weight:var(--ff-label-weight,500);text-align:left;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--ff-border,#e3e8f0);padding:12px 14px;}
.admin-page-shell td,.admin-table td{padding:12px 14px;border-bottom:1px solid var(--ff-border,#e3e8f0);color:var(--ff-text,#1c2541);vertical-align:middle;}.admin-page-shell tr:last-child td,.admin-table tr:last-child td{border-bottom:0;}.admin-page-shell tbody tr:hover td{background:color-mix(in srgb,var(--ff-primary-soft,#eef2ff) 42%,transparent);}
.inline-form-actions,.admin-inline-actions,.payout-action-form{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;}.form-actions--panel-top{margin:0 0 16px;justify-content:flex-start;}.form-row--spaced,.form-actions--spaced{margin-top:16px;}
.admin-page-shell .button-danger,.admin-page-shell .btn-danger{color:#b42318;border-color:#fecdca;background:#fff5f5;}.admin-page-shell .button-warning,.admin-page-shell .btn-warning{color:#92400e;border-color:#fed7aa;background:#fff7ed;}
.ui-switch,.admin-toggle{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-lg,20px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f7f9fc));}
.ui-switch input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none;}.ui-switch__track{position:relative;flex:0 0 auto;width:44px;height:26px;border:1px solid var(--ff-border,#e3e8f0);border-radius:999px;background:#fff;box-shadow:inset 0 1px 2px rgba(15,23,42,.08);transition:.18s ease;}.ui-switch__thumb{position:absolute;width:20px;height:20px;top:2px;left:2px;border-radius:50%;background:#cbd5e1;box-shadow:0 2px 6px rgba(15,23,42,.15);transition:.18s ease;}.ui-switch input[type="checkbox"]:checked + .ui-switch__track{border-color:color-mix(in srgb,var(--ff-primary,#24356d) 40%,var(--ff-border,#e3e8f0));background:var(--ff-primary-soft,#eef2ff);}.ui-switch input[type="checkbox"]:checked + .ui-switch__track .ui-switch__thumb{left:20px;background:var(--ff-primary,#24356d);}.ui-switch__copy{display:flex;flex-direction:column;gap:3px;min-width:0;}.ui-switch__label{font-weight:var(--ff-label-weight,500);color:var(--ff-text,#1c2541);}.ui-switch__copy small{color:var(--ff-muted,#667085);line-height:1.35;}
.admin-page-shell input[type="checkbox"]:not(.native-checkbox):not(.ad-rates-toggle-input):not(.visually-hidden),.admin-page-shell input[type="radio"]:not(.native-radio):not(.visually-hidden){accent-color:var(--ff-primary,#24356d);width:18px;height:18px;}
.compact-form-grid,.form-grid-2,.form-grid-3,.admin-form-grid{align-items:start;}.payout-action-form{width:100%;margin-top:10px;padding-top:10px;border-top:1px solid var(--ff-border,#e3e8f0);}.payout-action-form .compact-form-grid{width:100%;}
.wallet-billing-provider-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:16px;align-items:stretch;}.wallet-billing-switch-grid,.wallet-billing-switch-grid--providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.wallet-billing-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.wallet-billing-preview-card{padding:14px;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-lg,20px);background:var(--ff-surface-soft,#f7f9fc);}.wallet-billing-preview-card span,.wallet-billing-preview-card small{display:block;color:var(--ff-muted,#667085);font-size:.84rem;}.wallet-billing-preview-card strong{display:block;margin:4px 0;color:var(--ff-text,#1c2541);font-weight:var(--ff-section-title-weight,500);font-size:1.2rem;}
@media (max-width:1080px){.dashboard-kpi-grid,.wallet-billing-kpis,.admin-stats-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.admin-two-column-grid,.admin-split-grid,.finance-report-grid,.publisher-settings-grid{grid-template-columns:1fr;}.wallet-billing-provider-layout{grid-template-columns:1fr;}}
@media (max-width:760px){.profile-content-item,.admin-list-item,.finance-list-item,.moderation-item,.payout-request-card{flex-direction:column;align-items:stretch;}.profile-content-side,.admin-list-side,.finance-list-side,.moderation-side,.inline-form-actions,.admin-inline-actions{justify-content:flex-start;}.wallet-billing-switch-grid,.wallet-billing-switch-grid--providers,.wallet-billing-field-grid,.admin-three-column-grid{grid-template-columns:1fr;}.admin-toolbar,.admin-filter-chips,.page-header__actions{justify-content:flex-start;}}
@media (max-width:560px){.dashboard-kpi-grid,.wallet-billing-kpis,.admin-stats-grid,.kpi-grid{grid-template-columns:1fr;}.admin-chip,.status-chip{width:auto;max-width:100%;}.admin-page-shell table,.admin-table{min-width:680px;}}

.high-priority-admin-page,
.site-settings-page,
.design-settings-page,
.white-label-toolkit-page,
.wallet-audit-page,
.finance-report-page{
  --admin-page-gap: clamp(16px, 2vw, 24px);
  --admin-panel-pad: clamp(16px, 2vw, 22px);
  --admin-field-height: 44px;
}
.high-priority-admin-page{display:grid;gap:var(--admin-page-gap);}
.high-priority-admin-page .page-header,
.high-priority-admin-page .hero-card{
  border:1px solid var(--ff-border,var(--border-color,#e4e7ec));
  border-radius:var(--ff-radius-xl,var(--card-radius,24px));
  background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));
  box-shadow:var(--ff-card-shadow,var(--card-shadow,0 12px 34px rgba(15,23,42,.06)));
  padding:clamp(18px,2.4vw,28px);
}
.high-priority-admin-page .page-title{font-size:var(--admin-page-title-size,clamp(1.45rem,2.4vw,2rem));font-weight:var(--admin-title-weight,500);letter-spacing:var(--heading-letter-spacing,-.02em);line-height:1.15;margin:0;color:var(--ff-text,var(--text-main,#172033));}
.high-priority-admin-page .page-subtitle,
.high-priority-admin-page .page-lead{max-width:780px;color:var(--ff-text-muted,var(--text-muted,#667085));font-size:var(--body-size,.95rem);line-height:1.55;font-weight:var(--body-weight,400);margin:.45rem 0 0;}
.high-priority-admin-page .page-section-label,
.high-priority-admin-page .eyebrow{display:inline-flex;align-items:center;width:max-content;margin-bottom:8px;padding:5px 10px;border:1px solid var(--ff-border,var(--border-color,#e4e7ec));border-radius:999px;background:var(--ff-surface-soft,#f8fafc);color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.78rem);font-weight:var(--ui-weight,500);letter-spacing:.01em;text-transform:none;}
.high-priority-admin-page .page-card,
.high-priority-admin-page .admin-panel{border:1px solid var(--ff-border,var(--border-color,#e4e7ec));border-radius:var(--ff-radius-xl,var(--card-radius,22px));background:var(--ff-surface,var(--surface,#fff));box-shadow:var(--ff-card-shadow,0 10px 30px rgba(15,23,42,.045));overflow:hidden;}
.high-priority-admin-page .admin-panel__head,
.high-priority-admin-page .ad-codes-card-head,
.high-priority-admin-page .wallet-billing-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:var(--admin-panel-pad);border-bottom:1px solid var(--ff-border,var(--border-color,#e4e7ec));background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));}
.high-priority-admin-page .admin-panel__body{padding:var(--admin-panel-pad);}
.high-priority-admin-page .section-title,
.high-priority-admin-page h2.section-title{margin:0;font-size:var(--section-title-size,1.05rem);font-weight:var(--section-title-weight,500);line-height:1.25;color:var(--ff-text,var(--text-main,#172033));letter-spacing:var(--section-title-letter-spacing,-.01em);}
.high-priority-admin-page .section-meta,
.high-priority-admin-page .form-help,
.high-priority-admin-page small{color:var(--ff-text-muted,var(--text-muted,#667085));font-size:var(--meta-font-size,.82rem);font-weight:var(--body-weight,400);line-height:1.45;}
.high-priority-admin-page .admin-toolbar,
.high-priority-admin-page .page-header__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.high-priority-admin-page .admin-chip,
.high-priority-admin-page .button,
.high-priority-admin-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:999px;border:1px solid var(--ff-border,var(--border-color,#e4e7ec));font-size:var(--meta-font-size,.84rem);font-weight:var(--ui-weight,500);text-decoration:none;line-height:1.2;}
.high-priority-admin-page .admin-chip--primary,
.high-priority-admin-page .button-primary,
.high-priority-admin-page .btn-primary{background:var(--ff-primary,var(--primary,#25316d));border-color:var(--ff-primary,var(--primary,#25316d));color:var(--ff-on-primary,#fff);}
.high-priority-admin-page .admin-chip--soft,
.high-priority-admin-page .button-secondary,
.high-priority-admin-page .btn-secondary{background:var(--ff-surface-soft,#f8fafc);color:var(--ff-text,var(--text-main,#172033));}
.high-priority-admin-page .admin-form-grid,
.high-priority-admin-page .homepage-settings-grid,
.high-priority-admin-page .wallet-billing-field-grid,
.high-priority-admin-page .design-settings-grid,
.high-priority-admin-page .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.high-priority-admin-page .form-row,
.high-priority-admin-page .form-field,
.high-priority-admin-page .design-setting-field{display:grid;gap:7px;margin:0;min-width:0;}
.high-priority-admin-page .form-row--full,
.high-priority-admin-page .form-field--full{grid-column:1/-1;}
.high-priority-admin-page label:not(.ui-switch):not(.ad-ui-toggle):not(.homepage-toggle-card):not(.toolkit-section-option):not(.toolkit-radio):not(.checkbox-row){font-size:var(--meta-font-size,.84rem);font-weight:var(--label-weight,500);color:var(--ff-text,var(--text-main,#172033));}
.high-priority-admin-page input[type="text"],
.high-priority-admin-page input[type="email"],
.high-priority-admin-page input[type="password"],
.high-priority-admin-page input[type="number"],
.high-priority-admin-page input[type="url"],
.high-priority-admin-page input[type="file"],
.high-priority-admin-page select,
.high-priority-admin-page textarea,
.high-priority-admin-page .form-control,
.high-priority-admin-page .form-input{width:100%;min-height:var(--admin-field-height);border:1px solid var(--ff-border,var(--border-color,#d0d5dd));border-radius:var(--ff-radius-md,var(--input-radius,14px));background:var(--ff-surface,#fff);color:var(--ff-text,var(--text-main,#172033));font-size:var(--body-size,.95rem);font-weight:var(--body-weight,400);padding:10px 12px;box-shadow:0 1px 2px rgba(15,23,42,.03);outline:none;}
.high-priority-admin-page textarea{min-height:120px;resize:vertical;line-height:1.5;}
.high-priority-admin-page input:focus,
.high-priority-admin-page select:focus,
.high-priority-admin-page textarea:focus{border-color:color-mix(in srgb,var(--ff-primary,var(--primary,#25316d)) 48%,var(--ff-border,#d0d5dd));box-shadow:0 0 0 4px color-mix(in srgb,var(--ff-primary,var(--primary,#25316d)) 12%,transparent);}
.high-priority-admin-page .form-actions,
.high-priority-admin-page .ad-codes-sticky-actions,
.high-priority-admin-page .wallet-billing-save-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px;}
.high-priority-admin-page .homepage-toggle-grid,
.high-priority-admin-page .toolkit-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.high-priority-admin-page .homepage-toggle-card,
.high-priority-admin-page .toolkit-section-option,
.high-priority-admin-page .admin-radio-card,
.high-priority-admin-page .checkbox-row{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 14px 14px 58px;border:1px solid var(--ff-border,var(--border-color,#e4e7ec));border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.high-priority-admin-page .homepage-toggle-card:hover,
.high-priority-admin-page .toolkit-section-option:hover,
.high-priority-admin-page .admin-radio-card:hover,
.high-priority-admin-page .checkbox-row:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.06);}
.high-priority-admin-page .homepage-toggle-card input,
.high-priority-admin-page .toolkit-section-option input,
.high-priority-admin-page .admin-radio-card input,
.high-priority-admin-page .checkbox-row input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none;}
.high-priority-admin-page .homepage-toggle-card::before,
.high-priority-admin-page .toolkit-section-option::before,
.high-priority-admin-page .checkbox-row::before{content:"";position:absolute;left:16px;top:50%;width:34px;height:20px;border-radius:999px;transform:translateY(-50%);background:var(--ff-border,#e4e7ec);box-shadow:inset 0 1px 2px rgba(15,23,42,.1);transition:.18s ease;}
.high-priority-admin-page .homepage-toggle-card::after,
.high-priority-admin-page .toolkit-section-option::after,
.high-priority-admin-page .checkbox-row::after{content:"";position:absolute;left:18px;top:50%;width:16px;height:16px;border-radius:999px;transform:translateY(-50%);background:var(--ff-surface,#fff);box-shadow:0 2px 6px rgba(15,23,42,.18);transition:.18s ease;}
.high-priority-admin-page .homepage-toggle-card:has(input:checked),
.high-priority-admin-page .toolkit-section-option:has(input:checked),
.high-priority-admin-page .checkbox-row:has(input:checked){border-color:color-mix(in srgb,var(--ff-primary,var(--primary,#25316d)) 36%,var(--ff-border,#e4e7ec));background:color-mix(in srgb,var(--ff-primary,var(--primary,#25316d)) 5%,var(--ff-surface,#fff));}
.high-priority-admin-page .homepage-toggle-card:has(input:checked)::before,
.high-priority-admin-page .toolkit-section-option:has(input:checked)::before,
.high-priority-admin-page .checkbox-row:has(input:checked)::before{background:var(--ff-primary,var(--primary,#25316d));}
.high-priority-admin-page .homepage-toggle-card:has(input:checked)::after,
.high-priority-admin-page .toolkit-section-option:has(input:checked)::after,
.high-priority-admin-page .checkbox-row:has(input:checked)::after{transform:translate(14px,-50%);}
.high-priority-admin-page .toolkit-section-option strong,
.high-priority-admin-page .homepage-toggle-card__title{display:block;margin:0;color:var(--ff-text,#172033);font-size:var(--body-size,.95rem);font-weight:var(--ui-weight,500);line-height:1.3;}
.high-priority-admin-page .toolkit-section-option small,
.high-priority-admin-page .homepage-toggle-card__meta{display:block;margin-top:3px;color:var(--ff-text-muted,#667085);font-weight:var(--body-weight,400);}
.high-priority-admin-page .admin-radio-card{padding-left:16px;min-height:52px;}
.high-priority-admin-page .admin-radio-card input{position:static!important;opacity:1!important;width:auto!important;height:auto!important;pointer-events:auto;accent-color:var(--ff-primary,var(--primary,#25316d));}
.high-priority-admin-page .admin-list-stack{display:grid;gap:10px;}
.high-priority-admin-page .admin-list-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--ff-border,var(--border-color,#e4e7ec));border-radius:var(--ff-radius-lg,18px);background:var(--ff-surface,#fff);}
.high-priority-admin-page .admin-list-main{display:grid;gap:5px;min-width:0;}
.high-priority-admin-page .admin-list-title{font-size:var(--body-size,.95rem);font-weight:var(--ui-weight,500);color:var(--ff-text,#172033);line-height:1.3;}
.high-priority-admin-page .admin-list-meta{display:flex;flex-wrap:wrap;gap:6px 9px;align-items:center;color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.82rem);font-weight:var(--body-weight,400);line-height:1.4;}
.high-priority-admin-page .admin-list-side{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;}
.high-priority-admin-page .admin-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border:1px solid var(--ff-border,#e4e7ec);border-radius:999px;background:var(--ff-surface-soft,#f8fafc);color:var(--ff-text,#172033);font-size:var(--meta-font-size,.82rem);font-weight:var(--ui-weight,500);white-space:nowrap;}
.high-priority-admin-page .admin-status-chip--alert{border-color:color-mix(in srgb,#dc2626 28%,var(--ff-border,#e4e7ec));background:color-mix(in srgb,#dc2626 7%,var(--ff-surface,#fff));color:#b42318;}
.high-priority-admin-page .dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;}
.high-priority-admin-page .dashboard-kpi-card,
.high-priority-admin-page .admin-stat-card{border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));padding:16px;box-shadow:none;}
.high-priority-admin-page .dashboard-kpi-label,
.high-priority-admin-page .admin-stat-card__label{margin:0 0 6px;color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.82rem);font-weight:var(--body-weight,400);}
.high-priority-admin-page .dashboard-kpi-value,
.high-priority-admin-page .admin-stat-card__value{margin:0;color:var(--ff-text,#172033);font-size:clamp(1.25rem,2.1vw,1.75rem);font-weight:var(--section-title-weight,500);letter-spacing:-.02em;}
.high-priority-admin-page .dashboard-kpi-meta,
.high-priority-admin-page .admin-stat-card__meta{margin:6px 0 0;color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.82rem);font-weight:var(--body-weight,400);line-height:1.45;}
.high-priority-admin-page .admin-two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--admin-page-gap);}
.high-priority-admin-page .admin-three-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.high-priority-admin-page .design-colour-swatch{display:inline-flex;width:28px;height:28px;border-radius:999px;border:1px solid var(--ff-border,#e4e7ec);box-shadow:inset 0 0 0 3px rgba(255,255,255,.65);}
.high-priority-admin-page .design-setting-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.82rem);}
.high-priority-admin-page .design-reset-link{border:1px solid var(--ff-border,#e4e7ec);border-radius:999px;background:var(--ff-surface-soft,#f8fafc);color:var(--ff-text,#172033);font-size:var(--meta-font-size,.82rem);font-weight:var(--ui-weight,500);padding:6px 10px;cursor:pointer;}
@media (max-width:900px){.high-priority-admin-page .admin-form-grid,.high-priority-admin-page .homepage-settings-grid,.high-priority-admin-page .wallet-billing-field-grid,.high-priority-admin-page .design-settings-grid,.high-priority-admin-page .settings-grid,.high-priority-admin-page .admin-two-column-grid,.high-priority-admin-page .admin-three-column-grid{grid-template-columns:1fr;}.high-priority-admin-page .admin-panel__head,.high-priority-admin-page .ad-codes-card-head,.high-priority-admin-page .wallet-billing-panel__head{display:grid;}.high-priority-admin-page .form-row--full,.high-priority-admin-page .form-field--full{grid-column:auto;}}
@media (max-width:640px){.high-priority-admin-page .page-header,.high-priority-admin-page .hero-card,.high-priority-admin-page .admin-panel__body,.high-priority-admin-page .admin-panel__head{padding:16px;}.high-priority-admin-page .admin-toolbar,.high-priority-admin-page .page-header__actions,.high-priority-admin-page .form-actions{justify-content:flex-start;}.high-priority-admin-page .admin-chip,.high-priority-admin-page .button,.high-priority-admin-page .btn{width:100%;}.high-priority-admin-page .admin-list-item{display:grid;}.high-priority-admin-page .admin-list-side{justify-content:flex-start;}.high-priority-admin-page .homepage-toggle-grid,.high-priority-admin-page .toolkit-section-grid{grid-template-columns:1fr;}}

/* Site settings final dashboard */
.site-settings-redesign { gap: var(--space-4, 16px); }
.site-settings-command { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-4,16px); padding:var(--space-6,24px); }
.site-settings-command__copy { max-width:760px; }
.site-settings-overview { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--space-3,12px); }
.site-settings-metric { background:var(--surface-card,#fff); border:1px solid var(--border-color,#dbe4f0); border-radius:var(--radius-lg,16px); padding:var(--space-4,16px); box-shadow:var(--shadow-soft,0 10px 30px rgba(15,23,42,.05)); min-width:0; }
.site-settings-metric span { display:block; color:var(--text-muted,#667085); font-size:var(--font-size-xs,12px); margin-bottom:6px; }
.site-settings-metric strong { display:block; color:var(--text-main,#0b1b45); font-weight:var(--font-weight-ui,500); font-size:var(--font-size-sm,14px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.site-settings-tabs-card { padding:10px; position:sticky; top:0; z-index:8; }
.site-settings-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.site-settings-tab { border:1px solid var(--border-color,#dbe4f0); background:var(--surface-muted,#f8fafc); color:var(--text-main,#0b1b45); border-radius:999px; padding:10px 14px; font:inherit; font-weight:var(--font-weight-ui,500); cursor:pointer; }
.site-settings-tab.is-active { background:var(--primary-color,#213a78); border-color:var(--primary-color,#213a78); color:var(--primary-contrast,#fff); box-shadow:var(--shadow-soft,0 10px 25px rgba(15,23,42,.10)); }
.site-settings-tab-panel { display:none; padding:var(--space-6,24px); }
.site-settings-tab-panel.is-active { display:block; }
.site-settings-clean-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4,16px); margin-top:var(--space-4,16px); }
.site-settings-clean-grid--compact { grid-template-columns:repeat(3,minmax(0,1fr)); }
.settings-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.settings-field--wide { grid-column:1 / -1; }
.settings-field label { color:var(--text-main,#0b1b45); font-size:var(--font-size-sm,14px); font-weight:var(--font-weight-ui,500); }
.settings-field input:not([type=file]), .settings-field select, .settings-field textarea { width:100%; min-height:44px; border:1px solid var(--border-color,#dbe4f0); border-radius:var(--radius-md,12px); background:var(--surface-card,#fff); color:var(--text-main,#0b1b45); padding:10px 12px; font:inherit; font-weight:var(--font-weight-body,400); }
.settings-field textarea { min-height:120px; resize:vertical; line-height:1.5; }
.settings-field small, .site-settings-upload-card p { color:var(--text-muted,#667085); font-size:var(--font-size-xs,12px); line-height:1.45; }
.site-settings-media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4,16px); margin-top:var(--space-4,16px); }
.site-settings-upload-card, .site-settings-subsection { border:1px solid var(--border-color,#dbe4f0); border-radius:var(--radius-lg,16px); padding:var(--space-5,20px); background:var(--surface-muted,#f8fafc); }
.settings-upload-box { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px dashed var(--border-color,#dbe4f0); background:var(--surface-card,#fff); border-radius:var(--radius-lg,16px); padding:16px; cursor:pointer; margin:12px 0; }
.settings-upload-box span { color:var(--text-main,#0b1b45); font-weight:var(--font-weight-ui,500); }
.settings-upload-box input { position:absolute; inline-size:1px; block-size:1px; opacity:0; overflow:hidden; }
.settings-image-preview { width:100%; max-width:260px; border:1px solid var(--border-color,#dbe4f0); border-radius:var(--radius-lg,16px); padding:8px; background:var(--surface-card,#fff); overflow:hidden; }
.settings-image-preview img { display:block; width:100%; height:auto; border-radius:calc(var(--radius-lg,16px) - 6px); }
.settings-image-preview--favicon { max-width:86px; }
.settings-toggle-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3,12px); align-items:stretch; }
.setting-toggle-card { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--border-color,#dbe4f0); border-radius:var(--radius-lg,16px); background:var(--surface-card,#fff); cursor:pointer; min-height:72px; }
.setting-toggle-card input { position:absolute; opacity:0; pointer-events:none; }
.setting-toggle-card__switch { width:44px; height:24px; border-radius:999px; background:var(--surface-muted,#eef2f7); border:1px solid var(--border-color,#dbe4f0); position:relative; flex:0 0 auto; transition:.2s ease; }
.setting-toggle-card__switch::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:var(--surface-card,#fff); box-shadow:0 2px 8px rgba(15,23,42,.18); transition:.2s ease; }
.setting-toggle-card input:checked + .setting-toggle-card__switch { background:var(--primary-color,#213a78); border-color:var(--primary-color,#213a78); }
.setting-toggle-card input:checked + .setting-toggle-card__switch::after { transform:translateX(20px); }
.setting-toggle-card__copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.setting-toggle-card__copy span { color:var(--text-main,#0b1b45); font-weight:var(--font-weight-ui,500); }
.setting-toggle-card__copy small { color:var(--text-muted,#667085); line-height:1.35; }
.site-settings-subsection { margin-top:var(--space-4,16px); }
.site-settings-action-bar { position:sticky; bottom:12px; z-index:9; display:flex; justify-content:flex-end; gap:10px; padding:14px; box-shadow:var(--shadow-soft,0 14px 34px rgba(15,23,42,.08)); }
@media (max-width: 1100px) { .site-settings-overview { grid-template-columns:repeat(3,minmax(0,1fr)); } .site-settings-clean-grid--compact { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) { .site-settings-command { flex-direction:column; } .site-settings-overview, .site-settings-clean-grid, .site-settings-clean-grid--compact, .site-settings-media-grid, .settings-toggle-pair { grid-template-columns:1fr; } .site-settings-tabs-card { position:static; } .site-settings-tab { flex:1 1 auto; } .site-settings-action-bar { justify-content:stretch; } .site-settings-action-bar .admin-chip { flex:1; justify-content:center; } }

/* Homepage settings final refinement */
.homepage-settings-final .homepage-command{align-items:center;}
.homepage-settings-final .homepage-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.homepage-settings-final .homepage-summary-card{position:relative;text-decoration:none;color:inherit;display:grid;gap:4px;min-height:132px;}
.homepage-settings-final .homepage-summary-card__action{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 9px;border:1px solid var(--ff-border,#e4e7ec);border-radius:999px;background:var(--ff-surface,#fff);color:var(--ff-primary,#25316d);font-size:var(--meta-font-size,.82rem);font-weight:var(--ui-weight,500);}
.homepage-settings-final .homepage-settings-nav{position:sticky;top:8px;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:color-mix(in srgb,var(--ff-surface,#fff) 92%,transparent);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(15,23,42,.05);}
.homepage-settings-final .homepage-settings-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid var(--ff-border,#e4e7ec);border-radius:999px;background:var(--ff-surface-soft,#f8fafc);color:var(--ff-text,#172033);text-decoration:none;font-size:var(--meta-font-size,.84rem);font-weight:var(--ui-weight,500);}
.homepage-settings-final .homepage-settings-nav a:hover{border-color:color-mix(in srgb,var(--ff-primary,#25316d) 28%,var(--ff-border,#e4e7ec));color:var(--ff-primary,#25316d);}
.homepage-settings-final .admin-section-copy{margin:6px 0 0;color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.84rem);font-weight:var(--body-weight,400);line-height:1.5;max-width:740px;}
.homepage-settings-final .field-hint{display:block;margin:0;color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.82rem);font-weight:var(--body-weight,400);line-height:1.45;}
.homepage-settings-final .homepage-label-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.homepage-settings-final .homepage-label-card,
.homepage-settings-final .homepage-action-link-card,
.homepage-settings-final .homepage-density-group{border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));padding:16px;display:grid;gap:12px;}
.homepage-settings-final .homepage-label-card__preview{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--ff-primary,#25316d) 28%,var(--ff-border,#e4e7ec));border-radius:var(--ff-radius-md,14px);background:color-mix(in srgb,var(--ff-primary,#25316d) 4%,var(--ff-surface,#fff));color:var(--ff-primary,#25316d);font-size:var(--ff-section-title-size,18px);font-weight:var(--ff-section-title-weight,500);letter-spacing:-.01em;}
.homepage-settings-final .homepage-action-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.homepage-settings-final .homepage-action-link-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.homepage-settings-final .homepage-mini-toggle{display:inline-flex!important;align-items:center;gap:8px;font-size:var(--meta-font-size,.84rem);font-weight:var(--ui-weight,500);color:var(--ff-text,#172033);}
.homepage-settings-final .homepage-mini-toggle input{width:18px;height:18px;accent-color:var(--ff-primary,#25316d);}
.homepage-settings-final .homepage-density-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.homepage-settings-final .homepage-density-group--full{grid-column:1/-1;}
.homepage-settings-final .homepage-density-group h3{margin:0;color:var(--ff-primary,#25316d);font-size:var(--body-size,.96rem);font-weight:var(--ui-weight,500);letter-spacing:-.01em;}
.homepage-settings-final .homepage-block-list{display:grid;gap:10px;}
.homepage-settings-final .homepage-block-row{position:relative;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));cursor:pointer;}
.homepage-settings-final .homepage-block-row input{width:20px;height:20px;accent-color:var(--ff-primary,#25316d);}
.homepage-settings-final .homepage-block-row__order{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--ff-border,#e4e7ec);background:var(--ff-surface,#fff);color:var(--ff-primary,#25316d);font-size:var(--meta-font-size,.82rem);font-weight:var(--ui-weight,500);}
.homepage-settings-final .homepage-block-row__main{display:grid;gap:3px;min-width:0;}
.homepage-settings-final .homepage-block-row__main strong{font-size:var(--body-size,.95rem);font-weight:var(--ui-weight,500);color:var(--ff-text,#172033);}
.homepage-settings-final .homepage-block-row__main small{font-size:var(--meta-font-size,.82rem);font-weight:var(--body-weight,400);color:var(--ff-text-muted,#667085);line-height:1.4;}
.homepage-settings-final .homepage-block-row__state{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--ff-primary,#25316d) 22%,var(--ff-border,#e4e7ec));border-radius:999px;background:color-mix(in srgb,var(--ff-primary,#25316d) 5%,var(--ff-surface,#fff));color:var(--ff-primary,#25316d);font-size:var(--meta-font-size,.82rem);font-weight:var(--ui-weight,500);}
.homepage-settings-final .homepage-block-row:not(:has(input:checked)) .homepage-block-row__state{border-color:var(--ff-border,#e4e7ec);background:var(--ff-surface-soft,#f8fafc);color:var(--ff-text-muted,#667085);font-size:0;}
.homepage-settings-final .homepage-block-row:not(:has(input:checked)) .homepage-block-row__state::after{content:"Hidden";font-size:var(--meta-font-size,.82rem);}
.homepage-settings-final .homepage-sticky-actions{position:sticky;bottom:10px;z-index:10;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:color-mix(in srgb,var(--ff-surface,#fff) 92%,transparent);backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(15,23,42,.08);}
@media (max-width:900px){.homepage-settings-final .homepage-command{align-items:flex-start;}.homepage-settings-final .homepage-label-grid,.homepage-settings-final .homepage-action-link-grid,.homepage-settings-final .homepage-density-grid{grid-template-columns:1fr;}.homepage-settings-final .homepage-density-group--full{grid-column:auto;}}
@media (max-width:640px){.homepage-settings-final .homepage-block-row{grid-template-columns:auto 1fr;}.homepage-settings-final .homepage-block-row__order{display:none;}.homepage-settings-final .homepage-block-row__state{grid-column:2;justify-self:start;}.homepage-settings-final .homepage-sticky-actions .admin-chip{width:100%;}}

/* Final /admin/design-settings system UI */
.design-settings-final .page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;}
.design-settings-final__summary{margin-block:18px 22px;}
.design-settings-final__form{display:grid;gap:16px;}
.design-settings-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;overflow:hidden;padding:0;background:var(--ff-surface,#fff);border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-xl,24px);}
.design-settings-sidebar{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--ff-surface-soft,#f6f8fc);border-right:1px solid var(--ff-border,#d9e1ec);position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto;}
.design-settings-tab{width:100%;display:grid;gap:4px;text-align:left;border:1px solid var(--ff-border,#d9e1ec);background:var(--ff-surface,#fff);border-radius:var(--ff-radius-lg,16px);padding:13px 14px;color:var(--ff-text,#0b1f4d);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease;}
.design-settings-tab:hover{transform:translateY(-1px);border-color:var(--ff-primary,#1f3a8a);}
.design-settings-tab.is-active{background:var(--ff-primary-soft,#eef2ff);border-color:var(--ff-primary,#1f3a8a);}
.design-settings-tab span{font-weight:var(--button-font-weight,500);font-size:.95rem;}
.design-settings-tab small{color:var(--ff-muted,#667085);font-size:.78rem;line-height:1.35;}
.design-settings-tab--reset{margin-top:auto;}
.design-settings-panels{min-width:0;padding:20px;}
.design-settings-panel{display:none;}
.design-settings-panel.is-active{display:grid;gap:16px;}
.design-settings-panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:2px 2px 4px;}
.design-settings-accordion{border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-lg,16px);background:var(--ff-surface,#fff);overflow:hidden;}
.design-settings-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;border-bottom:1px solid var(--ff-border,#d9e1ec);}
.design-settings-accordion summary::-webkit-details-marker{display:none;}
.design-settings-accordion summary span{font-weight:var(--section-title-weight,500);font-size:var(--section-title-size,1rem);}
.design-settings-accordion summary small{border:1px solid var(--ff-border,#d9e1ec);border-radius:999px;padding:4px 9px;color:var(--ff-muted,#667085);background:var(--ff-surface-soft,#f6f8fc);font-size:.76rem;}
.design-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;}
.design-settings-final .design-setting-field{display:grid;gap:8px;margin:0;min-width:0;}
.design-settings-final .design-setting-field label{font-weight:var(--label-font-weight,500);font-size:.82rem;color:var(--ff-text,#0b1f4d);}
.design-settings-final .design-setting-field input:not([type="color"]),
.design-settings-final .design-setting-field select{width:100%;min-height:42px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-md,12px);padding:9px 11px;background:var(--ff-input-bg,#fff);color:var(--ff-input-text,#0b1f4d);font:inherit;}
.design-settings-final .design-setting-field input:focus,
.design-settings-final .design-setting-field select:focus{outline:none;border-color:var(--ff-primary,#1f3a8a);box-shadow:0 0 0 3px color-mix(in srgb,var(--ff-primary,#1f3a8a) 12%, transparent);}
.design-settings-final .design-setting-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ff-muted,#667085);font-size:.78rem;}
.design-settings-final .design-setting-current code{border:1px solid var(--ff-border,#d9e1ec);background:var(--ff-surface-soft,#f6f8fc);border-radius:999px;padding:2px 7px;}
.design-settings-final .design-reset-link{border:1px solid var(--ff-border,#d9e1ec);background:var(--ff-surface,#fff);color:var(--ff-text,#0b1f4d);border-radius:999px;padding:3px 8px;font-size:.74rem;cursor:pointer;}
.design-settings-final .design-colour-entry{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center;}
.design-settings-final .design-colour-picker{width:44px;height:42px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-md,12px);padding:4px;background:var(--ff-surface,#fff);}
.design-settings-final .design-colour-swatch{width:18px;height:18px;border-radius:999px;border:1px solid var(--ff-border,#d9e1ec);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);}
.design-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:stretch;min-width:0;}
.design-preview-card{display:grid;align-content:start;gap:12px;min-width:0;overflow:hidden;padding:18px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-lg,16px);background:var(--ff-surface,#fff);box-shadow:0 14px 38px rgba(15,23,42,.06);}
.design-preview-logo{min-width:0;font-size:1.7rem;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere;}
.design-preview-badge{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;max-width:100%;min-width:0;padding:7px 12px;border-radius:999px;font-size:.78rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere;}
.design-preview-card h3{margin:0;min-width:0;overflow-wrap:anywhere;}
.design-preview-card p{margin:0;min-width:0;color:var(--ff-muted,#667085);line-height:1.55;overflow-wrap:anywhere;}
.design-preview-card a{min-width:0;overflow-wrap:anywhere;}
.design-preview-topic{min-width:0;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-md,12px);padding:12px;background:var(--ff-surface-soft,#f6f8fc);overflow-wrap:anywhere;}
.design-preview-meta{min-width:0;font-size:.82rem;color:var(--ff-muted,#667085);overflow-wrap:anywhere;}
.design-preview-card input{width:100%;min-width:0;min-height:42px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-md,12px);padding:9px 11px;background:var(--ff-input-bg,#fff);color:var(--ff-input-text,#0b1f4d);}
.design-settings-savebar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-xl,24px);box-shadow:0 18px 45px rgba(15,23,42,.10);background:color-mix(in srgb,var(--ff-surface,#fff) 94%, transparent);backdrop-filter:blur(12px);}
.design-settings-savebar span{font-weight:var(--label-font-weight,500);color:var(--ff-text,#0b1f4d);}
@media (max-width:1100px){.design-settings-workspace{grid-template-columns:1fr}.design-settings-sidebar{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--ff-border,#d9e1ec);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.design-settings-tab--reset{margin-top:0}.design-settings-grid,.design-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:720px){.design-settings-final .page-header{display:grid}.design-settings-sidebar,.design-settings-grid,.design-preview-grid{grid-template-columns:1fr}.design-settings-panels{padding:14px}.design-settings-accordion summary{align-items:flex-start}.design-settings-savebar{position:static;display:grid}.design-settings-savebar .admin-chip{width:100%;justify-content:center;}}
.payment-settings-final-page{gap:var(--section-gap,22px)}
.payment-settings-final-page .payment-settings-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;overflow:hidden}
.payment-settings-final-page .wallet-billing-toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.payment-settings-final-page .payment-settings-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap,14px)}
.payment-settings-final-page .payment-routing-panel{overflow:hidden}
.payment-settings-final-page .payment-routing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:var(--admin-panel-pad,18px);border-bottom:1px solid var(--ff-border,var(--border-color,#e4e7ec));background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc))}
.payment-settings-final-page .payment-routing-body{padding:var(--admin-panel-pad,18px)!important}
.payment-settings-final-page .payment-routing-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.4fr);gap:var(--card-gap,16px);align-items:stretch}
.payment-settings-final-page .payment-default-route-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:16px;padding:18px;border:1px solid var(--ff-border,var(--border-color,#e4e7ec));border-radius:var(--ff-radius-lg,var(--card-radius,18px));background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));box-shadow:0 8px 22px rgba(20,29,67,.045)}
.payment-settings-final-page .payment-settings-card-label{display:block;margin-bottom:6px;color:var(--ff-muted,var(--text-muted,#667085));font-size:var(--ff-meta-size,var(--meta-font-size,12px));font-weight:var(--ff-meta-weight,var(--body-font-weight,400));line-height:1.2}
.payment-settings-final-page .payment-default-route-card strong{display:block;color:var(--ff-text,var(--text-main,#172033));font-size:var(--section-title-size,17px);font-weight:var(--ff-section-title-weight,var(--section-title-weight,500));letter-spacing:-.01em;line-height:1.2}
.payment-settings-final-page .payment-default-route-card small{display:block;margin-top:6px;color:var(--ff-muted,var(--text-muted,#667085));font-size:var(--ff-meta-size,var(--meta-font-size,12px));line-height:1.45}
.payment-settings-final-page .payment-default-route-card select{width:100%;min-height:46px;border-radius:var(--input-radius,14px);background:var(--ff-surface,#fff)}
.payment-settings-final-page .payment-provider-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap,14px)}
.payment-settings-final-page .payment-provider-toggle{position:relative;min-width:0;min-height:118px;display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--ff-border,var(--border-color,#e4e7ec));border-radius:var(--ff-radius-lg,var(--card-radius,18px));background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));box-shadow:0 8px 22px rgba(20,29,67,.045);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.payment-settings-final-page .payment-provider-toggle:hover{border-color:color-mix(in srgb,var(--ff-primary,var(--primary-color,#24356d)) 26%,var(--ff-border,var(--border-color,#e4e7ec)));box-shadow:0 12px 28px rgba(20,29,67,.07);transform:translateY(-1px)}
.payment-settings-final-page .payment-provider-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
.payment-settings-final-page .payment-provider-toggle__control{flex:0 0 auto;width:46px;height:28px;border-radius:999px;border:1px solid var(--ff-border,var(--border-color,#d6deea));background:var(--ff-surface,#fff);box-shadow:inset 0 1px 2px rgba(20,29,67,.08);padding:3px;transition:background .18s ease,border-color .18s ease}
.payment-settings-final-page .payment-provider-toggle__control span{display:block;width:20px;height:20px;border-radius:999px;background:var(--ff-muted,#98a2b3);box-shadow:0 2px 5px rgba(20,29,67,.16);transition:transform .18s ease,background .18s ease}
.payment-settings-final-page .payment-provider-toggle input[type=checkbox]:checked + .payment-provider-toggle__control{background:color-mix(in srgb,var(--ff-primary,var(--primary-color,#24356d)) 14%,var(--ff-surface,#fff));border-color:color-mix(in srgb,var(--ff-primary,var(--primary-color,#24356d)) 44%,var(--ff-border,#d6deea))}
.payment-settings-final-page .payment-provider-toggle input[type=checkbox]:checked + .payment-provider-toggle__control span{transform:translateX(18px);background:var(--ff-primary,var(--primary-color,#24356d))}
.payment-settings-final-page .payment-provider-toggle__text{display:grid;gap:6px;min-width:0;padding-top:2px}
.payment-settings-final-page .payment-provider-toggle__text strong{color:var(--ff-text,var(--text-main,#172033));font-size:var(--section-title-size,16px);font-weight:var(--ff-section-title-weight,var(--section-title-weight,500));line-height:1.2}
.payment-settings-final-page .payment-provider-toggle__text small{color:var(--ff-muted,var(--text-muted,#667085));font-size:var(--ff-meta-size,var(--meta-font-size,12px));line-height:1.42;font-weight:var(--ff-body-weight,var(--body-font-weight,400))}
.payment-settings-final-page .payment-provider-grid-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap,16px);align-items:stretch}
.payment-settings-final-page .payment-provider-card-final{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.payment-settings-final-page .payment-provider-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:var(--admin-panel-pad,18px);border-bottom:1px solid var(--ff-border,var(--border-color,#e4e7ec));background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc))}
.payment-settings-final-page .payment-provider-card-head .section-meta{max-width:34ch}
.payment-settings-final-page .payment-provider-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px var(--admin-panel-pad,18px);border-bottom:1px solid var(--ff-border,var(--border-color,#e4e7ec));background:color-mix(in srgb,var(--ff-surface-soft,#f8fafc) 78%,var(--ff-surface,#fff))}
.payment-settings-final-page .payment-provider-card-meta span{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border:1px solid var(--ff-border,var(--border-color,#e4e7ec));border-radius:999px;background:var(--ff-surface,#fff);color:var(--ff-muted,var(--text-muted,#667085));font-size:var(--ff-meta-size,var(--meta-font-size,12px));line-height:1.1}
.payment-settings-final-page .payment-credential-grid{display:grid!important;grid-template-columns:1fr;gap:14px;padding:var(--admin-panel-pad,18px)!important}
.payment-settings-final-page .payment-credential-grid .form-row{display:grid;gap:7px;margin:0}
.payment-settings-final-page .payment-credential-grid label{margin:0;color:var(--ff-text,var(--text-main,#172033));font-size:var(--ff-meta-size,var(--meta-font-size,12px));font-weight:var(--ff-label-weight,var(--ui-font-weight,500));line-height:1.2}
.payment-settings-final-page .payment-credential-grid input,.payment-settings-final-page .payment-credential-grid select{width:100%;min-height:44px;border-radius:var(--input-radius,14px)}
.payment-settings-final-page .payment-readonly-field input[readonly]{background:var(--ff-surface-soft,var(--surface-muted,#f8fafc));color:var(--ff-muted,var(--text-muted,#667085));font-size:var(--ff-meta-size,var(--meta-font-size,12px));overflow:hidden;text-overflow:ellipsis}
.payment-settings-final-page .wallet-billing-state-chip--neutral{background:var(--ff-surface,#fff);color:var(--ff-muted,var(--text-muted,#667085));border-color:var(--ff-border,var(--border-color,#e4e7ec))}
.payment-settings-final-page .payment-settings-save-panel{position:sticky;bottom:12px;z-index:8;box-shadow:0 18px 45px rgba(20,29,67,.12)}
.payment-settings-final-page .payment-settings-save-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:var(--admin-panel-pad,18px)!important}
@media(max-width:1180px){.payment-settings-final-page .payment-settings-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-settings-final-page .payment-routing-grid{grid-template-columns:1fr}.payment-settings-final-page .payment-provider-toggle-grid{grid-template-columns:repeat(3,minmax(190px,1fr));overflow-x:auto;padding-bottom:4px}.payment-settings-final-page .payment-provider-grid-final{grid-template-columns:1fr}}
@media(max-width:760px){.payment-settings-final-page .payment-settings-hero,.payment-settings-final-page .payment-routing-head,.payment-settings-final-page .payment-provider-card-head,.payment-settings-final-page .payment-settings-save-row{display:grid!important}.payment-settings-final-page .wallet-billing-toolbar{justify-content:flex-start}.payment-settings-final-page .payment-settings-kpis,.payment-settings-final-page .payment-provider-toggle-grid{grid-template-columns:1fr;overflow:visible}.payment-settings-final-page .payment-provider-toggle{min-height:92px}.payment-settings-final-page .payment-settings-save-row .button{width:100%}.payment-settings-final-page .wallet-billing-state-chip{width:max-content}.payment-settings-final-page .payment-provider-card-meta{align-items:flex-start;justify-content:flex-start}}
@media(max-width:520px){.payment-settings-final-page .payment-default-route-card,.payment-settings-final-page .payment-provider-toggle,.payment-settings-final-page .payment-provider-card-head,.payment-settings-final-page .payment-provider-card-meta,.payment-settings-final-page .payment-credential-grid{padding:14px!important}.payment-settings-final-page .wallet-billing-hero-pills,.payment-settings-final-page .wallet-billing-toolbar{display:grid;grid-template-columns:1fr}.payment-settings-final-page .wallet-billing-pill,.payment-settings-final-page .admin-chip{width:100%;justify-content:center}}

/* Wallet audit final finance UI */
.wallet-audit-redesign{display:grid;gap:var(--admin-page-gap,18px);}
.wallet-audit-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:clamp(16px,2.4vw,28px);align-items:stretch;}
.wallet-audit-hero__main{display:grid;gap:12px;align-content:start;}
.wallet-audit-hero__nav{justify-content:flex-start;margin-top:4px;}
.wallet-audit-health{display:grid;align-content:center;gap:6px;padding:18px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));box-shadow:0 12px 30px rgba(20,29,67,.05);}
.wallet-audit-health__label,.wallet-audit-kpi-card span,.wallet-audit-snapshot-list span{color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.82rem);font-weight:var(--body-weight,400);}
.wallet-audit-health strong{color:var(--ff-text,#172033);font-size:clamp(1.3rem,2vw,1.75rem);font-weight:var(--section-title-weight,500);letter-spacing:-.02em;line-height:1.05;}
.wallet-audit-health small{color:var(--ff-text-muted,#667085);line-height:1.4;}
.wallet-audit-health--ok{border-color:color-mix(in srgb,#16a34a 24%,var(--ff-border,#e4e7ec));background:linear-gradient(180deg,color-mix(in srgb,#16a34a 6%,var(--ff-surface,#fff)),var(--ff-surface,#fff));}
.wallet-audit-health--warning{border-color:color-mix(in srgb,#f59e0b 34%,var(--ff-border,#e4e7ec));background:linear-gradient(180deg,color-mix(in srgb,#f59e0b 8%,var(--ff-surface,#fff)),var(--ff-surface,#fff));}
.wallet-audit-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.wallet-audit-kpi-card{min-width:0;padding:17px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:var(--ff-surface,#fff);box-shadow:0 12px 28px rgba(20,29,67,.045);}
.wallet-audit-kpi-card strong{display:block;margin-top:7px;color:var(--ff-text,#172033);font-size:clamp(1.45rem,2.2vw,2rem);font-weight:var(--section-title-weight,500);letter-spacing:-.03em;line-height:1;}
.wallet-audit-kpi-card small{display:block;margin-top:8px;color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.82rem);line-height:1.42;}
.wallet-audit-kpi-card--money strong{font-variant-numeric:tabular-nums;}
.wallet-audit-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:var(--admin-page-gap,18px);align-items:start;}
.wallet-audit-side-stack{display:grid;gap:var(--admin-page-gap,18px);}
.wallet-audit-panel{overflow:hidden;}
.wallet-audit-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ff-border,#e4e7ec);}
.wallet-audit-panel__head--compact{display:block;}
.wallet-audit-panel__head .section-title{margin-top:12px;}
.wallet-audit-sync-form{align-self:center;flex:0 0 auto;}
.wallet-audit-empty-state{display:grid;place-items:center;text-align:center;gap:8px;padding:28px;border:1px dashed var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:var(--ff-surface-soft,#f8fafc);color:var(--ff-text-muted,#667085);}
.wallet-audit-empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:color-mix(in srgb,#16a34a 10%,var(--ff-surface,#fff));border:1px solid color-mix(in srgb,#16a34a 24%,var(--ff-border,#e4e7ec));color:#15803d;font-weight:var(--ui-weight,500);}
.wallet-audit-empty-state strong{color:var(--ff-text,#172033);font-weight:var(--section-title-weight,500);}
.wallet-audit-empty-state p{margin:0;max-width:460px;line-height:1.5;}
.wallet-audit-empty-state--small{padding:20px;place-items:start;text-align:left;}
.wallet-audit-table-wrap{border-radius:var(--ff-radius-lg,18px);}
.wallet-audit-table th,.wallet-audit-table td{white-space:nowrap;}
.wallet-audit-user{font-weight:var(--ui-weight,500);color:var(--ff-text,#172033);}
.wallet-audit-snapshot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.wallet-audit-snapshot-list div{padding:14px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:var(--ff-surface-soft,#f8fafc);}
.wallet-audit-snapshot-list strong{display:block;margin-top:6px;color:var(--ff-text,#172033);font-size:1.35rem;font-weight:var(--section-title-weight,500);line-height:1;}
.wallet-audit-activity-list{display:grid;gap:10px;}
.wallet-audit-activity-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:var(--ff-surface,#fff);}
.wallet-audit-activity-item div{display:grid;gap:4px;min-width:0;}
.wallet-audit-activity-item strong{color:var(--ff-text,#172033);font-weight:var(--ui-weight,500);}
.wallet-audit-activity-item span,.wallet-audit-activity-item small{color:var(--ff-text-muted,#667085);font-size:var(--meta-font-size,.82rem);line-height:1.35;}
.wallet-audit-activity-item b{flex:0 0 auto;font-weight:var(--ui-weight,500);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ff-text,#172033);}
.wallet-audit-activity-item--credit b{color:#15803d;}
.wallet-audit-activity-item--debit b{color:#b42318;}
@media (max-width:1080px){.wallet-audit-hero,.wallet-audit-layout{grid-template-columns:1fr;}.wallet-audit-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.wallet-audit-kpi-grid,.wallet-audit-snapshot-list{grid-template-columns:1fr;}.wallet-audit-panel__head{display:grid;}.wallet-audit-sync-form,.wallet-audit-sync-form .button{width:100%;}.wallet-audit-activity-item{display:grid;}.wallet-audit-activity-item b{justify-self:start;}}

/* White-label toolkit final UI */
.white-label-toolkit-final{--toolkit-gap:18px;}
.white-label-toolkit-final .toolkit-hero{overflow:hidden;}
.white-label-toolkit-final .toolkit-hero__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:24px;align-items:stretch;}
.white-label-toolkit-final .toolkit-hero__copy{display:grid;align-content:center;gap:10px;min-width:0;}
.white-label-toolkit-final .toolkit-step-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}
.white-label-toolkit-final .toolkit-step-row span{display:inline-flex;align-items:center;min-height:30px;padding:7px 11px;border:1px solid var(--ff-border,#e4e7ec);border-radius:999px;background:var(--ff-surface,#fff);color:var(--ff-primary,#25316d);font-size:var(--ff-meta-size,.84rem);font-weight:var(--ff-button-weight,500);}
.white-label-toolkit-final .toolkit-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.white-label-toolkit-final .toolkit-status-card{display:grid;align-content:start;gap:6px;min-width:0;padding:16px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,20px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));box-shadow:0 10px 26px rgba(15,23,42,.045);}
.white-label-toolkit-final .toolkit-status-card span{color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.84rem);font-weight:var(--ff-meta-weight,400);}
.white-label-toolkit-final .toolkit-status-card strong{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:var(--ff-section-title-weight,500);line-height:1.1;color:var(--ff-text,#172033);letter-spacing:-.02em;}
.white-label-toolkit-final .toolkit-status-card small{color:var(--ff-muted,#667085);font-size:.82rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;}
.white-label-toolkit-final .toolkit-action-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:var(--toolkit-gap);align-items:start;}
.white-label-toolkit-final .toolkit-review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:var(--toolkit-gap);align-items:start;}
.white-label-toolkit-final .toolkit-action-card{min-width:0;}
.white-label-toolkit-final .toolkit-form{display:grid;gap:16px;}
.white-label-toolkit-final .toolkit-group-stack{display:grid;gap:12px;}
.white-label-toolkit-final .toolkit-group-stack--compact{max-height:520px;overflow:auto;padding-right:4px;}
.white-label-toolkit-final .toolkit-group-card{border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,20px);background:var(--ff-surface,#fff);overflow:hidden;}
.white-label-toolkit-final .toolkit-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--ff-border,#e4e7ec);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));}
.white-label-toolkit-final .toolkit-group-head strong{font-weight:var(--ff-section-title-weight,500);color:var(--ff-text,#172033);}
.white-label-toolkit-final .toolkit-group-head span{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;border:1px solid var(--ff-border,#e4e7ec);background:var(--ff-surface,#fff);color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.82rem);white-space:nowrap;}
.white-label-toolkit-final .toolkit-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;padding:12px;}
.white-label-toolkit-final .toolkit-toggle-grid--compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.white-label-toolkit-final .toolkit-toggle-card{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:13px 13px 13px 58px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-md,16px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.white-label-toolkit-final .toolkit-toggle-card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.06);}
.white-label-toolkit-final .toolkit-toggle-card input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none;}
.white-label-toolkit-final .toolkit-toggle-card::before{content:"";position:absolute;left:16px;top:50%;width:34px;height:20px;border-radius:999px;transform:translateY(-50%);background:var(--ff-border,#e4e7ec);box-shadow:inset 0 1px 2px rgba(15,23,42,.1);transition:.18s ease;}
.white-label-toolkit-final .toolkit-toggle-card::after{content:"";position:absolute;left:18px;top:50%;width:16px;height:16px;border-radius:999px;transform:translateY(-50%);background:var(--ff-surface,#fff);box-shadow:0 2px 6px rgba(15,23,42,.18);transition:.18s ease;}
.white-label-toolkit-final .toolkit-toggle-card:has(input:checked){border-color:color-mix(in srgb,var(--ff-primary,#25316d) 36%,var(--ff-border,#e4e7ec));background:color-mix(in srgb,var(--ff-primary,#25316d) 5%,var(--ff-surface,#fff));}
.white-label-toolkit-final .toolkit-toggle-card:has(input:checked)::before{background:var(--ff-primary,#25316d);}
.white-label-toolkit-final .toolkit-toggle-card:has(input:checked)::after{transform:translate(14px,-50%);}
.white-label-toolkit-final .toolkit-toggle-copy{display:grid;gap:4px;min-width:0;}
.white-label-toolkit-final .toolkit-toggle-copy strong{font-size:var(--ff-body-size,.95rem);font-weight:var(--ff-card-title-weight,400);line-height:1.25;color:var(--ff-text,#172033);}
.white-label-toolkit-final .toolkit-toggle-copy small{color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.82rem);line-height:1.3;overflow:hidden;text-overflow:ellipsis;}
.white-label-toolkit-final .toolkit-upload-dropzone{position:relative;display:grid;gap:8px;place-items:center;text-align:center;min-height:170px;padding:22px;border:1px dashed color-mix(in srgb,var(--ff-primary,#25316d) 28%,var(--ff-border,#e4e7ec));border-radius:var(--ff-radius-lg,20px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));cursor:pointer;}
.white-label-toolkit-final .toolkit-upload-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.white-label-toolkit-final .toolkit-upload-icon{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;background:var(--ff-primary-soft,#eef2ff);color:var(--ff-primary,#25316d);font-size:var(--ff-meta-size,.82rem);font-weight:var(--ff-button-weight,500);}
.white-label-toolkit-final .toolkit-upload-dropzone strong{font-weight:var(--ff-section-title-weight,500);color:var(--ff-text,#172033);}
.white-label-toolkit-final .toolkit-upload-dropzone small{max-width:320px;color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.84rem);line-height:1.45;}
.white-label-toolkit-final .toolkit-import-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.white-label-toolkit-final .toolkit-mode-card{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:88px;padding:14px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,18px);background:var(--ff-surface,#fff);cursor:pointer;}
.white-label-toolkit-final .toolkit-mode-card input{accent-color:var(--ff-primary,#25316d);margin-top:3px;}
.white-label-toolkit-final .toolkit-mode-card span{display:grid;gap:5px;}
.white-label-toolkit-final .toolkit-mode-card strong{font-weight:var(--ff-section-title-weight,500);color:var(--ff-text,#172033);}
.white-label-toolkit-final .toolkit-mode-card small{font-size:var(--ff-meta-size,.82rem);line-height:1.42;color:var(--ff-muted,#667085);}
.white-label-toolkit-final .toolkit-mode-card:has(input:checked){border-color:color-mix(in srgb,var(--ff-primary,#25316d) 38%,var(--ff-border,#e4e7ec));background:color-mix(in srgb,var(--ff-primary,#25316d) 5%,var(--ff-surface,#fff));}
.white-label-toolkit-final .toolkit-actions{justify-content:flex-end;margin-top:0;padding-top:2px;}
.white-label-toolkit-final .toolkit-coverage-list{display:grid;gap:10px;}
.white-label-toolkit-final .toolkit-coverage-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,.85fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-md,16px);background:var(--ff-surface,#fff);}
.white-label-toolkit-final .toolkit-coverage-row strong{display:block;font-weight:var(--ff-card-title-weight,400);line-height:1.3;color:var(--ff-text,#172033);}
.white-label-toolkit-final .toolkit-coverage-row small{display:block;margin-top:3px;color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.82rem);}
.white-label-toolkit-final .toolkit-coverage-meter{height:8px;border-radius:999px;background:var(--ff-surface-soft,#f8fafc);border:1px solid var(--ff-border,#e4e7ec);overflow:hidden;}
.white-label-toolkit-final .toolkit-coverage-meter span{display:block;height:100%;border-radius:999px;background:var(--ff-primary,#25316d);}
.white-label-toolkit-final .toolkit-empty-state{display:grid;gap:6px;place-items:center;text-align:center;min-height:180px;padding:24px;border:1px dashed var(--ff-border,#e4e7ec);border-radius:var(--ff-radius-lg,20px);background:var(--ff-surface-soft,#f8fafc);}
.white-label-toolkit-final .toolkit-empty-state strong{font-weight:var(--ff-section-title-weight,500);color:var(--ff-text,#172033);}
.white-label-toolkit-final .toolkit-empty-state p{margin:0;color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.84rem);line-height:1.45;}
@media (max-width: 1040px){
  .white-label-toolkit-final .toolkit-hero__content,
  .white-label-toolkit-final .toolkit-action-grid,
  .white-label-toolkit-final .toolkit-review-grid{grid-template-columns:1fr;}
  .white-label-toolkit-final .toolkit-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 720px){
  .white-label-toolkit-final .toolkit-status-grid,
  .white-label-toolkit-final .toolkit-import-mode-grid{grid-template-columns:1fr;}
  .white-label-toolkit-final .toolkit-coverage-row{grid-template-columns:1fr;}
  .white-label-toolkit-final .toolkit-step-row span{width:100%;justify-content:center;}
}

/* Global collapsible safety system: prevents expanded admin groups from being clipped */
.admin-page-stack,
.admin-page-shell,
.admin-panel,
.admin-panel__body,
.page-card,
.high-priority-admin-page,
.white-label-toolkit-page,
.toolkit-action-grid,
.toolkit-action-card,
.toolkit-form,
.toolkit-group-stack,
.toolkit-group-card,
.toolkit-toggle-grid,
.design-settings-accordion,
.site-settings-clean-panel,
.homepage-settings-final,
.payment-settings-final-page,
.wallet-audit-panel {
  overflow: visible;
}

.admin-collapsible,
details.admin-collapsible,
[data-admin-collapsible],
[data-collapsible],
.collapsible,
.settings-collapsible {
  overflow: visible;
  min-width: 0;
}

.admin-collapsible__body,
[data-admin-collapsible-body],
[data-collapsible-body],
.collapsible__body,
.settings-collapsible__body {
  overflow: visible;
  max-height: none;
}

.admin-collapsible[hidden],
.admin-collapsible__body[hidden],
[data-admin-collapsible-body][hidden],
[data-collapsible-body][hidden],
.collapsible__body[hidden],
.settings-collapsible__body[hidden] {
  display: none !important;
}

/* White-label restore/import panel: expanded group content must never be clipped */
.white-label-toolkit-final .toolkit-group-stack--compact {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}
.white-label-toolkit-final .toolkit-action-card,
.white-label-toolkit-final .toolkit-action-card .admin-panel__body,
.white-label-toolkit-final .toolkit-group-card,
.white-label-toolkit-final .toolkit-toggle-grid,
.white-label-toolkit-final .toolkit-toggle-card {
  overflow: visible !important;
}
.white-label-toolkit-final .toolkit-group-card {
  display: grid;
  align-content: start;
}
.white-label-toolkit-final .toolkit-toggle-grid--compact {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

/* Native details accordions used by admin pages should open naturally without height traps */
details.admin-collapsible,
details.design-settings-accordion,
details.settings-collapsible {
  overflow: visible !important;
}
details.admin-collapsible > :not(summary),
details.design-settings-accordion > :not(summary),
details.settings-collapsible > :not(summary) {
  overflow: visible !important;
  max-height: none !important;
}

@media (max-width: 720px) {
  .white-label-toolkit-final .toolkit-toggle-grid,
  .white-label-toolkit-final .toolkit-toggle-grid--compact {
    grid-template-columns: 1fr !important;
  }
}

/* Final control-center IA polish */
.control-center-final{gap:18px;}
.control-center-final-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;}
.control-center-final-hero__copy{display:grid;gap:10px;max-width:760px;min-width:0;}
.control-center-final-hero__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;}
.control-center-action-center{padding:0;overflow:hidden;}
.control-center-action-center__head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:0;}
.control-center-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.control-center-action-card{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);background:linear-gradient(180deg,var(--ff-surface),var(--ff-surface-soft));color:var(--ff-text);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.control-center-action-card:hover{border-color:var(--ff-primary);box-shadow:var(--ff-shadow);transform:translateY(-1px);}
.control-center-action-card__count{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:999px;background:var(--ff-primary);color:var(--ff-button-text,#fff);font-weight:var(--ff-font-weight-section-title,600);font-size:1.05rem;}
.control-center-action-card__body{display:grid;gap:3px;min-width:0;flex:1;}
.control-center-action-card__title{font-weight:var(--ff-font-weight-card-title,500);overflow-wrap:anywhere;}
.control-center-action-card__meta{color:var(--ff-muted);font-size:var(--ff-font-size-meta,.84rem);}
.control-center-final-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.control-center-core-actions__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.control-center-final-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;}
.control-center-health-queue{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:16px;align-items:start;}
.control-center-streams--final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.control-hub-module-groups--final{grid-template-columns:1fr;}
.control-hub-module-groups--final .control-center-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.control-center-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.control-center-activity-block{display:grid;gap:12px;min-width:0;border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);background:var(--ff-surface-soft);padding:14px;}
.control-center-coverage{padding:0;overflow:visible;}
.control-center-coverage summary{cursor:pointer;list-style:none;}
.control-center-coverage summary::-webkit-details-marker{display:none;}
.control-center-coverage__summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:0;}
.control-center-coverage__summary > span:first-child{display:grid;gap:4px;}
.control-center-card__top span:first-child,
.control-center-mini-row > div > span,
.topic-link{font-weight:var(--ff-font-weight-links,400);}
@media (max-width: 980px){
  .control-center-final-hero{flex-direction:column;}
  .control-center-final-hero__actions{justify-content:flex-start;width:100%;}
  .control-center-final-grid,.control-center-health-queue,.control-center-streams--final,.control-center-activity-grid{grid-template-columns:1fr;}
}
@media (max-width: 560px){
  .control-center-action-card{align-items:flex-start;}
  .control-center-action-card__count{min-width:38px;height:38px;}
  .control-center-coverage__summary,.control-center-action-center__head{flex-direction:column;align-items:flex-start;}
}

/* Final Manage Boards UI */
.board-admin-page{gap:clamp(16px,2vw,22px)}
.board-admin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.board-admin-kpis .admin-kpi-card{min-height:108px}
.board-admin-directory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--ff-border,#d9e1ec);padding-bottom:18px}
.board-admin-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:min(100%,420px)}
.board-admin-search{display:block;flex:1 1 240px;min-width:220px}
.board-admin-search input{width:100%;min-height:40px;border:1px solid var(--ff-border,#d9e1ec);border-radius:999px;background:var(--ff-input-bg,#fff);color:var(--ff-input-text,#0b1f4d);padding:0 14px;font:inherit;font-size:.92rem}
.board-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.board-admin-card{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f7f9fc));box-shadow:0 12px 34px rgba(15,23,42,.045)}
.board-admin-card[hidden]{display:none!important}
.board-admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.board-admin-card-title{display:flex;align-items:flex-start;gap:12px;min-width:0}
.board-admin-card-title h3{margin:0;color:var(--ff-text,#0b1f4d);font-size:1rem;font-weight:var(--section-title-weight,var(--font-weight-section-title,500));line-height:1.25;overflow-wrap:anywhere}
.board-admin-card-title p{margin:4px 0 0;color:var(--ff-muted,#667085);font-size:.84rem;overflow-wrap:anywhere}
.board-admin-index{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:1px solid var(--ff-border,#d9e1ec);background:var(--ff-surface,#fff);color:var(--ff-primary,#24356f);font-size:.78rem;font-weight:700}
.board-admin-description{margin:0;color:var(--ff-muted,#667085);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.board-admin-card-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--ff-muted,#667085);font-size:.82rem}
.board-admin-card-meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--ff-border,#d9e1ec);border-radius:999px;background:var(--ff-surface,#fff)}
.board-admin-child-list{display:grid;gap:8px}
.board-admin-child-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-md,14px);background:var(--ff-surface,#fff)}
.board-admin-child-main{display:grid;gap:3px;min-width:0}
.board-admin-child-main a{color:var(--ff-link,#133a8a);font-size:.92rem;font-weight:var(--font-weight-link,400);text-decoration:var(--link-decoration,none);overflow-wrap:anywhere}
.board-admin-child-main span{color:var(--ff-muted,#667085);font-size:.78rem;overflow-wrap:anywhere}
.board-admin-child-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;color:var(--ff-muted,#667085);font-size:.8rem;text-align:right}
.board-admin-child-empty{padding:14px;border:1px dashed var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-md,14px);color:var(--ff-muted,#667085);background:var(--ff-surface,#fff);font-size:.9rem;text-align:center}
.board-admin-empty{display:grid;gap:10px;place-items:center;padding:34px 16px;border:1px dashed var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-lg,18px);background:var(--ff-surface-soft,#f7f9fc)}
.board-admin-empty strong{font-weight:600;color:var(--ff-text,#0b1f4d)}
.board-admin-empty span{color:var(--ff-muted,#667085)}
.board-admin-editor{padding:0;overflow:hidden}
.board-admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.board-admin-form-page .form-row{display:grid;gap:8px;min-width:0;margin:0 0 16px}
.board-admin-form-page .form-row label{font-size:.84rem;font-weight:600;color:var(--ff-text,#0b1f4d)}
.board-admin-form-page input,.board-admin-form-page select,.board-admin-form-page textarea{width:100%;min-height:44px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-md,14px);background:var(--ff-input-bg,#fff);color:var(--ff-input-text,#0b1f4d);padding:10px 12px;font:inherit;font-size:.95rem}
.board-admin-form-page textarea{min-height:130px;resize:vertical;line-height:1.55}
.board-admin-savebar{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--ff-border,#d9e1ec);background:color-mix(in srgb,var(--ff-surface,#fff) 92%,transparent);backdrop-filter:blur(10px)}
@media (max-width:1024px){.board-admin-grid{grid-template-columns:1fr}.board-admin-tools{width:100%;justify-content:flex-start}.board-admin-search{flex-basis:100%}}
@media (max-width:720px){.board-admin-hero,.board-admin-directory-head,.board-admin-card-head,.board-admin-child-row{display:grid}.board-admin-card-head .admin-status-row,.board-admin-child-meta{justify-content:flex-start;text-align:left}.board-admin-form-grid{grid-template-columns:1fr}.board-admin-savebar{position:static;display:grid}.board-admin-savebar .admin-chip{width:100%}.board-admin-tools .admin-chip{width:100%}}

/* Manage Boards final CTA and child-board action polish */
.admin-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:1px solid color-mix(in srgb,var(--ff-primary,#24356f) 78%,var(--ff-border,#d9e1ec));border-radius:999px;background:var(--ff-primary,#24356f);color:var(--ff-primary-text,#fff)!important;font-size:.92rem;font-weight:var(--font-weight-ui,500);line-height:1;text-decoration:none!important;box-shadow:0 12px 28px color-mix(in srgb,var(--ff-primary,#24356f) 22%,transparent);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.admin-cta-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px color-mix(in srgb,var(--ff-primary,#24356f) 28%,transparent);text-decoration:none!important}
.admin-cta-button:focus-visible{outline:3px solid color-mix(in srgb,var(--ff-primary,#24356f) 28%,transparent);outline-offset:3px}
.admin-cta-button__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--ff-primary-text,#fff) 18%,transparent);color:inherit;font-size:1.05rem;line-height:1;font-weight:600}
.board-admin-create-cta{white-space:nowrap}
.board-admin-tools .board-admin-create-cta{flex:0 0 auto}
.admin-mini-action{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid var(--ff-border,#d9e1ec);border-radius:999px;background:var(--ff-surface,#fff);color:var(--ff-link,#133a8a)!important;font-size:.78rem;font-weight:var(--font-weight-ui,500);line-height:1;text-decoration:none!important;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.admin-mini-action:hover{background:var(--ff-surface-soft,#f7f9fc);border-color:color-mix(in srgb,var(--ff-primary,#24356f) 32%,var(--ff-border,#d9e1ec));transform:translateY(-1px);text-decoration:none!important}
.board-admin-child-row{align-items:center}
.board-admin-child-main a{max-width:100%}
.board-admin-child-meta{gap:7px}
@media (max-width:720px){.admin-cta-button{width:100%;min-height:44px}.board-admin-child-row{gap:10px}.board-admin-child-meta{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.board-admin-child-edit{min-width:64px}}

/* Final Modify Board UI */
.board-modify-page{gap:clamp(16px,2vw,22px)}
.board-modify-hero{align-items:center}
.board-modify-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.board-modify-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}
.board-modify-main,.board-modify-card{overflow:hidden}
.board-modify-side{display:grid;gap:18px;min-width:0}
.board-modify-stack{display:grid;gap:16px}
.board-modify-page .admin-panel__head{border-bottom:1px solid var(--ff-border,#d9e1ec);padding-bottom:16px;margin-bottom:0}
.board-modify-page .admin-panel__body{padding-top:18px}
.board-modify-page .form-row{display:grid;gap:8px;min-width:0;margin:0}
.board-modify-page .form-row label{font-size:.84rem;font-weight:var(--font-weight-label,500);color:var(--ff-text,#0b1f4d)}
.board-modify-page input,.board-modify-page select,.board-modify-page textarea{width:100%;min-height:46px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-md,14px);background:var(--ff-input-bg,#fff);color:var(--ff-input-text,#0b1f4d);padding:10px 13px;font:inherit;font-size:.95rem;box-shadow:none}
.board-modify-page textarea{min-height:156px;resize:vertical;line-height:var(--ff-body-line-height,1.55)}
.board-modify-page input:focus,.board-modify-page select:focus,.board-modify-page textarea:focus{outline:3px solid color-mix(in srgb,var(--ff-primary,#24356f) 18%,transparent);border-color:color-mix(in srgb,var(--ff-primary,#24356f) 52%,var(--ff-border,#d9e1ec))}
.admin-field-hint{margin:0;color:var(--ff-muted,#667085);font-size:.82rem;line-height:1.45}
.board-modify-preview-card{display:grid;gap:14px;padding:15px;border:1px solid var(--ff-border,#d9e1ec);border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f7f9fc))}
.board-modify-preview-card strong{display:block;color:var(--ff-text,#0b1f4d);font-weight:var(--font-weight-card-title,500);font-size:1rem;line-height:1.25;overflow-wrap:anywhere}
.board-modify-preview-card span{color:var(--ff-muted,#667085);font-size:.84rem;overflow-wrap:anywhere}
.board-modify-preview-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.board-modify-note{margin-top:12px}
.board-modify-savebar{grid-column:1 / -1;z-index:5}
@media (max-width:1024px){.board-modify-layout{grid-template-columns:1fr}.board-modify-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.board-modify-side{grid-template-columns:repeat(2,minmax(0,1fr))}.board-modify-savebar{position:sticky}}
@media (max-width:720px){.board-modify-hero{display:grid}.board-modify-kpis,.board-modify-side{grid-template-columns:1fr}.board-modify-savebar{position:static;display:grid}.board-modify-savebar .admin-chip{width:100%}.board-modify-page input,.board-modify-page select,.board-modify-page textarea{font-size:16px}}

/* Final admin UI polish pass: shared action hierarchy, chips, empty states, and responsive spacing */
.admin-page-shell .button,
.admin-page-shell .btn,
.admin-page-shell button.btn,
.admin-page-shell .admin-btn,
.admin-page-shell .mr-btn {
  font-weight: var(--ui-weight, var(--ff-button-weight, 500));
  border-radius: 999px;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.admin-page-shell .button:hover,
.admin-page-shell .btn:hover,
.admin-page-shell button.btn:hover,
.admin-page-shell .admin-btn:hover,
.admin-page-shell .mr-btn:hover {
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}
.admin-page-shell .button:focus-visible,
.admin-page-shell .btn:focus-visible,
.admin-page-shell button.btn:focus-visible,
.admin-page-shell .admin-btn:focus-visible,
.admin-page-shell .mr-btn:focus-visible,
.admin-page-shell input:focus-visible,
.admin-page-shell select:focus-visible,
.admin-page-shell textarea:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ff-primary, #25316d) 18%, transparent);
  outline-offset: 2px;
}
.admin-page-shell .btn-danger,
.admin-page-shell .button-danger,
.admin-page-shell .admin-btn--danger {
  color: var(--danger-color, #b42318) !important;
  border-color: color-mix(in srgb, var(--danger-color, #b42318) 28%, var(--ff-border, #e4e7ec)) !important;
  background: color-mix(in srgb, var(--danger-color, #b42318) 7%, var(--ff-surface, #fff)) !important;
}
.admin-page-shell .btn-warning,
.admin-page-shell .button-warning,
.admin-page-shell .admin-btn--warning {
  color: #92400e !important;
  border-color: color-mix(in srgb, #d97706 28%, var(--ff-border, #e4e7ec)) !important;
  background: color-mix(in srgb, #d97706 8%, var(--ff-surface, #fff)) !important;
}
.admin-page-shell .admin-status-chip,
.admin-page-shell .status-chip,
.admin-page-shell .admin-chip {
  font-weight: var(--ui-weight, var(--ff-button-weight, 500));
  letter-spacing: 0;
}
.admin-page-shell .admin-status-chip--featured,
.admin-page-shell .status-chip--featured,
.admin-page-shell .admin-status-chip--approved,
.admin-page-shell .status-chip--approved {
  color: #067647;
  background: color-mix(in srgb, #12b76a 10%, var(--ff-surface, #fff));
  border-color: color-mix(in srgb, #12b76a 30%, var(--ff-border, #e4e7ec));
}
.admin-page-shell .admin-status-chip--pending,
.admin-page-shell .status-chip--pending {
  color: #92400e;
  background: color-mix(in srgb, #f59e0b 10%, var(--ff-surface, #fff));
  border-color: color-mix(in srgb, #f59e0b 30%, var(--ff-border, #e4e7ec));
}
.admin-page-shell .admin-status-chip--danger,
.admin-page-shell .status-chip--danger,
.admin-page-shell .admin-status-chip--rejected,
.admin-page-shell .status-chip--rejected,
.admin-page-shell .admin-status-chip--trashed,
.admin-page-shell .status-chip--trashed {
  color: var(--danger-color, #b42318);
  background: color-mix(in srgb, var(--danger-color, #b42318) 7%, var(--ff-surface, #fff));
  border-color: color-mix(in srgb, var(--danger-color, #b42318) 26%, var(--ff-border, #e4e7ec));
}
.admin-page-shell .admin-action-row,
.admin-page-shell .admin-action-chip-row {
  gap: 8px;
}
.admin-page-shell .admin-empty,
.admin-page-shell .empty-text,
.admin-page-shell .admin-empty-state {
  border: 1px dashed var(--ff-border, #e4e7ec);
  border-radius: var(--ff-radius-lg, 18px);
  background: var(--ff-surface-soft, #f8fafc);
  color: var(--ff-muted, #667085);
}
.admin-page-shell .admin-panel,
.admin-page-shell .page-card,
.admin-page-shell .dashboard-card {
  box-shadow: 0 14px 34px rgba(15, 23, 42, .045);
}
@media (max-width: 720px) {
  .admin-page-shell .admin-toolbar,
  .admin-page-shell .admin-action-row,
  .admin-page-shell .admin-action-chip-row {
    justify-content: flex-start;
  }
  .admin-page-shell .admin-action-row .btn,
  .admin-page-shell .admin-action-row .button,
  .admin-page-shell .admin-action-row button,
  .admin-page-shell .admin-action-chip-row .btn,
  .admin-page-shell .admin-action-chip-row .button,
  .admin-page-shell .admin-action-chip-row button {
    flex: 1 1 auto;
  }
}

/* Final public trending page */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.trending-hero{overflow:hidden;}
.trending-hero__top{align-items:flex-start;gap:18px;}
.trending-hero .public-hero-text{max-width:720px;margin:10px 0 0;color:var(--ff-text-muted,#667085);font-size:var(--public-body-size,var(--body-size,15px));line-height:var(--body-line-height,1.55);}
.trending-hero__stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-left:auto;}
.trending-panel{overflow:visible;}
.trending-panel--top{position:relative;}
.trending-section-head{align-items:flex-start;gap:16px;}
.trending-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;}
.trending-tag-card{display:flex;flex-direction:column;gap:10px;min-height:138px;padding:18px;border:1px solid var(--ff-border,#d9e2f2);border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-card-bg,#fff),var(--ff-soft-bg,#f8fbff));color:var(--ff-text,#071b4d);text-decoration:none;box-shadow:var(--ff-shadow-sm,0 12px 30px rgba(15,23,42,.06));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.trending-tag-card:hover{transform:translateY(-2px);border-color:var(--ff-primary,#263b7c);box-shadow:var(--ff-shadow-md,0 18px 40px rgba(15,23,42,.10));text-decoration:none;}
.trending-tag-card__rank{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:42px;padding:0 10px;border-radius:999px;background:var(--ff-primary-soft,#edf2ff);color:var(--ff-primary,#263b7c);font-size:12px;font-weight:var(--ui-weight,500);}
.trending-tag-card__name{font-size:var(--card-title-size,18px);font-weight:var(--card-title-weight,500);line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere;}
.trending-tag-card__meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;color:var(--ff-text-muted,#667085);font-size:12px;}
.trending-tag-card__meta span{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--ff-border,#d9e2f2);border-radius:999px;background:var(--ff-card-bg,#fff);}
.trending-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin:18px 0 16px;padding:14px;border:1px solid var(--ff-border,#d9e2f2);border-radius:var(--ff-radius-lg,18px);background:var(--ff-soft-bg,#f8fbff);}
.trending-search input{width:100%;min-height:44px;border:1px solid var(--ff-border,#d9e2f2);border-radius:var(--ff-radius-md,14px);background:var(--ff-input-bg,#fff);color:var(--ff-text,#071b4d);font:inherit;padding:0 14px;outline:none;}
.trending-search input:focus{border-color:var(--ff-primary,#263b7c);box-shadow:0 0 0 3px color-mix(in srgb,var(--ff-primary,#263b7c) 14%,transparent);}
.trending-all-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.hashtag-browse-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 11px;border:1px solid var(--ff-border,#d9e2f2);border-radius:999px;background:var(--ff-card-bg,#fff);color:var(--ff-text,#071b4d);text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease;}
.hashtag-browse-chip:hover{transform:translateY(-1px);border-color:var(--ff-primary,#263b7c);background:var(--ff-primary-soft,#edf2ff);text-decoration:none;}
.hashtag-browse-chip__name{font-weight:var(--link-weight,400);overflow-wrap:anywhere;}
.hashtag-browse-chip__count{color:var(--ff-text-muted,#667085);font-size:12px;white-space:nowrap;}
.public-empty-state--soft{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px dashed var(--ff-border,#d9e2f2);border-radius:var(--ff-radius-lg,18px);background:var(--ff-soft-bg,#f8fbff);color:var(--ff-text-muted,#667085);}
.public-empty-state--soft strong{color:var(--ff-text,#071b4d);font-weight:var(--strong-weight,600);}
.third-party-ad-row--trending_after_topics_3{margin:18px 0;}
.third-party-ad-row--trending_after_header{margin:18px 0;}
@media (max-width: 900px){.trending-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.trending-hero__stats{justify-content:flex-start;margin-left:0;}.trending-search{grid-template-columns:1fr;}.trending-search .button{width:100%;justify-content:center;}}
@media (max-width: 560px){.trending-top-grid{grid-template-columns:1fr;}.trending-tag-card{min-height:auto;}.hashtag-browse-chip{width:100%;justify-content:space-between;border-radius:var(--ff-radius-md,14px);}.hashtag-browse-chip__count{white-space:normal;text-align:right;}}

/* Final search insights admin UI */
.search-insights-page{gap:22px;}
.search-insights-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;overflow:visible;}
.search-insights-hero__copy{max-width:760px;}
.search-insights-hero__chips{margin-top:14px;}
.search-insights-toolbar{justify-content:flex-end;}
.search-insights-kpis{grid-template-columns:repeat(4,minmax(0,1fr));}
.search-insights-action-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:stretch;}
.search-insights-action-card{overflow:visible;}
.search-insights-action-card--priority{background:linear-gradient(180deg,var(--ff-card-bg,#fff),color-mix(in srgb,var(--ff-primary,#25316d) 3%,var(--ff-card-bg,#fff)));}
.search-term-stack{display:grid;gap:10px;}
.search-term-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--ff-border,#d9e2f2);border-radius:var(--ff-radius-md,14px);background:var(--ff-surface,#fff);}
.search-term-rank,.search-insight-row__rank{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:32px;padding:0 10px;border-radius:999px;background:var(--ff-primary-soft,#eef2ff);color:var(--ff-primary,#25316d);font-weight:var(--ui-weight,500);font-size:12px;border:1px solid color-mix(in srgb,var(--ff-primary,#25316d) 18%,var(--ff-border,#d9e2f2));}
.search-term-title{font-weight:var(--card-title-weight,500);color:var(--ff-text,#071b4d);line-height:1.25;overflow-wrap:anywhere;}
.search-term-meta{font-size:12px;color:var(--ff-muted,#667085);margin-top:3px;}
.search-gap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.search-gap-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--ff-border,#d9e2f2);border-radius:var(--ff-radius-md,14px);background:var(--ff-surface-soft,#f8fafc);}
.search-gap-chip strong{font-weight:var(--card-title-weight,500);color:var(--ff-text,#071b4d);overflow-wrap:anywhere;}
.search-gap-chip span{white-space:nowrap;color:var(--ff-muted,#667085);font-size:12px;}
.search-insights-panel{overflow:visible;}
.search-insights-list{display:grid;gap:10px;}
.search-insight-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--ff-border,#d9e2f2);border-radius:var(--ff-radius-lg,18px);background:linear-gradient(180deg,var(--ff-card-bg,#fff),var(--ff-surface-soft,#f8fafc));}
.search-insight-row__title{margin:0 0 8px;font-size:var(--card-title-size,15px);font-weight:var(--card-title-weight,500);line-height:1.28;color:var(--ff-text,#071b4d);overflow-wrap:anywhere;}
.search-insight-row__chips{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.search-insight-row__side{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:190px;}
.search-insight-row__date{font-size:12px;color:var(--ff-muted,#667085);white-space:nowrap;}
.search-zero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.search-zero-card{padding:13px;border:1px solid var(--ff-border,#d9e2f2);border-radius:var(--ff-radius-md,14px);background:var(--ff-surface,#fff);}
.search-zero-card__term{font-weight:var(--card-title-weight,500);color:var(--ff-text,#071b4d);overflow-wrap:anywhere;}
.search-zero-card__meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;color:var(--ff-muted,#667085);font-size:12px;}
.search-zero-card__meta span{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--ff-border,#d9e2f2);border-radius:999px;background:var(--ff-surface-soft,#f8fafc);}
@media(max-width:980px){.search-insights-hero{display:grid;}.search-insights-toolbar{justify-content:flex-start;}.search-insights-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}.search-insights-action-grid{grid-template-columns:1fr;}.search-insight-row{grid-template-columns:1fr;}.search-insight-row__side{min-width:0;justify-content:flex-start;flex-wrap:wrap;}.search-zero-grid,.search-gap-grid{grid-template-columns:1fr;}}
@media(max-width:560px){.search-insights-kpis{grid-template-columns:1fr;}.search-term-card{grid-template-columns:1fr;align-items:flex-start;}.search-gap-chip{align-items:flex-start;flex-direction:column;}.search-insight-row__chips .admin-chip,.search-insight-row__chips .admin-status-chip{width:100%;justify-content:space-between;}.search-zero-card__meta span{width:100%;}}

/* Wallet settings final UI */
.wallet-settings-final-page{display:grid;gap:var(--section-gap,22px)}
.wallet-settings-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.wallet-settings-toolbar{justify-content:flex-end;align-items:flex-start}
.wallet-settings-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wallet-settings-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap,14px)}
.wallet-settings-kpi{border:1px solid var(--border-color,var(--ff-border,#e4e7ec));background:var(--card-bg,var(--ff-surface,#fff));border-radius:var(--card-radius,18px);padding:18px;box-shadow:var(--card-shadow,0 8px 26px rgba(15,23,42,.04));display:grid;gap:7px;min-width:0}
.wallet-settings-kpi span{font-size:var(--meta-font-size,12px);color:var(--text-muted,var(--ff-muted,#667085));font-weight:var(--ui-font-weight,500);text-transform:uppercase;letter-spacing:.04em}
.wallet-settings-kpi strong{font-size:clamp(20px,2.2vw,28px);line-height:1.1;font-weight:var(--heading-font-weight,600);color:var(--text-main,var(--ff-text,#172033));overflow-wrap:anywhere}
.wallet-settings-kpi small{font-size:var(--meta-font-size,12px);color:var(--text-muted,var(--ff-muted,#667085));line-height:1.45}
.wallet-settings-form{display:grid;gap:var(--section-gap,22px)}
.wallet-settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.7fr);gap:var(--card-gap,16px);align-items:start}
.wallet-settings-side-stack{display:grid;gap:var(--card-gap,16px)}
.wallet-settings-card{overflow:visible}
.wallet-settings-card__head{align-items:flex-start;gap:12px;border-bottom:1px solid var(--border-color,var(--ff-border,#e4e7ec));padding-bottom:14px}
.wallet-settings-card__head.compact{padding-bottom:12px}
.wallet-settings-card__body{display:grid;gap:18px}
.wallet-settings-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wallet-settings-toggle{position:relative;display:flex;align-items:center;gap:12px;min-height:92px;padding:15px;border:1px solid var(--border-color,var(--ff-border,#e4e7ec));border-radius:var(--card-radius,18px);background:var(--surface-muted,var(--ff-surface-soft,#f8fafc));cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.wallet-settings-toggle:hover{border-color:color-mix(in srgb,var(--primary-color,var(--ff-primary,#25316d)) 28%,var(--border-color,var(--ff-border,#e4e7ec)));box-shadow:var(--card-shadow,0 8px 24px rgba(15,23,42,.06));transform:translateY(-1px)}
.wallet-settings-toggle input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.wallet-settings-toggle__switch{width:46px;height:26px;border-radius:999px;padding:3px;flex:0 0 auto;background:var(--border-color,var(--ff-border,#e4e7ec));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-muted,#667085) 10%,transparent);transition:background .18s ease}
.wallet-settings-toggle__switch span{display:block;width:20px;height:20px;border-radius:50%;background:var(--card-bg,#fff);box-shadow:0 2px 6px rgba(15,23,42,.18);transition:transform .18s ease}
.wallet-settings-toggle input[type="checkbox"]:checked + .wallet-settings-toggle__switch{background:var(--primary-color,var(--ff-primary,#25316d))}
.wallet-settings-toggle input[type="checkbox"]:checked + .wallet-settings-toggle__switch span{transform:translateX(20px)}
.wallet-settings-toggle__copy{display:grid;gap:5px;min-width:0}
.wallet-settings-toggle__copy strong{font-size:var(--body-font-size,14px);font-weight:var(--ui-font-weight,500);color:var(--text-main,var(--ff-text,#172033));line-height:1.25}
.wallet-settings-toggle__copy small{font-size:var(--meta-font-size,12px);font-weight:var(--body-font-weight,400);color:var(--text-muted,var(--ff-muted,#667085));line-height:1.45}
.wallet-settings-amount-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:14px;align-items:stretch}
.wallet-settings-amount-grid .form-row{min-width:0}
.wallet-settings-preview-box{display:grid;gap:6px;align-content:center;border:1px dashed var(--border-color,var(--ff-border,#e4e7ec));border-radius:var(--card-radius,18px);padding:16px;background:var(--surface-muted,var(--ff-surface-soft,#f8fafc))}
.wallet-settings-preview-box span,.wallet-settings-summary-list span{font-size:var(--meta-font-size,12px);color:var(--text-muted,var(--ff-muted,#667085));font-weight:var(--ui-font-weight,500)}
.wallet-settings-preview-box strong,.wallet-settings-summary-list strong{font-size:18px;color:var(--text-main,var(--ff-text,#172033));font-weight:var(--heading-font-weight,600);overflow-wrap:anywhere}
.wallet-settings-preview-box small{font-size:var(--meta-font-size,12px);color:var(--text-muted,var(--ff-muted,#667085));line-height:1.45}
.wallet-settings-summary-list{display:grid;gap:10px}
.wallet-settings-summary-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border-color,var(--ff-border,#e4e7ec));border-radius:var(--radius-md,14px);padding:12px;background:var(--surface-muted,var(--ff-surface-soft,#f8fafc))}
.wallet-settings-full-button{width:100%;justify-content:center}
.wallet-settings-checklist{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:wallet-checks}
.wallet-settings-checklist li{counter-increment:wallet-checks;display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--border-color,var(--ff-border,#e4e7ec));border-radius:var(--radius-md,14px);padding:12px;background:var(--surface-muted,var(--ff-surface-soft,#f8fafc));font-size:var(--small-text-size,13px);color:var(--text-muted,var(--ff-muted,#667085));line-height:1.45}
.wallet-settings-checklist li::before{content:counter(wallet-checks);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--card-bg,#fff);border:1px solid var(--border-color,var(--ff-border,#e4e7ec));color:var(--primary-color,var(--ff-primary,#25316d));font-weight:var(--ui-font-weight,500);font-size:12px}
.wallet-settings-note-card textarea{min-height:150px;resize:vertical}
.wallet-settings-save-bar{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:color-mix(in srgb,var(--card-bg,var(--ff-surface,#fff)) 90%,transparent);backdrop-filter:blur(10px);box-shadow:var(--floating-shadow,0 18px 45px rgba(15,23,42,.10))}
.wallet-settings-save-bar strong{display:block;font-weight:var(--ui-font-weight,500);color:var(--text-main,var(--ff-text,#172033));line-height:1.2}
.wallet-settings-save-bar small{display:block;margin-top:3px;font-size:var(--meta-font-size,12px);color:var(--text-muted,var(--ff-muted,#667085))}
.wallet-settings-save-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:1080px){.wallet-settings-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-settings-grid{grid-template-columns:1fr}.wallet-settings-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.wallet-settings-hero{display:grid}.wallet-settings-toolbar{justify-content:flex-start}.wallet-settings-kpi-grid,.wallet-settings-toggle-grid,.wallet-settings-amount-grid,.wallet-settings-side-stack{grid-template-columns:1fr}.wallet-settings-save-bar{position:static;display:grid}.wallet-settings-save-actions{display:grid}.wallet-settings-save-actions .button{width:100%;justify-content:center}.wallet-settings-card__head{display:grid}.wallet-settings-toggle{min-height:auto}}

/* High-priority admin final UI pass */
.admin-page-shell .page-card,
.admin-page-shell .admin-panel{border:1px solid var(--ff-border,rgba(15,23,42,.10));border-radius:var(--radius-xl,22px);background:var(--ff-surface,#fff);box-shadow:0 18px 44px rgba(15,23,42,.055);}
.admin-page-shell .page-header,.admin-page-shell .site-settings-command,.admin-page-shell .homepage-settings-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px;}
.admin-page-shell .page-title{font-weight:var(--fw-section-title,500);letter-spacing:var(--heading-letter-spacing,-.02em);}
.admin-page-shell .page-subtitle,.admin-page-shell .page-intro,.admin-section-note,.admin-section-copy{color:var(--ff-muted,var(--text-muted,#667085));line-height:1.55;}
.admin-toolbar,.admin-filter-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.admin-chip,.button,.btn{border-radius:999px;font-weight:var(--fw-ui,500);}
.admin-chip--primary,.button-primary,.btn-primary{background:var(--ff-primary,var(--primary,#24366f));color:#fff;border-color:var(--ff-primary,var(--primary,#24366f));box-shadow:0 10px 24px rgba(36,54,111,.18);}
.button-secondary,.admin-chip--soft,.btn-secondary{background:var(--ff-surface,#fff);border:1px solid var(--ff-border,rgba(15,23,42,.12));color:var(--ff-primary,var(--primary,#24366f));}
.button-danger,.admin-chip--danger,.btn-danger{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.22);color:#b91c1c;}
.dashboard-kpi-grid,.settings-kpi-grid,.homepage-summary-grid,.payment-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.dashboard-kpi-card,.settings-kpi-card,.homepage-summary-card,.payment-kpi-card{border:1px solid var(--ff-border,rgba(15,23,42,.10));border-radius:var(--radius-lg,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f8fafc));padding:18px;min-height:104px;}
.dashboard-kpi-label,.settings-kpi-label,.homepage-summary-label{font-size:var(--meta-font-size,.78rem);letter-spacing:.055em;text-transform:uppercase;color:var(--ff-muted,#667085);margin:0 0 8px;}
.dashboard-kpi-value,.settings-kpi-value,.homepage-summary-value{font-size:clamp(1.3rem,2vw,1.75rem);font-weight:var(--fw-section-title,500);margin:0;color:var(--ff-text,#0f172a);}
.dashboard-kpi-meta,.settings-kpi-meta,.homepage-summary-copy{font-size:var(--meta-font-size,.86rem);color:var(--ff-muted,#667085);line-height:1.45;margin:6px 0 0;}
.form-row,.settings-field{display:grid;gap:7px;}
.form-row label,.settings-field label{font-size:var(--meta-font-size,.84rem);font-weight:var(--fw-ui,500);color:var(--ff-text,#0f172a);}
.form-row input,.form-row select,.form-row textarea,.settings-field input,.settings-field select,.settings-field textarea{width:100%;min-height:42px;border-radius:var(--radius-md,14px);border:1px solid var(--ff-border,rgba(15,23,42,.13));background:var(--ff-surface,#fff);color:var(--ff-text,#0f172a);padding:10px 12px;font:inherit;font-weight:var(--fw-body,400);}
.form-row textarea,.settings-field textarea{min-height:110px;resize:vertical;}
.admin-panel__head{padding:20px 22px;border-bottom:1px solid var(--ff-border,rgba(15,23,42,.10));display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;}
.admin-panel__body{padding:22px;}
.admin-two-column-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.75fr);gap:18px;align-items:start;}
.admin-status-chip,.profile-chip,.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;border:1px solid var(--ff-border,rgba(15,23,42,.12));background:var(--ff-surface,#fff);font-size:var(--meta-font-size,.82rem);font-weight:var(--fw-ui,500);line-height:1;}
.status-chip--success{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.24);color:#047857;}
.status-chip--warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.26);color:#92400e;}
.status-chip--danger{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.24);color:#b91c1c;}
.admin-empty-state,.empty-text{border:1px dashed var(--ff-border,rgba(15,23,42,.16));border-radius:var(--radius-lg,18px);background:var(--ff-surface-soft,#f8fafc);padding:24px;text-align:center;color:var(--ff-muted,#667085);}
/* Withdrawals final */
.withdrawals-final-shell{display:grid;gap:18px;}
.withdrawals-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.withdrawals-request-list{display:grid;gap:14px;}
.withdrawal-request-card{border:1px solid var(--ff-border,rgba(15,23,42,.10));border-radius:var(--radius-lg,18px);background:var(--ff-surface,#fff);padding:16px;display:grid;gap:14px;}
.withdrawal-request-card__top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;}
.withdrawal-request-card__title{display:grid;gap:8px;}
.withdrawal-request-card__title strong{font-weight:var(--fw-section-title,500);font-size:1rem;}
.withdrawal-meta-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.withdrawal-action-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;}
.withdrawal-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.withdrawals-side-stack{display:grid;gap:18px;}
.withdrawals-flow-card{border:1px solid var(--ff-border,rgba(15,23,42,.10));border-radius:var(--radius-md,14px);padding:14px;background:var(--ff-surface-soft,#f8fafc);display:grid;gap:6px;}
.withdrawals-flow-card strong{font-weight:var(--fw-ui,500);}
@media(max-width:1100px){.dashboard-kpi-grid,.settings-kpi-grid,.homepage-summary-grid,.payment-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.admin-two-column-grid{grid-template-columns:1fr;}.withdrawal-action-grid{grid-template-columns:1fr 1fr;}.withdrawal-action-buttons{grid-column:1/-1;justify-content:flex-start;}}
@media(max-width:700px){.dashboard-kpi-grid,.settings-kpi-grid,.homepage-summary-grid,.payment-kpi-grid{grid-template-columns:1fr;}.admin-page-shell .page-header,.admin-page-shell .site-settings-command,.admin-page-shell .homepage-settings-hero{padding:22px;}.admin-panel__head,.admin-panel__body{padding:18px;}.withdrawal-action-grid{grid-template-columns:1fr;}.admin-toolbar .admin-chip,.withdrawals-nav .admin-chip{width:100%;justify-content:center;}}
.admin-empty-state--left{text-align:left;padding:14px;}
.admin-empty-state--left p{margin:0 0 6px;}
.admin-empty-state--left p:last-child{margin-bottom:0;}

/* Final low-priority admin UI polish */
.low-priority-admin-page .admin-command-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;}
.admin-list-stack{display:grid;gap:14px;}
.admin-list-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--ff-border,rgba(15,23,42,.10));border-radius:var(--radius-lg,18px);background:var(--ff-surface,#fff);padding:16px;box-shadow:var(--card-shadow,0 12px 32px rgba(15,23,42,.04));}
.admin-list-card__main{display:grid;gap:10px;min-width:0;}
.admin-list-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.admin-list-card__header .topic-link{font-weight:var(--fw-card-title,var(--fw-links,400));font-size:var(--card-title-size,1rem);line-height:1.35;color:var(--ff-text,#0f172a);}
.publisher-money-strip{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.admin-status-chip--trashed{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.24);color:#b91c1c;}
.advertising-control-page .form-row,.board-modify-page .form-row,.withdrawals-final-shell .form-row{display:grid;gap:7px;min-width:0;}
.advertising-control-page .form-row label,.board-modify-page .form-row label,.withdrawals-final-shell .form-row label{font-size:var(--meta-font-size,.84rem);font-weight:var(--fw-ui,500);color:var(--ff-text,#0f172a);}
.advertising-control-page .form-row input,.advertising-control-page .form-row select,.board-modify-page .form-row input,.board-modify-page .form-row select,.board-modify-page .form-row textarea,.withdrawals-final-shell .form-row input{width:100%;min-height:42px;border-radius:var(--radius-md,14px);border:1px solid var(--ff-border,rgba(15,23,42,.13));background:var(--ff-surface,#fff);color:var(--ff-text,#0f172a);padding:10px 12px;font:inherit;font-weight:var(--fw-body,400);}
.notfound-monitor-page .admin-panel,.search-insights-page .admin-panel,.hashtag-admin-page .admin-panel,.wallet-audit-page .admin-panel,.advertising-control-page .admin-panel{overflow:hidden;}
.admin-panel__head--stacked{align-items:flex-start;}
@media(max-width:860px){.admin-list-card{grid-template-columns:1fr;}.publisher-money-strip,.admin-action-chip-row{justify-content:flex-start;}.low-priority-admin-page .admin-toolbar .admin-chip{width:100%;justify-content:center;}}

/* Public high-priority UI finalisation layer
   Account, profile, publisher, wallet and campaign pages use the same global declarations as the latest admin/public system. */
:root{
  --ff-public-gap:clamp(14px,2vw,22px);
  --ff-public-card-pad:clamp(16px,2.4vw,24px);
  --ff-public-control-height:44px;
}
.page-card,
.profile-hub-card,
.pf-section-card{
  background:var(--ff-surface,#fff);
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-lg,20px);
  box-shadow:var(--ff-shadow,0 10px 30px rgba(20,29,67,.06));
}
.profile-hub-shell,
.account-dashboard-shell,
.public-account-shell{
  width:min(var(--ff-content-width,1180px),calc(100% - 28px));
  margin:clamp(18px,3vw,28px) auto clamp(32px,5vw,48px);
}
.page-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ff-public-gap);
  padding:var(--ff-public-card-pad);
}
.page-header .page-title,
.profile-hub-name{
  margin:0;
  color:var(--ff-text,#1c2541);
  font-family:var(--ff-heading-font,var(--ff-body-font,system-ui,sans-serif));
  font-weight:var(--ff-weight-heading,400)!important;
  letter-spacing:var(--ff-heading-letter-spacing,-.02em);
}
.page-section-label{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  margin-bottom:8px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--ff-primary,#24356d) 18%,var(--ff-border,#e3e8f0));
  background:var(--ff-primary-soft,#eef2ff);
  color:var(--ff-primary,#24356d);
  font-size:.75rem;
  font-weight:var(--ff-weight-label,500)!important;
  letter-spacing:.02em;
}
.page-intro,
.profile-hub-side-note,
.profile-content-meta,
.dashboard-kpi-meta,
.empty-text{
  color:var(--ff-muted,#667085)!important;
  font-weight:var(--ff-weight-meta,400)!important;
}
.admin-toolbar,
.profile-hub-actions,
.form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.admin-toolbar{justify-content:flex-end}
.button,
.btn,
.admin-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--ff-border,#e3e8f0);
  background:var(--ff-surface,#fff);
  color:var(--ff-text,#1c2541);
  text-decoration:none!important;
  font-weight:var(--ff-weight-button,500)!important;
  line-height:1.1;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.button:hover,
.btn:hover,
.admin-chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,29,67,.08);text-decoration:none!important}
.button-primary,
.btn-primary,
.admin-chip--primary{
  background:var(--ff-primary,#24356d)!important;
  color:#fff!important;
  border-color:var(--ff-primary,#24356d)!important;
}
.admin-chip--soft,
.button-secondary,
.btn-secondary{
  background:var(--ff-primary-soft,#eef2ff)!important;
  color:var(--ff-primary,#24356d)!important;
  border-color:color-mix(in srgb,var(--ff-primary,#24356d) 18%,var(--ff-border,#e3e8f0))!important;
}
.profile-hub-grid,
.profile-hub-grid--edit{
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:var(--ff-public-gap);
  align-items:start;
}
.profile-hub-main,
.profile-hub-side{display:grid;gap:var(--ff-public-gap)}
.profile-hub-card,
.pf-section-card{padding:var(--ff-public-card-pad)}
.profile-hub-avatar-image,
.profile-hub-avatar-fallback{
  width:clamp(92px,10vw,132px);
  height:clamp(92px,10vw,132px);
  border:1px solid var(--ff-border,#e3e8f0);
  box-shadow:0 12px 26px rgba(20,29,67,.08);
}
.profile-hub-avatar-fallback{background:linear-gradient(135deg,var(--ff-primary-soft,#eef2ff),var(--ff-surface-soft,#f7f9fc));color:var(--ff-primary,#24356d);font-weight:var(--ff-weight-section-title,500)!important}
.profile-hub-info-list,
.profile-hub-mini-list,
.profile-content-list,
.profile-hub-stream-list{display:grid;gap:12px}
.profile-hub-info-row,
.profile-hub-mini-row,
.profile-content-item,
.profile-hub-stream-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-md,16px);
  background:var(--ff-surface-soft,#f7f9fc);
}
.profile-content-main{min-width:0;flex:1 1 auto}
.profile-topic-title,
.profile-hub-stream-title,
.message-center-title{
  color:var(--ff-text,#1c2541)!important;
  font-size:var(--ff-font-size-card-title,16px)!important;
  font-weight:var(--ff-weight-card-title,400)!important;
  line-height:var(--ff-card-title-line-height,1.35)!important;
  text-decoration:none!important;
}
.profile-topic-title:hover,
.profile-hub-stream-title:hover{text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:3px}
.profile-content-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 10px;
  margin-top:8px;
  font-size:.88rem;
}
.profile-content-meta span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid var(--ff-border,#e3e8f0);
  background:var(--ff-surface,#fff);
}
.profile-content-meta span:empty,
.profile-content-meta span:nth-child(even):not(:last-child){display:none}
.profile-hub-kpi-grid,
.dashboard-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.profile-hub-kpi,
.dashboard-kpi-card{
  padding:16px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-md,16px);
  background:var(--ff-surface,#fff);
  box-shadow:0 6px 16px rgba(20,29,67,.04);
}
.profile-hub-kpi span,
.dashboard-kpi-label{
  margin:0 0 6px;
  color:var(--ff-muted,#667085)!important;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:var(--ff-weight-label,500)!important;
}
.profile-hub-kpi strong,
.dashboard-kpi-value{
  margin:0;
  color:var(--ff-text,#1c2541)!important;
  font-size:clamp(1.25rem,2.2vw,1.8rem);
  line-height:1.1;
  font-weight:var(--ff-weight-section-title,500)!important;
  overflow-wrap:anywhere;
}
.form-card,
.profile-hub-form{display:grid;gap:16px}
.form-grid-2,
.form-grid-3,
.profile-hub-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-row{display:grid;gap:7px;margin:0!important}
.form-row label{
  color:var(--ff-text,#1c2541);
  font-size:.88rem;
  font-weight:var(--ff-weight-label,500)!important;
}
.form-row input,
.form-row select,
.form-row textarea,
.profile-hub-form input,
.profile-hub-form select,
.profile-hub-form textarea{
  width:100%;
  min-height:var(--ff-public-control-height,44px);
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-md,16px);
  background:var(--ff-surface,#fff);
  color:var(--ff-text,#1c2541);
  padding:10px 13px;
  font:inherit;
  font-weight:var(--ff-weight-body,400)!important;
  outline:none;
}
.form-row textarea,
.profile-hub-form textarea{min-height:120px;resize:vertical}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus,
.profile-hub-form input:focus,
.profile-hub-form select:focus,
.profile-hub-form textarea:focus{
  border-color:color-mix(in srgb,var(--ff-primary,#24356d) 52%,var(--ff-border,#e3e8f0));
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ff-primary,#24356d) 12%,transparent);
}
.form-row--full{grid-column:1/-1}
.form-actions{margin-top:14px!important;justify-content:flex-start}
.empty-state{
  display:grid;
  place-items:center;
  text-align:center;
  gap:12px;
  padding:clamp(22px,4vw,38px);
  border:1px dashed var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-lg,20px);
  background:var(--ff-surface-soft,#f7f9fc);
}
.pf-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.pf-section-head .section-title{margin:0}
.profile-hub-chip-row a,
.status-chip,
.campaign-status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:999px;
  background:var(--ff-surface,#fff);
  color:var(--ff-text,#1c2541);
  text-decoration:none!important;
  font-weight:var(--ff-weight-button,500)!important;
}
.profile-hub-role-badge,
.profile-hub-verified-badge{font-weight:var(--ff-weight-button,500)!important}
/* Campaign/account specific refinement */
.account-campaign-grid,
.campaign-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.advertiser-action-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.campaign-hero-media img,
.campaign-media img{max-width:100%;height:auto;border-radius:var(--ff-radius-md,16px);border:1px solid var(--ff-border,#e3e8f0)}
@media (max-width: 1050px){
  .profile-hub-kpi-grid,.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 860px){
  .page-header{display:grid}
  .admin-toolbar{justify-content:flex-start}
  .profile-hub-grid,.profile-hub-grid--edit,.profile-hub-split-grid{grid-template-columns:1fr!important}
  .profile-hub-actions{grid-template-columns:1fr 1fr}
  .form-grid-2,.form-grid-3,.profile-hub-form-grid,.account-campaign-grid,.campaign-summary-grid{grid-template-columns:1fr!important}
}
@media (max-width: 560px){
  .profile-hub-shell,.account-dashboard-shell,.public-account-shell{width:min(100% - 20px,var(--ff-content-width,1180px))}
  .profile-hub-card,.pf-section-card,.page-header{padding:16px}
  .profile-hub-kpi-grid,.dashboard-kpi-grid{grid-template-columns:1fr}
  .profile-hub-actions,.admin-toolbar,.form-actions{display:grid;grid-template-columns:1fr;width:100%}
  .button,.btn,.admin-chip{width:100%}
  .profile-hub-info-row,.profile-hub-mini-row,.profile-content-item,.profile-hub-stream-item{display:grid}
  .profile-content-meta span{min-height:24px;font-size:.82rem}
}

/* Public medium-priority final UI pass: forum/content, auth, messaging, discovery */
.public-system-shell,.public-account-shell,.public-compose-shell,.public-discovery-shell{width:min(100% - 28px,var(--ff-content-width,1180px));margin:0 auto clamp(22px,4vw,42px)}
.public-hero,.public-hero--compact,.public-compose-hero,.auth-hero{width:min(100% - 28px,var(--ff-content-width,1180px));margin:0 auto clamp(16px,3vw,26px);padding:clamp(18px,4vw,34px);border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-lg,22px);background:linear-gradient(135deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f7f9fc));box-shadow:var(--ff-shadow-soft,0 14px 40px rgba(15,23,42,.06))}
.public-panel,.public-form-panel,.auth-card,.message-card,.topic-content-card,.reply-card,.board-card,.discovery-card{border:1px solid var(--ff-border,#e3e8f0)!important;border-radius:var(--ff-radius-lg,22px)!important;background:var(--ff-surface,#fff)!important;box-shadow:var(--ff-shadow-soft,0 12px 34px rgba(15,23,42,.05))}
.public-panel,.auth-card,.message-card,.discovery-card{padding:clamp(16px,3vw,26px)}
.public-section-head,.message-head,.auth-card__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.public-section-copy .section-title,.message-head .section-title,.auth-card__head .section-title{margin:0;font-weight:var(--ff-weight-section-title,500)!important}
.topic-row,.message-row,.profile-content-item,.profile-hub-stream-item,.board-list-item,.search-result-card{border:1px solid var(--ff-border,#e3e8f0)!important;border-radius:var(--ff-radius-md,16px)!important;background:var(--ff-surface,#fff)!important;padding:clamp(13px,2.2vw,18px)!important;box-shadow:none!important}.topic-list,.message-list,.profile-content-list,.recent-topics-list,.search-topics-list{display:grid!important;gap:12px!important}
.topic-link,.profile-topic-title,.message-title,.board-title,.public-card-link{color:var(--ff-text,#172033)!important;font-weight:var(--ff-weight-card-link,var(--ff-weight-link,400))!important;letter-spacing:var(--ff-card-title-letter-spacing,-.01em);text-decoration:none!important}.topic-link:hover,.profile-topic-title:hover,.message-title:hover,.board-title:hover{color:var(--ff-primary,#24356d)!important;text-decoration:underline!important;text-underline-offset:3px}.topic-excerpt,.message-excerpt,.profile-content-meta,.public-muted,.empty-text{color:var(--ff-muted,#667085)!important;font-weight:var(--ff-weight-body,400)!important}
.topic-meta,.meta-row,.profile-content-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.topic-meta a,.topic-meta span,.meta-chip,.profile-content-meta span,.search-facet-pill,.public-count-badge{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border:1px solid var(--ff-border,#e3e8f0);border-radius:999px;background:var(--ff-chip-bg,var(--ff-surface-soft,#f7f9fc));color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.86rem);font-weight:var(--ff-weight-chip,500)!important;text-decoration:none!important}
.public-empty-state{display:grid!important;place-items:center;text-align:center;gap:8px;padding:clamp(20px,4vw,34px)!important;border:1px dashed var(--ff-border,#e3e8f0)!important;border-radius:var(--ff-radius-lg,22px)!important;background:var(--ff-surface-soft,#f7f9fc)!important;color:var(--ff-muted,#667085)!important}.public-empty-state strong{color:var(--ff-text,#172033);font-weight:var(--ff-weight-section-title,500)!important}
.public-form-stack,.auth-form,.message-form,.settings-form{display:grid;gap:16px}.form-row{display:grid;gap:7px;margin:0!important}.form-row label,.form-row>span,.settings-grid label span{font-size:var(--ff-label-size,.86rem);color:var(--ff-muted,#667085);font-weight:var(--ff-weight-label,500)!important}.form-row input,.form-row select,.form-row textarea,.auth-form input,.message-form textarea,.settings-form input,.settings-form select,.settings-form textarea{width:100%;min-height:44px;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-sm,12px);background:var(--ff-surface,#fff);color:var(--ff-text,#172033);padding:10px 12px;font:inherit;font-weight:var(--ff-weight-body,400)!important}
.button-row,.form-actions,.public-action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px!important}.auth-layout,.message-layout,.public-two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;align-items:start}.discovery-chip-grid{display:flex!important;gap:9px;flex-wrap:wrap;align-items:center}.search-summary{padding:12px 14px;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-md,16px);background:var(--ff-surface-soft,#f7f9fc);color:var(--ff-muted,#667085);margin-bottom:14px}.topic-hero-card,.topic-content-card{width:min(100% - 28px,var(--ff-content-width,1180px));margin-left:auto;margin-right:auto}.topic-actions-row,.topic-share-row,.reaction-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:18px}.pagination a,.pagination span{min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ff-border,#e3e8f0);border-radius:999px;background:var(--ff-surface,#fff);text-decoration:none!important;color:var(--ff-text,#172033);font-weight:var(--ff-weight-chip,500)!important}.pagination .active,.pagination [aria-current="page"]{background:var(--ff-primary,#24356d);border-color:var(--ff-primary,#24356d);color:#fff}.public-alert{padding:12px 14px;border:1px solid color-mix(in srgb,var(--ff-danger,#dc2626) 24%,var(--ff-border,#e3e8f0));border-radius:var(--ff-radius-md,16px);background:color-mix(in srgb,var(--ff-danger,#dc2626) 7%,var(--ff-surface,#fff));color:var(--ff-text,#172033);margin-bottom:16px}
@media (max-width:860px){.auth-layout,.message-layout,.public-two-column{grid-template-columns:1fr}.public-hero-top,.public-section-head{display:grid;align-items:start}}@media (max-width:560px){.public-hero,.public-hero--compact,.public-compose-hero,.auth-hero,.public-system-shell,.public-account-shell,.public-compose-shell,.public-discovery-shell,.topic-hero-card,.topic-content-card{width:min(100% - 20px,var(--ff-content-width,1180px))}.public-panel,.auth-card,.message-card,.discovery-card{padding:15px!important}.button-row,.form-actions,.public-action-row{display:grid;grid-template-columns:1fr;width:100%}.button-row .button,.form-actions .button,.public-action-row .button{width:100%}}

/* Public low-priority final polish: remove inline spacing/alert styles and align discovery/404 states */
.discovery-chip-grid--spaced{margin-top:14px;}
.public-action-row--spaced{margin-top:1rem!important;}
.admin-note-card{margin-top:1rem;padding:12px 14px;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-md,16px);background:var(--ff-surface-soft,#f7f9fc);}
.public-empty-state--alert{margin-bottom:16px;border-color:color-mix(in srgb,var(--ff-danger,#dc2626) 24%,var(--ff-border,#e3e8f0))!important;background:color-mix(in srgb,var(--ff-danger,#dc2626) 7%,var(--ff-surface,#fff))!important;}
.public-empty-state--alert strong{color:var(--ff-text,#172033);}

/* Forum UX finalisation audit pass */
.forum-empty-state{
  margin:16px 0;
  align-items:center;
  justify-items:center;
}
.forum-empty-state .button{margin-top:8px;}
.forum-empty-state--compact{padding:clamp(16px,3vw,24px)!important;}
.topic-discussion-card{display:grid;gap:18px;}
.topic-reply-list{display:flex;flex-direction:column;gap:clamp(12px,2vw,18px);}
.topic-reply-card{
  position:relative;
  padding:clamp(16px,3vw,22px)!important;
  border:1px solid var(--ff-border,#e3e8f0)!important;
  border-radius:var(--ff-radius-lg,22px)!important;
  background:var(--ff-surface,#fff)!important;
  box-shadow:var(--ff-shadow-soft,0 12px 34px rgba(15,23,42,.05));
}
.topic-reply-card:hover,
.topic-row:hover{
  border-color:color-mix(in srgb,var(--ff-primary,#1d4ed8) 22%,var(--ff-border,#e3e8f0))!important;
  box-shadow:var(--ff-shadow-hover,0 16px 42px rgba(15,23,42,.08));
}
.topic-reply-actions,
.topic-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.topic-action-link{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:999px;
  background:var(--ff-surface,#fff);
  color:var(--ff-text,#172033);
  font-weight:var(--ff-weight-ui,500);
  line-height:1;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.topic-action-link:hover{
  background:var(--ff-surface-soft,#f7f9fc);
  border-color:color-mix(in srgb,var(--ff-primary,#1d4ed8) 24%,var(--ff-border,#e3e8f0));
  transform:translateY(-1px);
}
.topic-story-card{margin-top:clamp(14px,2.5vw,24px);}
.topic-story-body{
  max-width:var(--ff-reading-width,820px);
  margin:0 auto;
  font-size:var(--ff-topic-body-size,1rem);
  line-height:var(--ff-topic-body-line-height,1.76);
}
.topic-story-body p + p,
.topic-reply-content p + p{margin-top:1em;}
.topic-discussion-composer{
  margin-top:clamp(20px,4vw,32px);
  padding-top:clamp(18px,3vw,26px);
  border-top:1px solid var(--ff-border,#e3e8f0);
}
.topic-reply-form,
.topic-compose-form{
  border:1px solid var(--ff-border,#e3e8f0)!important;
  border-radius:var(--ff-radius-lg,22px)!important;
  background:var(--ff-surface,#fff)!important;
  box-shadow:var(--ff-shadow-soft,0 12px 34px rgba(15,23,42,.05));
}
.forum-form-field{display:grid;gap:8px;margin:0;}
.forum-form-field label{color:var(--ff-text,#172033);font-weight:var(--ff-weight-label,500);}
.forum-compose-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;}
.board-topics-list{display:grid;gap:12px;}
.board-topics-list .topic-row{
  padding:clamp(14px,2.5vw,20px);
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-lg,20px);
  background:var(--ff-surface,#fff);
  transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;
}
.board-topics-list .topic-row:hover{transform:translateY(-1px);}
.board-topic-title-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.board-sticky-badge{
  border-color:color-mix(in srgb,var(--ff-warning,#f59e0b) 32%,var(--ff-border,#e3e8f0))!important;
  background:color-mix(in srgb,var(--ff-warning,#f59e0b) 10%,var(--ff-surface,#fff))!important;
  color:var(--ff-text,#172033)!important;
  font-weight:var(--ff-weight-ui,500)!important;
}
.topic-row.is-board-sticky{background:linear-gradient(135deg,color-mix(in srgb,var(--ff-warning,#f59e0b) 7%,var(--ff-surface,#fff)),var(--ff-surface,#fff))!important;}
.topic-edit-breadcrumbs,
.topic-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ff-muted,#667085);}
.topic-edit-breadcrumbs a,
.topic-breadcrumbs a{color:var(--ff-text,#172033);}
.reply-form-wrap.is-hidden{display:none!important;}
@media (max-width:640px){
  .topic-reply-actions,.topic-action-row,.forum-compose-actions{display:grid;grid-template-columns:1fr;width:100%;}
  .topic-action-link,.topic-action-button,.forum-compose-actions .button{justify-content:center;width:100%;}
  .topic-story-body{max-width:100%;}
}

/* Topic composer final rebuild: two-column CMS-style writing flow */
.topic-composer-hero{
  display:grid;
  gap:8px;
}
.topic-composer-shell{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.topic-composer-form{display:block;}
.topic-composer-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:clamp(16px,2.6vw,24px);
  align-items:start;
}
.topic-composer-main{display:grid;gap:16px;min-width:0;}
.topic-composer-sidebar{display:grid;gap:16px;position:sticky;top:18px;align-self:start;}
.composer-card{
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-lg,22px);
  background:var(--ff-surface,#fff);
  box-shadow:var(--ff-shadow-soft,0 12px 34px rgba(15,23,42,.05));
  padding:clamp(16px,2.4vw,24px);
}
.composer-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.composer-card__head--compact{margin-bottom:10px;}
.composer-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:999px;
  background:var(--ff-chip-bg,var(--ff-surface-soft,#f7f9fc));
  color:var(--ff-primary,#24356d);
  font-size:var(--ff-meta-size,.78rem);
  font-weight:var(--ff-weight-chip,500)!important;
  letter-spacing:.02em;
  text-transform:uppercase;
  margin-bottom:9px;
}
.composer-title{
  margin:0;
  color:var(--ff-text,#172033);
  font-size:clamp(1.02rem,1.5vw,1.22rem);
  line-height:1.25;
  font-weight:var(--ff-weight-section-title,500)!important;
  letter-spacing:var(--ff-section-title-letter-spacing,-.01em);
}
.composer-note{
  margin:6px 0 0;
  color:var(--ff-muted,#667085);
  font-size:var(--ff-meta-size,.9rem);
  line-height:1.55;
  font-weight:var(--ff-weight-body,400)!important;
}
.composer-title-field input{
  min-height:52px!important;
  font-size:clamp(1rem,1.6vw,1.16rem)!important;
  border-radius:var(--ff-radius-md,16px)!important;
}
.topic-composer-form .rich-editor{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  gap:12px;
}
.topic-composer-form .rich-editor__toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px;
  border:1px solid var(--ff-border,#e3e8f0)!important;
  border-radius:var(--ff-radius-md,16px)!important;
  background:var(--ff-surface-soft,#f7f9fc)!important;
}
.topic-composer-form .rich-editor__tool{
  min-height:36px;
  min-width:38px;
  padding:7px 11px;
  border:1px solid var(--ff-border,#e3e8f0)!important;
  border-radius:999px!important;
  background:var(--ff-surface,#fff)!important;
  color:var(--ff-text,#172033)!important;
  font-weight:var(--ff-weight-button,500)!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.topic-composer-form .rich-editor__tool:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--ff-primary,#24356d) 34%,var(--ff-border,#e3e8f0))!important;
  background:color-mix(in srgb,var(--ff-primary,#24356d) 7%,var(--ff-surface,#fff))!important;
}
.topic-composer-form .rich-editor__textarea{
  min-height:clamp(260px,38vw,430px)!important;
  padding:15px!important;
  border-radius:var(--ff-radius-md,16px)!important;
  line-height:1.65;
}
.topic-composer-form .rich-editor__hint{
  margin:0;
  color:var(--ff-muted,#667085);
  font-size:var(--ff-meta-size,.84rem);
}
.composer-publish-card{
  border-color:color-mix(in srgb,var(--ff-primary,#24356d) 18%,var(--ff-border,#e3e8f0));
}
.composer-action-stack{display:grid;gap:10px;margin-top:14px;}
.composer-action-stack .button{width:100%;justify-content:center;}
.composer-upload-box{
  display:grid;
  gap:5px;
  padding:15px;
  border:1px dashed color-mix(in srgb,var(--ff-primary,#24356d) 30%,var(--ff-border,#e3e8f0));
  border-radius:var(--ff-radius-md,16px);
  background:var(--ff-surface-soft,#f7f9fc);
  cursor:pointer;
  color:var(--ff-text,#172033);
  margin:12px 0;
  transition:border-color .18s ease,background .18s ease;
}
.composer-upload-box:hover{
  border-color:var(--ff-primary,#24356d);
  background:color-mix(in srgb,var(--ff-primary,#24356d) 6%,var(--ff-surface,#fff));
}
.composer-upload-box span{font-weight:var(--ff-weight-button,500)!important;}
.composer-upload-box small{color:var(--ff-muted,#667085);font-size:var(--ff-meta-size,.84rem);}
.composer-file-input{
  width:100%;
  min-height:42px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-sm,12px);
  background:var(--ff-surface,#fff);
  color:var(--ff-muted,#667085);
  padding:8px 10px;
  margin-bottom:12px;
}
.composer-seo-card .form-field{margin-top:10px;}
@media (max-width: 980px){
  .topic-composer-layout{grid-template-columns:1fr;}
  .topic-composer-sidebar{position:static;grid-template-columns:1fr 1fr;}
  .composer-publish-card{grid-column:1/-1;}
}
@media (max-width: 640px){
  .topic-composer-sidebar{grid-template-columns:1fr;}
  .composer-card{padding:15px;border-radius:var(--ff-radius-md,16px);}
  .topic-composer-form .rich-editor__toolbar{gap:6px;padding:8px;}
  .topic-composer-form .rich-editor__tool{min-height:34px;min-width:34px;padding:7px 9px;font-size:.86rem;}
  .topic-composer-form .rich-editor__textarea{min-height:260px!important;}
}

/* Final topic view UX rebuild: content-first reading experience */
.topic-hero-card{
  max-width: 900px;
  margin-left:auto;
  margin-right:auto;
  padding: clamp(22px, 4vw, 42px) clamp(18px, 4vw, 38px);
  text-align:center;
}
.topic-hero-title{
  max-width: 820px !important;
  font-size: clamp(1.7rem, 4.2vw, 3rem) !important;
  font-weight: var(--ff-heading-weight, 500) !important;
  letter-spacing: -0.025em;
  line-height: 1.12;
}
.topic-breadcrumbs,
.topic-hero-meta-row,
.topic-hero-share-row{
  max-width: 820px;
  margin-left:auto;
  margin-right:auto;
}
.topic-hero-share-row{margin-top:18px !important;}
.topic-share-icon{
  width: 42px !important;
  height: 42px !important;
  box-shadow: none !important;
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease;
}
.topic-share-icon:hover{transform: translateY(-1px);background:var(--ff-primary-soft);}
.topic-hero-jump-row{display:none !important;}
.topic-story-card{
  max-width: 900px;
  margin: 18px auto 0;
  padding: clamp(24px, 4vw, 44px) !important;
  border-color: transparent !important;
  box-shadow: var(--ff-shadow, 0 18px 60px rgba(16,24,40,.08));
}
.topic-story-body{
  max-width: 760px !important;
  margin: 0 auto !important;
  font-size: clamp(1rem, 1.1vw, 1.12rem) !important;
  line-height: 1.78 !important;
  color: var(--ff-text);
  text-align: left !important;
}
.topic-story-body p{margin-bottom:1.22em !important;}
.topic-story-body .third-party-ad-row,
.topic-story-body .third-party-ad-slot,
.third-party-ad-row--post_inline_1,
.third-party-ad-row--post_inline_2,
.third-party-ad-row--post_inline_3,
.third-party-ad-row--post_inline_4{
  margin: 28px auto !important;
  max-width: 760px;
  border-radius: var(--ff-radius-lg, 16px);
  overflow: hidden;
}
.topic-inline-related{
  margin: 28px 0;
  padding: 14px 16px;
  border: 1px solid var(--ff-border);
  border-radius: var(--ff-radius-lg, 16px);
  background: var(--ff-bg-soft, #f8fafc);
}
.topic-action-wrap.topic-action-wrap--reader{
  max-width:760px !important;
  margin: 34px auto 0 !important;
  padding: 12px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--ff-surface) 92%, var(--ff-primary-soft) 8%);
}
.topic-action-row--reader{
  justify-content:center !important;
  gap: 8px !important;
}
.topic-action-link,
.topic-action-button,
.topic-more-actions summary{
  min-height: 36px;
  padding: 0 12px !important;
  border: 1px solid var(--ff-border) !important;
  border-radius: 999px !important;
  background: var(--ff-surface) !important;
  color: var(--ff-primary) !important;
  font-weight: var(--ff-ui-weight, 500) !important;
  text-decoration: none !important;
  line-height: 1;
}
.topic-action-link--primary,
.topic-action-button.topic-action-link--primary{
  background: var(--ff-primary) !important;
  color: var(--ff-button-text, #fff) !important;
  border-color: var(--ff-primary) !important;
}
.topic-action-link--ghost{background:var(--ff-surface) !important;color:var(--ff-text) !important;}
.topic-action-link--danger{color:var(--ff-danger, #b42318) !important;border-color:color-mix(in srgb, var(--ff-danger, #b42318) 30%, var(--ff-border)) !important;}
.topic-action-link:hover,
.topic-action-button:hover,
.topic-more-actions summary:hover{transform: translateY(-1px);text-decoration:none !important;background:var(--ff-primary-soft) !important;}
.topic-inline-form{display:inline-flex;align-items:center;}
.topic-more-actions{position:relative;display:inline-flex;}
.topic-more-actions summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;}
.topic-more-actions summary::-webkit-details-marker{display:none;}
.topic-more-actions-panel{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  z-index:20;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:220px;
  padding:10px;
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-lg, 16px);
  background:var(--ff-surface);
  box-shadow:var(--ff-shadow-lg, 0 16px 40px rgba(16,24,40,.16));
}
.topic-more-actions:not([open]) .topic-more-actions-panel{display:none;}
.topic-more-actions-panel .topic-action-link{width:100%;justify-content:flex-start;}
.topic-sticky-form{gap:8px;align-items:center;}
.topic-sticky-label{font-size:.82rem;color:var(--ff-muted);}
.topic-sticky-select{min-height:34px;border-radius:999px;border:1px solid var(--ff-border);padding:0 10px;background:var(--ff-surface);}
.topic-reactions-wrap{
  max-width:760px !important;
  margin: 18px auto 0 !important;
  padding: 12px 0 0 !important;
  border:0 !important;
  background:transparent !important;
}
.topic-reactions-title{
  text-align:left !important;
  font-size:.92rem !important;
  font-weight:var(--ff-ui-weight, 500) !important;
  color:var(--ff-muted) !important;
  margin-bottom:10px !important;
}
.topic-reactions-row{gap:8px !important;}
.topic-reaction-button{
  min-height:34px !important;
  padding:6px 10px !important;
  gap:6px !important;
  font-weight:var(--ff-ui-weight, 500) !important;
  border-radius:999px !important;
  background:var(--ff-surface) !important;
}
.topic-reaction-emoji{font-size:1rem !important;}
.topic-reaction-count{height:18px;min-width:18px;font-size:.72rem;}
.topic-nav-card{
  max-width:900px;
  margin:18px auto 0;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.topic-nav-grid--triple{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);
  gap:14px;
}
.topic-nav-link{
  display:block;
  min-height:92px;
  padding:16px 18px;
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius-lg, 16px);
  background:var(--ff-surface);
  text-decoration:none !important;
  transition:transform .16s ease, border-color .16s ease;
}
.topic-nav-link:hover{transform:translateY(-1px);border-color:var(--ff-primary);}
.topic-nav-label{display:flex;gap:6px;color:var(--ff-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
.topic-nav-title{display:block;color:var(--ff-text);font-weight:var(--ff-title-weight, 500);line-height:1.35;}
.topic-discussion-card{
  max-width:900px;
  margin:22px auto 0;
  padding: clamp(20px, 3vw, 32px) !important;
}
.topic-section-header{border-bottom:1px solid var(--ff-border);padding-bottom:14px;margin-bottom:20px;}
.topic-section-header .section-title{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:var(--ff-heading-weight, 500) !important;}
.topic-reply-card{
  background:var(--ff-surface);
  border-radius:var(--ff-radius-lg, 16px) !important;
  padding:18px !important;
}
.topic-reply-content{max-width:760px;line-height:1.72 !important;}
.topic-reply-actions .topic-action-link{min-height:32px;font-size:.9rem;}
.topic-discussion-composer{margin-top:24px;padding-top:20px;border-top:1px solid var(--ff-border);}
.topic-composer-ready{
  display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--ff-primary-soft);color:var(--ff-primary);font-weight:var(--ff-ui-weight, 500);font-size:.9rem;
}
.reply-form-wrap{margin-top:16px;}
.reply-form-wrap.is-hidden{display:none;}
.topic-reply-form{
  max-width:760px !important;
  margin:0 auto !important;
  padding:18px !important;
  border:1px solid var(--ff-border) !important;
  border-radius:var(--ff-radius-lg, 16px) !important;
  background:var(--ff-bg-soft, #fbfcff) !important;
}
.topic-page-viewers-end{display:none !important;}
.public-empty-state.forum-empty-state{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width: 760px){
  .topic-story-card,.topic-discussion-card,.topic-hero-card{border-radius:var(--ff-radius-lg, 16px);}
  .topic-action-wrap.topic-action-wrap--reader{border-radius:var(--ff-radius-lg, 16px) !important;}
  .topic-action-row--reader{justify-content:flex-start !important;}
  .topic-action-link,.topic-action-button,.topic-more-actions summary{min-height:38px;}
  .topic-more-actions{position:static;}
  .topic-more-actions-panel{position:static;margin-top:8px;box-shadow:none;width:100%;}
  .topic-nav-grid--triple{grid-template-columns:1fr;}
  .topic-nav-col--spacer{display:none;}
  .topic-story-body{font-size:1rem !important;line-height:1.72 !important;}
}

/* Final topic interaction polish */
.topic-action-wrap.topic-action-wrap--reader{
  margin-top:clamp(18px,2vw,28px) !important;
  padding:12px !important;
  border:1px solid var(--ff-border,#e3e8f0) !important;
  border-radius:999px !important;
  background:var(--ff-surface,#fff) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.05) !important;
}
.topic-action-row--reader{gap:8px !important;align-items:center !important;}
.topic-action-link,.topic-action-button{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease !important;}
.topic-action-link:hover,.topic-action-button:hover{transform:translateY(-1px);text-decoration:none !important;box-shadow:0 8px 18px rgba(15,23,42,.08);}
.topic-more-actions{position:relative;}
.topic-more-actions summary{list-style:none;cursor:pointer;}
.topic-more-actions summary::-webkit-details-marker{display:none;}
.topic-more-actions-panel{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  z-index:20;
  min-width:220px;
  padding:10px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-md,16px);
  background:var(--ff-surface,#fff);
  box-shadow:0 18px 45px rgba(15,23,42,.14);
  display:grid;
  gap:8px;
}
.topic-more-actions-panel .topic-inline-form{width:100%;}
.topic-more-actions-panel .topic-action-link,.topic-more-actions-panel .topic-action-button{width:100%;justify-content:flex-start;}
.topic-reactions-wrap{
  margin-top:18px !important;
  padding:12px 0 0 !important;
  border-top:1px solid var(--ff-border,#e3e8f0) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.topic-reactions-title{font-size:.92rem !important;color:var(--ff-muted,#667085) !important;font-weight:var(--ff-weight-label,500) !important;margin:0 0 10px !important;}
.topic-reactions-row{gap:7px !important;}
.topic-reaction-button{
  min-height:34px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:var(--ff-surface,#fff) !important;
  border:1px solid var(--ff-border,#e3e8f0) !important;
  color:var(--ff-text,#172033) !important;
  display:inline-flex !important;
  gap:6px !important;
  align-items:center !important;
  cursor:pointer !important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
.topic-reaction-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 8px 18px rgba(15,23,42,.08);}
.topic-reaction-button.is-active{background:color-mix(in srgb,var(--ff-primary,#24356d) 10%,var(--ff-surface,#fff)) !important;border-color:color-mix(in srgb,var(--ff-primary,#24356d) 45%,var(--ff-border,#e3e8f0)) !important;color:var(--ff-primary,#24356d) !important;}
.topic-reaction-label{font-size:.86rem;}
.topic-reaction-count{font-weight:var(--ff-weight-chip,500);color:var(--ff-muted,#667085);}
.topic-discussion-card{margin-top:clamp(18px,2vw,30px) !important;}
.topic-section-header{border-bottom:1px solid var(--ff-border,#e3e8f0);padding-bottom:12px;margin-bottom:16px;}
.topic-section-header .section-title::before{content:'— ';color:var(--ff-muted,#667085);}
.topic-section-header .section-title::after{content:' —';color:var(--ff-muted,#667085);}
.topic-reply-form{
  padding:14px !important;
  border-radius:var(--ff-radius-lg,18px) !important;
  background:color-mix(in srgb,var(--ff-surface-soft,#f7f9fc) 55%,var(--ff-surface,#fff)) !important;
  border:1px solid var(--ff-border,#e3e8f0) !important;
  box-shadow:none !important;
}
.rich-editor__toolbar{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.rich-editor__tool{min-height:32px;border-radius:10px;border:1px solid var(--ff-border,#e3e8f0);background:var(--ff-surface,#fff);color:var(--ff-text,#172033);cursor:pointer;}
.rich-editor__textarea{min-height:180px;padding:14px !important;line-height:1.65 !important;border-radius:var(--ff-radius-md,16px) !important;}
.rich-editor__attach-wrap--collapsed{margin-top:12px;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-md,16px);padding:10px 12px;background:var(--ff-surface,#fff);}
.rich-editor__attach-wrap--collapsed .rich-editor__attach-title{cursor:pointer;font-weight:var(--ff-weight-label,500);color:var(--ff-text,#172033);}
.rich-editor__attach-wrap--collapsed .rich-editor__attach-title::after{content:' ▾';color:var(--ff-muted,#667085);}
.rich-editor__attach-wrap--collapsed[open] .rich-editor__attach-title::after{content:' ▴';}
.rich-editor__attach-controls{margin-top:10px;display:grid;gap:8px;}
.topic-nav-card{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;}
.topic-nav-grid--triple{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;}
.topic-nav-link{border:0 !important;background:transparent !important;padding:8px 0 !important;text-decoration:none !important;}
.topic-nav-link:hover{text-decoration:underline !important;box-shadow:none !important;}
@media(max-width:720px){
  .topic-action-wrap.topic-action-wrap--reader{border-radius:var(--ff-radius-lg,18px) !important;}
  .topic-more-actions-panel{position:static;margin-top:8px;box-shadow:none;}
  .topic-nav-grid--triple{grid-template-columns:1fr;}
}

/* Topic layout global alignment - audited regeneration */
:root{
  --ff-public-content-width: var(--ff-topic-content-width, 880px);
}
body.is-public-area .shell-container,
body.is-public-area .third-party-ad-safe-shell,
body.is-public-area .in-house-ad-safe-shell,
body.is-public-area footer.shell-container{
  width:min(100% - 28px, var(--ff-public-content-width));
  max-width:var(--ff-public-content-width);
  margin-left:auto;
  margin-right:auto;
}
@media (max-width:560px){
  body.is-public-area .shell-container,
  body.is-public-area .third-party-ad-safe-shell,
  body.is-public-area .in-house-ad-safe-shell,
  body.is-public-area footer.shell-container{
    width:min(100% - 20px, var(--ff-public-content-width));
  }
}
body.is-public-area .topic-hero-card,
body.is-public-area .topic-story-card,
body.is-public-area .topic-nav-card,
body.is-public-area .topic-discussion-card,
body.is-public-area .topic-page-viewers-end,
body.is-public-area .footer-wrapper,
body.is-public-area .admin-menu-footer,
body.is-public-area .bottom-promo-grid,
body.is-public-area .promo-card,
body.is-public-area .publisher-promo-wrapper,
body.is-public-area .third-party-ad-row,
body.is-public-area .third-party-ad-slot{
  max-width:100%;
}

/* Restore structured previous/next wrappers with mobile-first readability */
.topic-nav-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:clamp(18px,3vw,28px) 0 !important;
}
.topic-nav-grid--triple{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:clamp(12px,2vw,18px) !important;
  align-items:stretch !important;
}
.topic-nav-col--spacer{display:none !important;}
.topic-nav-link{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:0 !important;
  height:100% !important;
  padding:clamp(14px,2.4vw,18px) !important;
  border:1px solid var(--ff-border,#e3e8f0) !important;
  border-radius:var(--ff-radius-lg,20px) !important;
  background:var(--ff-surface,#fff) !important;
  box-shadow:var(--ff-shadow-soft,0 12px 34px rgba(15,23,42,.05)) !important;
  text-decoration:none !important;
  color:var(--ff-text,#1c2541) !important;
  overflow:hidden !important;
}
.topic-nav-link:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--ff-primary,#24356d) 36%,var(--ff-border,#e3e8f0)) !important;
  text-decoration:none !important;
}
.topic-nav-link--next{text-align:right !important;}
.topic-nav-label{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:var(--ff-font-size-meta,13px) !important;
  color:var(--ff-muted,#667085) !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  font-weight:var(--ff-weight-ui,500) !important;
}
.topic-nav-link--next .topic-nav-label{justify-content:flex-end !important;}
.topic-nav-title{
  display:block !important;
  font-size:clamp(1rem,2.1vw,1.1rem) !important;
  line-height:1.35 !important;
  font-weight:var(--ff-weight-card-title,var(--ff-weight-title,500)) !important;
  color:var(--ff-text,#1c2541) !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}
@media (max-width:640px){
  .topic-nav-grid--triple{grid-template-columns:1fr !important;gap:12px !important;}
  .topic-nav-link,
  .topic-nav-link--next{text-align:left !important;}
  .topic-nav-link--next .topic-nav-label{justify-content:flex-start !important;}
  .topic-nav-title{font-size:1rem !important;line-height:1.35 !important;}
}

/* Conversation should stay compact until there is activity or the user opens the composer */
.topic-discussion-card{margin-top:clamp(18px,3vw,28px) !important;}
.topic-discussion-card .topic-section-header{
  align-items:center !important;
  gap:12px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid var(--ff-border,#e3e8f0) !important;
}
.topic-discussion-card .section-title::before{content:'— ';color:var(--ff-muted,#667085);}
.topic-discussion-card .section-title::after{content:' —';color:var(--ff-muted,#667085);}
.topic-discussion-card--empty .forum-empty-state{
  min-height:auto !important;
  padding:clamp(16px,3vw,24px) !important;
  margin:clamp(12px,2vw,18px) auto !important;
  max-width:520px !important;
}
.topic-discussion-card--empty .topic-discussion-composer{margin-top:0 !important;}
.topic-discussion-composer{padding-top:clamp(12px,2vw,18px) !important;}
.topic-section-header--composer{border-bottom:0 !important;padding-bottom:0 !important;}
.reply-form-wrap.is-hidden{display:none !important;}
.topic-reply-form{
  max-width:680px !important;
  margin:12px auto 0 !important;
}
.topic-reply-form .button-row{justify-content:flex-start !important;}
@media (max-width:560px){
  .topic-discussion-card .topic-section-header{display:flex !important;justify-content:space-between !important;}
  .topic-discussion-card .section-title{font-size:1.15rem !important;}
  .topic-reply-form{max-width:100% !important;}
}

/* Topic content rhythm after wrapper alignment */
.topic-story-card{margin-top:clamp(16px,3vw,24px) !important;}
.topic-reactions-wrap{margin-top:clamp(18px,3vw,26px) !important;}
.topic-reactions-row{gap:10px !important;}
@media (max-width:560px){
  .topic-reactions-row{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .topic-reaction-button{width:100% !important;justify-content:center !important;}
}

/* Final enforced global layout system
   One design setting controls every primary shell so future templates cannot drift. */
:root{
  --site-content-width:var(--ff-content-width, 880px);
  --site-gutter:28px;
  --site-gutter-mobile:18px;
}
body{
  --site-content-width:var(--ff-content-width, 880px);
}
.shell-container,
.main-container,
.page-container,
.site-container,
.layout-container,
.content-container,
.header-inner,
.footer-inner,
.ff-layout-container,
.ff-global-container,
.home-wrapper,
.featured-wrapper,
.sub-box,
.admin-navigation-band,
.admin-page-shell,
.admin-page-stack,
.control-center-page,
.white-label-toolkit-page,
.design-settings-page,
.homepage-settings-page,
.site-settings-page,
.code-manager-page,
.ad-codes-page,
.ad-rates-page,
.wallet-overview-page,
.wallet-settings-page,
.payment-settings-page,
.finance-report-page,
.topic-view-page,
.topic-page-shell,
.topic-layout,
.topic-content-shell,
.topic-reading-shell,
.topic-hero-card,
.topic-story-card,
.topic-actions-card,
.topic-nav-card,
.topic-discussion-card,
.topic-page-viewers-end,
.third-party-ad-safe-shell,
.in-house-ad-safe-shell,
.third-party-ad-row,
.third-party-ad-slot,
.ad-slot-wrapper,
.promo-slot-wrapper,
.bottom-promo-grid,
.publisher-promo-wrapper,
footer.shell-container,
header.shell-container{
  width:min(calc(100% - var(--site-gutter)), var(--site-content-width)) !important;
  max-width:var(--site-content-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
main.shell-container{
  width:min(calc(100% - var(--site-gutter)), var(--site-content-width)) !important;
  max-width:var(--site-content-width) !important;
}
.shell-container > .admin-page-shell,
.shell-container > .admin-page-stack,
.shell-container > .topic-view-page,
.shell-container > .topic-page-shell,
.shell-container > .home-wrapper,
.shell-container > .featured-wrapper,
.shell-container > .sub-box,
.shell-container > .page-card,
main.shell-container > .admin-page-shell,
main.shell-container > .topic-view-page,
main.shell-container > .topic-page-shell{
  width:100% !important;
  max-width:100% !important;
}
.ff-header-wrapper,
.footer-wrapper,
.admin-inline-nav-card,
.topic-hero-card,
.topic-story-card,
.topic-actions-card,
.topic-nav-card,
.topic-discussion-card{
  max-width:100% !important;
}
@media (max-width:640px){
  :root{--site-gutter:var(--site-gutter-mobile);}
  .shell-container,
  .main-container,
  .page-container,
  .site-container,
  .layout-container,
  .content-container,
  .admin-page-shell,
  .admin-page-stack,
  .topic-view-page,
  .topic-page-shell,
  .topic-layout,
  .third-party-ad-safe-shell,
  .in-house-ad-safe-shell,
  header.shell-container,
  footer.shell-container,
  main.shell-container{
    width:min(calc(100% - var(--site-gutter-mobile)), var(--site-content-width)) !important;
  }
}

/* Global background pattern system - audited */
body{
  background-color:var(--ff-bg);
  background-image:var(--ff-bg-pattern-image, none);
  background-size:var(--ff-bg-pattern-size, auto);
  background-attachment:fixed;
}
.page-card,
.ff-header-wrapper,
.footer-wrapper,
.topic-story-card,
.topic-hero-card,
.topic-discussion-card,
.admin-page-shell .page-card{
  background-clip:padding-box;
}
@media (max-width:640px){
  body{background-attachment:scroll;}
}

/* Final global text wrapping + topic navigation system fix
   Prevents narrow-column title wrapping and keeps nav readable on every viewport. */
html, body {
  overflow-x: hidden;
}
body,
.site-shell,
.shell-container,
.main-container,
.page-container,
.topic-view-page,
.topic-page-shell,
.topic-story-card,
.topic-discussion-card,
.page-card {
  min-width: 0;
}
.topic-content,
.topic-body,
.topic-story-content,
.reply-content,
.topic-reply-content,
.public-content,
.card-copy,
.topic-excerpt,
.topic-title,
.card-title,
.section-title,
a,
p,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: anywhere;
  word-break: normal;
  min-width: 0;
}
.topic-story-content p,
.topic-content p,
.public-content p {
  overflow-wrap: break-word;
  word-break: normal;
}
.topic-nav-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: clamp(18px, 3vw, 28px) auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.topic-nav-card .topic-nav-grid,
.topic-nav-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(12px, 2.4vw, 18px) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
}
.topic-nav-col,
.topic-nav-col--spacer {
  display: contents !important;
}
.topic-nav-link,
.topic-nav-card .topic-nav-link {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 92px !important;
  padding: clamp(14px, 2.8vw, 18px) !important;
  border: 1px solid var(--ff-border, #e3e8f0) !important;
  border-radius: var(--ff-radius-lg, 20px) !important;
  background: var(--ff-surface, #fff) !important;
  box-shadow: var(--ff-shadow-soft, 0 12px 34px rgba(15, 23, 42, .05)) !important;
  color: var(--ff-text, #1c2541) !important;
  text-decoration: none !important;
  overflow: hidden !important;
}
.topic-nav-link--empty {
  visibility: hidden !important;
  pointer-events: none !important;
}
.topic-nav-link:hover,
.topic-nav-card .topic-nav-link:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--ff-primary, #24356d) 32%, var(--ff-border, #e3e8f0)) !important;
  text-decoration: none !important;
}
.topic-nav-label,
.topic-nav-card .topic-nav-label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: var(--ff-font-size-meta, 13px) !important;
  line-height: 1.2 !important;
  font-weight: var(--ff-weight-ui, 500) !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  color: var(--ff-muted, #667085) !important;
  margin: 0 !important;
}
.topic-nav-link--next,
.topic-nav-card .topic-nav-link--next {
  text-align: right !important;
}
.topic-nav-link--next .topic-nav-label,
.topic-nav-card .topic-nav-link--next .topic-nav-label {
  justify-content: flex-end !important;
}
.topic-nav-title,
.topic-nav-card .topic-nav-title {
  display: block !important;
  max-width: 100% !important;
  font-size: clamp(1rem, 2.1vw, 1.08rem) !important;
  line-height: 1.35 !important;
  font-weight: var(--ff-weight-card-title, var(--ff-weight-title, 500)) !important;
  color: var(--ff-text, #1c2541) !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: none !important;
}
@media (max-width: 640px) {
  .topic-nav-card .topic-nav-grid,
  .topic-nav-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .topic-nav-link,
  .topic-nav-card .topic-nav-link,
  .topic-nav-link--next,
  .topic-nav-card .topic-nav-link--next {
    text-align: left !important;
    min-height: auto !important;
    padding: 16px !important;
  }
  .topic-nav-link--next .topic-nav-label,
  .topic-nav-card .topic-nav-link--next .topic-nav-label {
    justify-content: flex-start !important;
  }
  .topic-nav-link--empty {
    display: none !important;
  }
  .topic-nav-title,
  .topic-nav-card .topic-nav-title {
    font-size: 1rem !important;
    line-height: 1.35 !important;
  }
}

/* Phase 16 regression lock: global layout, wrapping and topic navigation */
.main-container,.page-container,.site-shell,.header-inner,.footer-inner,.ff-header-inner,.ff-footer-inner,.topic-container,.topic-view-shell,.ad-wrapper,.promo-wrapper{width:min(100% - 24px,var(--site-content-width,880px));max-width:var(--site-content-width,880px);margin-left:auto;margin-right:auto;}
.topic-nav-card{width:100%;margin:24px 0;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.topic-nav-card .topic-nav-grid,.topic-nav-grid--triple{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important;width:100%!important;}
.topic-nav-card .topic-nav-col--spacer,.topic-nav-col--spacer{display:none!important;}
.topic-nav-card .topic-nav-link{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;width:100%!important;padding:14px 16px!important;border:1px solid var(--ff-border,var(--border-color,#d8dee6))!important;border-radius:var(--radius-lg,16px)!important;background:var(--ff-surface,var(--surface-color,#fff))!important;color:var(--ff-text,inherit)!important;text-decoration:none!important;overflow:hidden!important;}
.topic-nav-card .topic-nav-link--next{text-align:right!important;}
.topic-nav-card .topic-nav-title{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important;line-height:1.35!important;}
.topic-nav-card .topic-nav-label{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;}
.topic-nav-card .topic-nav-link--next .topic-nav-label{justify-content:flex-end!important;}
@media (max-width:640px){.topic-nav-card .topic-nav-grid,.topic-nav-grid--triple{grid-template-columns:1fr!important;gap:12px!important}.topic-nav-card .topic-nav-link,.topic-nav-card .topic-nav-link--next{text-align:left!important}.topic-nav-card .topic-nav-link--next .topic-nav-label{justify-content:flex-start!important}}

/* Phase 16 dark mode token coverage without image/ad inversion */
html[data-theme='dark']{color-scheme:dark;--ff-bg:#0b1220;--ff-surface:#111827;--ff-surface-soft:#182235;--ff-border:#334155;--ff-text:#e5e7eb;--ff-muted:#94a3b8;--ff-header-bg:#111827;--ff-header-text:#f8fafc;--ff-footer-bg:#111827;--ff-footer-text:#cbd5e1;--ff-input-bg:#0f172a;--ff-input-text:#f8fafc;--ff-button-bg:#3b82f6;--ff-button-text:#fff;}
html[data-theme='dark'] body{background-color:var(--ff-bg)!important;color:var(--ff-text)!important;}
html[data-theme='dark'] .page-card,html[data-theme='dark'] .admin-card,html[data-theme='dark'] .topic-card,html[data-theme='dark'] .reply-card,html[data-theme='dark'] .forum-card,html[data-theme='dark'] .profile-card,html[data-theme='dark'] .control-center-card{background:var(--ff-surface)!important;color:var(--ff-text)!important;border-color:var(--ff-border)!important;}
html[data-theme='dark'] input,html[data-theme='dark'] textarea,html[data-theme='dark'] select{background:var(--ff-input-bg)!important;color:var(--ff-input-text)!important;border-color:var(--ff-border)!important;}
html[data-theme='dark'] img,html[data-theme='dark'] video,html[data-theme='dark'] iframe{filter:none!important;}

/* Advertising control toggle fix — scoped after global switch declarations */
.advertising-control-page .advertising-control-toggle-grid{
  gap:12px;
}
.advertising-control-page .advertising-control-switch{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  column-gap:14px;
  row-gap:4px;
  width:100%;
  min-height:72px;
  margin:0;
  padding:14px 16px;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:var(--ff-radius-lg,20px);
  background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f7f9fc));
  box-shadow:0 6px 18px rgba(20,29,67,.035);
  white-space:normal;
}
.advertising-control-page .advertising-control-switch input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}
.advertising-control-page .advertising-control-switch .ui-switch__track{
  position:relative;
  display:block;
  flex:0 0 auto;
  width:48px;
  height:28px;
  padding:0;
  border:1px solid var(--ff-border,#e3e8f0);
  border-radius:999px;
  background:var(--ff-surface,#fff);
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08);
}
.advertising-control-page .advertising-control-switch .ui-switch__thumb{
  position:absolute;
  top:3px;
  left:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--ff-muted,#94a3b8);
  border:0;
  box-shadow:0 3px 8px rgba(15,23,42,.16);
  transform:none!important;
  transition:left .18s ease, background .18s ease, box-shadow .18s ease;
}
.advertising-control-page .advertising-control-switch input[type="checkbox"]:checked + .ui-switch__track{
  border-color:color-mix(in srgb,var(--ff-primary,#24356d) 42%,var(--ff-border,#e3e8f0));
  background:color-mix(in srgb,var(--ff-primary,#24356d) 12%,var(--ff-surface,#fff));
}
.advertising-control-page .advertising-control-switch input[type="checkbox"]:checked + .ui-switch__track .ui-switch__thumb{
  left:23px;
  background:var(--ff-primary,#24356d);
  transform:none!important;
}
.advertising-control-page .advertising-control-switch input[type="checkbox"]:focus-visible + .ui-switch__track{
  outline:2px solid color-mix(in srgb,var(--ff-primary,#24356d) 32%,transparent);
  outline-offset:3px;
}
.advertising-control-page .advertising-control-switch .ui-switch__copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.advertising-control-page .advertising-control-switch .ui-switch__label{
  display:block;
  color:var(--ff-text,#1c2541);
  font-size:var(--ff-card-title-size,1rem);
  font-weight:var(--ff-label-weight,500);
  line-height:1.25;
  overflow-wrap:anywhere;
}
.advertising-control-page .advertising-control-switch .ui-switch__copy small{
  display:block;
  margin:0;
  color:var(--ff-muted,#667085);
  font-size:var(--ff-meta-size,.84rem);
  line-height:1.35;
}
@media (max-width:760px){
  .advertising-control-page .advertising-control-switch{
    min-height:68px;
    padding:13px 14px;
    column-gap:12px;
  }
}

/* Phase 17 advertising control global UI re-audit: deterministic responsive toggles */
.advertising-control-page{--advertising-toggle-track-width:50px;--advertising-toggle-track-height:28px;--advertising-toggle-thumb-size:20px;}
.advertising-control-page .advertising-control-toggle-grid{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:12px!important;align-items:stretch!important;}
.advertising-control-page .advertising-control-switch{position:relative!important;display:grid!important;grid-template-columns:var(--advertising-toggle-track-width) minmax(0,1fr)!important;align-items:center!important;column-gap:14px!important;width:100%!important;min-width:0!important;min-height:76px!important;margin:0!important;padding:14px 16px!important;overflow:hidden!important;border:1px solid var(--ff-border,var(--border-color,#e4e7ec))!important;border-radius:var(--ff-radius-lg,var(--card-radius,20px))!important;background:linear-gradient(180deg,var(--ff-surface,var(--surface,#fff)),var(--ff-surface-soft,#f8fafc))!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important;cursor:pointer!important;white-space:normal!important;}
.advertising-control-page .advertising-control-switch:hover{border-color:color-mix(in srgb,var(--ff-primary,#24356d) 22%,var(--ff-border,#e4e7ec))!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important;}
.advertising-control-page .advertising-control-switch input[type="hidden"]{display:none!important;}
.advertising-control-page .advertising-control-switch input[type="checkbox"]{position:absolute!important;inset:auto!important;opacity:0!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;margin:0!important;padding:0!important;pointer-events:none!important;appearance:none!important;}
.advertising-control-page .advertising-control-switch .ui-switch__track{position:relative!important;display:block!important;grid-column:1!important;width:var(--advertising-toggle-track-width)!important;height:var(--advertising-toggle-track-height)!important;min-width:var(--advertising-toggle-track-width)!important;max-width:var(--advertising-toggle-track-width)!important;padding:0!important;margin:0!important;border:1px solid var(--ff-border,var(--border-color,#e4e7ec))!important;border-radius:999px!important;background:var(--ff-surface,#fff)!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.08)!important;overflow:hidden!important;}
.advertising-control-page .advertising-control-switch .ui-switch__thumb{position:absolute!important;top:3px!important;left:3px!important;width:var(--advertising-toggle-thumb-size)!important;height:var(--advertising-toggle-thumb-size)!important;min-width:var(--advertising-toggle-thumb-size)!important;min-height:var(--advertising-toggle-thumb-size)!important;border:0!important;border-radius:999px!important;background:var(--ff-muted,#94a3b8)!important;box-shadow:0 3px 8px rgba(15,23,42,.16)!important;transform:none!important;transition:left .18s ease,background .18s ease,box-shadow .18s ease!important;}
.advertising-control-page .advertising-control-switch input[type="checkbox"]:checked + .ui-switch__track{border-color:color-mix(in srgb,var(--ff-primary,#24356d) 42%,var(--ff-border,#e4e7ec))!important;background:color-mix(in srgb,var(--ff-primary,#24356d) 13%,var(--ff-surface,#fff))!important;}
.advertising-control-page .advertising-control-switch input[type="checkbox"]:checked + .ui-switch__track .ui-switch__thumb{left:25px!important;background:var(--ff-primary,#24356d)!important;transform:none!important;}
.advertising-control-page .advertising-control-switch input[type="checkbox"]:focus-visible + .ui-switch__track{outline:2px solid color-mix(in srgb,var(--ff-primary,#24356d) 34%,transparent)!important;outline-offset:3px!important;}
.advertising-control-page .advertising-control-switch .ui-switch__copy{display:grid!important;grid-column:2!important;min-width:0!important;gap:3px!important;align-content:center!important;}
.advertising-control-page .advertising-control-switch .ui-switch__label{display:block!important;min-width:0!important;color:var(--ff-text,var(--text-main,#172033))!important;font-size:var(--body-size,.95rem)!important;font-weight:var(--ui-weight,var(--ff-label-weight,500))!important;line-height:1.28!important;overflow-wrap:anywhere!important;word-break:normal!important;}
.advertising-control-page .advertising-control-switch .ui-switch__copy small{display:block!important;margin:0!important;color:var(--ff-muted,var(--text-muted,#667085))!important;font-size:var(--meta-font-size,.82rem)!important;line-height:1.35!important;overflow-wrap:anywhere!important;}
html[data-theme='dark'] .advertising-control-page .advertising-control-switch{background:linear-gradient(180deg,var(--ff-surface,#111827),var(--ff-surface-soft,#182235))!important;}
html[data-theme='dark'] .advertising-control-page .advertising-control-switch .ui-switch__track{background:var(--ff-input-bg,#0f172a)!important;}
@media (max-width:980px){.advertising-control-page .advertising-control-toggle-grid{grid-template-columns:1fr!important;}}
@media (max-width:560px){.advertising-control-page{--advertising-toggle-track-width:46px;--advertising-toggle-track-height:26px;--advertising-toggle-thumb-size:18px;}.advertising-control-page .advertising-control-switch{min-height:70px!important;padding:13px 14px!important;column-gap:12px!important;border-radius:var(--ff-radius-lg,18px)!important;}.advertising-control-page .advertising-control-switch input[type="checkbox"]:checked + .ui-switch__track .ui-switch__thumb{left:24px!important;}}

/* Phase 17 home mobile regression guard
   Keeps homepage wrappers, cards, meta chips, section rows, and ad slots inside the viewport on small screens. */
.forum-home-shell,
.forum-home-shell *,
.home-wrapper,
.home-wrapper *,
.sub-box,
.sub-box *,
.featured-wrapper,
.featured-wrapper *{
  min-width:0;
}

.forum-home-shell{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}

.home-intro-title,
.home-intro-copy,
.hot-link,
.topic-title,
.topic-title a,
.topic-excerpt,
.sections-box[data-wrapper="forum_sections"] .jf-sections-v2__line,
.sections-box[data-wrapper="forum_sections"] .jf-sections-v2__parent,
.sections-box[data-wrapper="forum_sections"] .jf-sections-v2__child{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

.home-wrapper img,
.sub-box img,
.featured-wrapper img,
.home-wrapper iframe,
.sub-box iframe,
.featured-wrapper iframe,
.dedicated-ad-wrapper iframe,
.dedicated-ad-wrapper ins,
.dedicated-ad-wrapper img{
  max-width:100% !important;
}

.dedicated-ad-wrapper,
.allowed-ad-slot,
.third-party-ad-row{
  max-width:100%;
  overflow:hidden;
}

@media (max-width:640px){
  .page-shell{
    overflow-x:hidden;
  }

  main.shell-container,
  .shell-container{
    max-width:100%;
    overflow-x:hidden;
  }

  .forum-home-shell{
    gap:16px;
  }

  .intro-hot-wrapper,
  .featured-wrapper,
  .home-wrapper{
    width:100%;
    max-width:100%;
    border-radius:20px;
  }

  .intro-hot-wrapper{
    padding:16px 14px;
  }

  .home-main-grid,
  .home-left,
  .home-right{
    width:100%;
    max-width:100%;
  }

  .home-intro-title{
    font-size:clamp(1.65rem, 8vw, 2.05rem) !important;
    line-height:1.14;
  }

  .home-intro-copy{
    font-size:1rem;
    line-height:1.65;
  }

  .section-kicker{
    max-width:100%;
    white-space:normal;
    text-align:center;
    line-height:1.25;
    padding-top:8px;
    padding-bottom:8px;
  }

  .sections-box[data-wrapper="forum_sections"] .jf-sections-v2,
  .hot-list{
    padding:10px;
  }

  .sections-box[data-wrapper="forum_sections"] .jf-sections-v2__inner{
    padding:14px;
  }

  .sections-box[data-wrapper="forum_sections"] .jf-sections-v2__line{
    line-height:1.65;
  }

  .sections-box[data-wrapper="forum_sections"] .jf-sections-v2__sep{
    margin:0 6px;
  }

  .hot-item,
  .topic-card{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .hot-link,
  .topic-title a{
    font-size:1.02rem;
    line-height:1.35;
  }

  .meta-chip-system{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .meta-chip-system .meta-chip{
    max-width:100% !important;
    white-space:normal !important;
    overflow:hidden !important;
  }

  .meta-chip-system .meta-chip__text{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .hot-metric-chip{
    max-width:100%;
    white-space:normal;
    line-height:1.3;
  }

  .home-online-wrapper,
  .viewer-wrapper-inner--home{
    max-width:100%;
    overflow:hidden;
  }

  .dedicated-ad-wrapper,
  .allowed-ad-slot,
  .third-party-ad-row{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
}

/* Phase 17 strict third-party ad slot guard
   Purpose: allow AdSense/other third-party creatives to size naturally inside approved slots
   without cropping, while still preventing viewport/page overflow. In-house promo sizing is untouched. */
.third-party-ad-safe-shell,
.third-party-ad-row,
.third-party-ad-slot,
.dedicated-ad-wrapper.allowed-ad-slot,
.allowed-ad-slot .third-party-ad-row,
[data-ad-policy="allowed"] .third-party-ad-row,
[data-ad-policy="allowed"] .third-party-ad-slot {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0;
  max-height: none !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  contain: inline-size;
}

.third-party-ad-row {
  display: block !important;
  clear: both;
  margin-left: auto !important;
  margin-right: auto !important;
}

.third-party-ad-row .third-party-ad-slot,
.third-party-ad-safe-shell .third-party-ad-slot,
.dedicated-ad-wrapper .third-party-ad-slot {
  display: block !important;
  padding-left: clamp(0px, 2vw, 12px) !important;
  padding-right: clamp(0px, 2vw, 12px) !important;
}

.third-party-ad-slot > *,
.third-party-ad-row > *,
.third-party-ad-safe-shell > *,
.dedicated-ad-wrapper.allowed-ad-slot > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.third-party-ad-slot ins,
.third-party-ad-slot ins.adsbygoogle,
.third-party-ad-slot amp-ad,
.third-party-ad-slot iframe,
.third-party-ad-slot img,
.third-party-ad-slot div,
.third-party-ad-safe-shell ins,
.third-party-ad-safe-shell ins.adsbygoogle,
.third-party-ad-safe-shell amp-ad,
.third-party-ad-safe-shell iframe,
.third-party-ad-safe-shell img,
.third-party-ad-safe-shell div[id^="google_ads_iframe"],
.dedicated-ad-wrapper.allowed-ad-slot ins,
.dedicated-ad-wrapper.allowed-ad-slot ins.adsbygoogle,
.dedicated-ad-wrapper.allowed-ad-slot amp-ad,
.dedicated-ad-wrapper.allowed-ad-slot iframe,
.dedicated-ad-wrapper.allowed-ad-slot img {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  max-height: none !important;
}

.third-party-ad-slot ins.adsbygoogle,
.third-party-ad-safe-shell ins.adsbygoogle,
.dedicated-ad-wrapper.allowed-ad-slot ins.adsbygoogle {
  display: block !important;
  width: 100% !important;
  height: auto;
  overflow: visible !important;
}

.third-party-ad-slot iframe,
.third-party-ad-safe-shell iframe,
.dedicated-ad-wrapper.allowed-ad-slot iframe {
  display: block !important;
  width: 100% !important;
  border: 0;
  overflow: visible !important;
}

.third-party-ad-slot img,
.third-party-ad-safe-shell img,
.dedicated-ad-wrapper.allowed-ad-slot img {
  height: auto !important;
  object-fit: contain !important;
}

/* Override older homepage regression guard only for approved third-party slots.
   Protected wrappers remain guarded by .no-third-party-ads and data-ad-policy="protected". */
.allowed-ad-slot.third-party-ad-row,
.allowed-ad-slot .third-party-ad-slot,
.third-party-ad-safe-shell.allowed-ad-slot,
.dedicated-ad-wrapper.allowed-ad-slot:has(.third-party-ad-slot),
.dedicated-ad-wrapper.allowed-ad-slot:has(ins.adsbygoogle),
.dedicated-ad-wrapper.allowed-ad-slot:has(iframe[id^="google_ads_iframe"]),
.dedicated-ad-wrapper.allowed-ad-slot:has(iframe[id^="aswift"]) {
  overflow-y: visible !important;
  max-height: none !important;
}

@media (max-width: 700px) {
  .third-party-ad-safe-shell,
  .third-party-ad-row,
  .third-party-ad-slot,
  .dedicated-ad-wrapper.allowed-ad-slot {
    width: 100% !important;
    max-width: min(100%, calc(100vw - 28px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  .third-party-ad-row .third-party-ad-slot,
  .third-party-ad-safe-shell .third-party-ad-slot,
  .dedicated-ad-wrapper .third-party-ad-slot {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .third-party-ad-slot iframe,
  .third-party-ad-safe-shell iframe,
  .dedicated-ad-wrapper.allowed-ad-slot iframe,
  .third-party-ad-slot ins.adsbygoogle,
  .third-party-ad-safe-shell ins.adsbygoogle,
  .dedicated-ad-wrapper.allowed-ad-slot ins.adsbygoogle {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Third-party ad-code containment: /control/advertising/ad-codes only. */

.third-party-ad-row {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: clamp(18px, 4vw, 34px) auto !important;
  padding: 0 !important;
  clear: both;
  box-sizing: border-box !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  isolation: isolate;
}

.shell-container > 
main.shell-container 
.topic-story-body 
.public-panel 
.topic-list .third-party-ad-row {
  max-width: 100% !important;
}


.third-party-ad-slot {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  text-align: center;
}

.third-party-ad-slot > *,
.third-party-ad-slot > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.third-party-ad-slot ins.adsbygoogle,
.third-party-ad-slot ins.adsbygoogle,
.third-party-ad-slot ins,
.third-party-ad-slot ins,
.third-party-ad-slot amp-ad,
.third-party-ad-slot amp-ad {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto;
  min-height: 0;
  max-height: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

.third-party-ad-slot iframe,
.third-party-ad-slot iframe {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.third-party-ad-slot iframe[id^="aswift"],
.third-party-ad-slot iframe[id^="aswift"],
.third-party-ad-slot iframe[id^="google_ads_iframe"],
.third-party-ad-slot iframe[id^="google_ads_iframe"] {
  overflow: hidden !important;
}

.third-party-ad-slot img,
.third-party-ad-slot img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
}

.third-party-scale-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  transform-origin: top left !important;
}

@media (max-width: 700px) {
  
  .third-party-ad-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  
  .third-party-ad-slot {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  .third-party-ad-slot iframe,
  .third-party-ad-slot iframe,
  .third-party-ad-slot img,
  .third-party-ad-slot img {
    max-width: 100% !important;
  }
}

/* Final third-party ad container alignment guard.
   Third-party code slots are fluid, container-aligned, and separate from 16:9 in-house campaign banners. */
.third-party-ad-safe-shell {
  width: min(calc(100% - var(--site-gutter, 28px)), var(--site-content-width, var(--ff-content-width, 880px))) !important;
  max-width: var(--site-content-width, var(--ff-content-width, 880px)) !important;
  margin: clamp(16px, 3vw, 28px) auto !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.third-party-ad-safe-shell > .third-party-ad-row,
.shell-container > .third-party-ad-row,
main.shell-container .third-party-ad-row,
.home-wrapper .third-party-ad-row,
.dedicated-ad-wrapper .third-party-ad-row,
.topic-story-body .third-party-ad-row,
.topic-list .third-party-ad-row,
.public-panel .third-party-ad-row,
.third-party-ad-row {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: clamp(16px, 3vw, 28px) auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  clear: both;
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.third-party-ad-safe-shell > .third-party-ad-row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.third-party-ad-slot,
.ad-slot.ad-external,
.ad-slot-external {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.third-party-ad-slot > *,
.ad-slot.ad-external > *,
.ad-slot-external > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.third-party-ad-slot ins,
.third-party-ad-slot ins.adsbygoogle,
.third-party-ad-slot amp-ad,
.ad-slot.ad-external ins,
.ad-slot.ad-external ins.adsbygoogle,
.ad-slot.ad-external amp-ad,
.ad-slot-external ins,
.ad-slot-external ins.adsbygoogle,
.ad-slot-external amp-ad {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto;
  min-height: 0;
  max-height: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

.third-party-ad-slot iframe,
.ad-slot.ad-external iframe,
.ad-slot-external iframe {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.third-party-ad-slot iframe[id^="aswift"],
.third-party-ad-slot iframe[id^="google_ads_iframe"],
.ad-slot.ad-external iframe[id^="aswift"],
.ad-slot.ad-external iframe[id^="google_ads_iframe"],
.ad-slot-external iframe[id^="aswift"],
.ad-slot-external iframe[id^="google_ads_iframe"] {
  overflow: hidden !important;
}

.third-party-ad-slot img,
.ad-slot.ad-external img,
.ad-slot-external img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
}

.third-party-scale-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  transform-origin: top left !important;
}

.allowed-ad-slot.third-party-ad-row,
.allowed-ad-slot .third-party-ad-slot,
.third-party-ad-safe-shell.allowed-ad-slot,
.dedicated-ad-wrapper.allowed-ad-slot:has(.third-party-ad-slot),
.dedicated-ad-wrapper.allowed-ad-slot:has(ins.adsbygoogle),
.dedicated-ad-wrapper.allowed-ad-slot:has(iframe[id^="google_ads_iframe"]),
.dedicated-ad-wrapper.allowed-ad-slot:has(iframe[id^="aswift"]) {
  overflow-x: clip !important;
  overflow-y: visible !important;
  max-height: none !important;
}

@media (max-width: 700px) {
  .third-party-ad-safe-shell {
    width: min(calc(100% - var(--site-gutter-mobile, 18px)), var(--site-content-width, var(--ff-content-width, 880px))) !important;
  }

  .third-party-ad-row,
  .third-party-ad-slot,
  .ad-slot.ad-external,
  .ad-slot-external {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
}

/* Meta chip overflow guard: keep long board/category labels inside cards */
.topic-card,
.topic-row,
.hot-item,
.profile-content-item,
.profile-hub-stream-item,
.featured-grid > *,
.topic-card-grid > *,
.topics-grid > *,
.topic-cards > *{
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}

.topic-title,
.topic-title a,
.profile-topic-title,
.profile-hub-stream-title{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

.meta-chip-cluster,
.meta-chip-system,
.public-meta-row,
.profile-content-meta,
.profile-hub-stream-meta{
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.meta-chip-system .meta-chip,
.meta-chip-cluster .meta-chip,
.public-meta-row .meta-chip,
.profile-content-meta span,
.profile-hub-stream-meta span{
  max-width:100% !important;
  min-width:0 !important;
  white-space:normal !important;
  overflow:hidden !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:1.25 !important;
}

.meta-chip-system .meta-chip--board,
.meta-chip-cluster .meta-chip--board,
.public-meta-row .meta-chip--board{
  max-width:100% !important;
  flex:0 1 auto !important;
}

.meta-chip-system .meta-chip__text,
.meta-chip-cluster .meta-chip__text,
.public-meta-row .meta-chip__text{
  min-width:0 !important;
  max-width:100% !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

.meta-chip-system .meta-chip__icon,
.meta-chip-cluster .meta-chip__icon,
.public-meta-row .meta-chip__icon,
.meta-chip-system .meta-chip__badge,
.meta-chip-cluster .meta-chip__badge,
.public-meta-row .meta-chip__badge{
  flex:0 0 auto !important;
}

@media (max-width:640px){
  .meta-chip-system .meta-chip,
  .meta-chip-cluster .meta-chip,
  .public-meta-row .meta-chip{
    max-width:100% !important;
    flex:0 1 auto !important;
  }
}


/* Phase 17 regression guard: in-house campaign banners are ratio-locked media, not text cards. */
.promo-slot-band{max-width:var(--shell-max,1180px);box-sizing:border-box;overflow:visible;}
.promo-slot-grid{display:grid;grid-template-columns:repeat(var(--ad-desktop-count,3),minmax(0,1fr));gap:12px;align-items:stretch;min-width:0;}
.promo-slot-grid>.promo-card{min-width:0;}
.promo-card--campaign{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important;line-height:0!important;background:#fff!important;box-sizing:border-box!important;flex:none!important;}
.promo-card--campaign .ad-card-media{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;overflow:hidden!important;background:#fff!important;line-height:0!important;flex:none!important;}
.promo-card--campaign .ad-card-media img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;}
.promo-card--campaign .promo-card-copy,.promo-card--campaign .ad-card-copy,.promo-card--campaign .promo-card-icon,.promo-card--campaign .promo-card-sheen{display:none!important;}
.promo-card--campaign .promo-ad-badge{position:absolute!important;top:8px!important;right:8px!important;z-index:5!important;}
.promo-card--promo{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important;box-sizing:border-box!important;flex:none!important;}
.promo-card--promo .promo-card-media{display:none!important;}
.promo-card--promo .promo-card-copy{position:absolute!important;inset:0!important;display:flex!important;width:100%!important;height:100%!important;box-sizing:border-box!important;min-height:0!important;border-top:0!important;}
@media (min-width:901px){.promo-slot-grid>.promo-card:nth-child(n+4){display:none!important;}}
@media (min-width:641px) and (max-width:900px){.promo-slot-grid{grid-template-columns:repeat(var(--ad-tablet-count,2),minmax(0,1fr))!important}.promo-slot-grid>.promo-card:nth-child(n+3){display:none!important;}}
@media (max-width:640px){.promo-slot-grid{grid-template-columns:repeat(var(--ad-mobile-count,1),minmax(0,1fr))!important}.promo-slot-grid>.promo-card:nth-child(n+2){display:none!important;}.promo-card--campaign,.promo-card--promo{border-radius:16px!important;}}

/* Unified third-party ad renderer
   All visible external ad code must pass through App\Support\ThirdPartyAds::renderSlot(). */
body.is-public-area .ad-slot--third-party,
body.is-public-area .third-party-ad-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    clear: both !important;
    margin: clamp(18px, 4vw, 28px) auto !important;
    padding: 0 !important;
    overflow: visible !important;
    contain: none !important;
    transform: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
body.is-public-area .ad-slot--third-party .ad-slot__inner,
body.is-public-area .ad-slot--third-party .third-party-ad-slot,
body.is-public-area .third-party-ad-row .third-party-ad-slot {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    contain: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
body.is-public-area .ad-slot--third-party .ad-slot__creative {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    contain: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
body.is-public-area .ad-slot--third-party .ad-slot__creative > *,
body.is-public-area .ad-slot--third-party ins,
body.is-public-area .ad-slot--third-party ins.adsbygoogle,
body.is-public-area .ad-slot--third-party amp-ad,
body.is-public-area .ad-slot--third-party img,
body.is-public-area .ad-slot--third-party object,
body.is-public-area .ad-slot--third-party embed,
body.is-public-area .ad-slot--third-party video,
body.is-public-area .ad-slot--third-party div[id^="google_ads_iframe"],
body.is-public-area .ad-slot--third-party div[id^="aswift"] {
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto;
    max-height: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
body.is-public-area .ad-slot--third-party ins.adsbygoogle,
body.is-public-area .ad-slot--third-party .adsbygoogle {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}
body.is-public-area .ad-slot--third-party iframe {
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    border: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
body.is-public-area .ad-slot--third-party iframe[id^="aswift"],
body.is-public-area .ad-slot--third-party iframe[id^="google_ads_iframe"] {
    width: 100% !important;
    max-width: 100% !important;
}
body.is-public-area .ad-slot--third-party[data-ad-context="listings"] {
    margin-top: clamp(22px, 5vw, 34px) !important;
    margin-bottom: clamp(22px, 5vw, 34px) !important;
}
body.is-public-area .topic-story-body .ad-slot--third-party {
    margin-top: clamp(22px, 5vw, 32px) !important;
    margin-bottom: clamp(22px, 5vw, 32px) !important;
}
@media (max-width: 760px) {
    body.is-public-area main.shell-container .ad-slot--third-party,
    body.is-public-area .ad-slot--third-party,
    body.is-public-area .third-party-ad-row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body.is-public-area .ad-slot--third-party iframe,
    body.is-public-area .ad-slot--third-party img,
    body.is-public-area .ad-slot--third-party amp-ad,
    body.is-public-area .ad-slot--third-party ins {
        max-width: 100% !important;
    }
}

/* Stable fixed-size creative fallback. Generic third-party iframes keep their native width and are scaled only by the unified renderer script when required. */
body.is-public-area .ad-slot--third-party iframe:not([id^="aswift"]):not([id^="google_ads_iframe"]) {
    width: auto !important;
    max-width: none !important;
    transform-origin: top left !important;
}
body.is-public-area .ad-slot--third-party .ad-slot__creative.is-scaled-fixed-creative {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    transform-origin: top left !important;
}

/* Ads Engine Finalisation: unified third-party slot hardening.
   Approved external ads are rendered only by ThirdPartyAds::renderSlot().
   These rules prevent clipping on mobile and override protected-wrapper guards for approved slot children only. */
body.is-public-area .no-third-party-ads .ad-slot--third-party,
body.is-public-area [data-ad-policy="protected"] .ad-slot--third-party,
body.is-public-area .no-third-party-ads .ad-slot--third-party *,
body.is-public-area [data-ad-policy="protected"] .ad-slot--third-party * {
    display: revert !important;
    visibility: visible !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
}
body.is-public-area .ad-slot--third-party,
body.is-public-area .ad-slot--third-party .ad-slot__inner,
body.is-public-area .ad-slot--third-party .ad-slot__creative,
body.is-public-area .third-party-ad-row,
body.is-public-area .third-party-ad-slot {
    overflow: visible !important;
    contain: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
body.is-public-area .ad-slot--third-party iframe,
body.is-public-area .ad-slot--third-party ins,
body.is-public-area .ad-slot--third-party amp-ad,
body.is-public-area .ad-slot--third-party img,
body.is-public-area .ad-slot--third-party object,
body.is-public-area .ad-slot--third-party embed {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
body.is-public-area .ad-slot--third-party .ad-slot__creative.is-scaled-fixed-creative iframe,
body.is-public-area .ad-slot--third-party .ad-slot__creative.is-scaled-fixed-creative img,
body.is-public-area .ad-slot--third-party .ad-slot__creative.is-scaled-fixed-creative object,
body.is-public-area .ad-slot--third-party .ad-slot__creative.is-scaled-fixed-creative embed {
    max-width: none !important;
}

/* Mobile action menu responsiveness lock - prevents topic/admin action details from overflowing on phones. */
body.is-public-area .topic-action-wrap,
body.is-public-area .topic-action-row,
body.is-public-area .topic-reply-actions,
body.is-public-area .topic-more-actions,
body.is-public-area .topic-more-actions-panel,
body.is-public-area .topic-inline-form,
body.is-public-area .topic-action-link,
body.is-public-area .topic-action-button {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
body.is-public-area .topic-action-link,
body.is-public-area .topic-action-button,
body.is-public-area .topic-more-actions summary {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
body.is-public-area .topic-more-actions-panel .topic-inline-form,
body.is-public-area .topic-more-actions-panel .topic-move-form,
body.is-public-area .topic-more-actions-panel .topic-sticky-form {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}
body.is-public-area .topic-more-actions-panel .topic-sticky-label {
    flex: 0 0 auto !important;
}
body.is-public-area .topic-more-actions-panel .topic-sticky-select {
    max-width: 100% !important;
    min-width: 0 !important;
}
@media (max-width: 760px) {
    body.is-public-area {
        overflow-x: hidden;
    }
    body.is-public-area .topic-action-wrap.topic-action-wrap--reader {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: var(--ff-radius-lg, 18px) !important;
        overflow: visible !important;
    }
    body.is-public-area .topic-action-row,
    body.is-public-area .topic-action-row--reader,
    body.is-public-area .topic-reply-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 10px !important;
        align-items: stretch !important;
        justify-content: stretch !important;
    }
    body.is-public-area .topic-inline-form,
    body.is-public-area .topic-action-row--reader > .topic-inline-form {
        display: block !important;
        width: 100% !important;
    }
    body.is-public-area .topic-action-link,
    body.is-public-area .topic-action-button,
    body.is-public-area .topic-more-actions summary {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 46px !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 10px 14px !important;
        line-height: 1.25 !important;
    }
    body.is-public-area .topic-more-actions {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.is-public-area .topic-more-actions[open] summary {
        border-bottom-left-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
    }
    body.is-public-area .topic-more-actions-panel {
        position: static !important;
        inset: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 10px 0 0 !important;
        padding: 10px !important;
        overflow: visible !important;
        box-shadow: none !important;
        transform: none !important;
    }
    body.is-public-area .topic-more-actions:not([open]) .topic-more-actions-panel {
        display: none !important;
    }
    body.is-public-area .topic-more-actions-panel .topic-action-link,
    body.is-public-area .topic-more-actions-panel .topic-action-button {
        justify-content: flex-start !important;
        text-align: left !important;
    }
    body.is-public-area .topic-more-actions-panel .topic-sticky-form,
    body.is-public-area .topic-more-actions-panel .topic-move-form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }
    body.is-public-area .topic-more-actions-panel .topic-sticky-label,
    body.is-public-area .topic-more-actions-panel .topic-sticky-select {
        width: 100% !important;
    }
}

/* Advertising Intelligence Finalisation */
.ad-rate-public-hero{margin-bottom:18px;}
.ad-rate-public-weight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ad-rate-public-weight-grid .advertising-public-placement-card{min-height:100%;}
.advertising-public-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0 18px;}
.advertising-public-filter label{display:grid;gap:6px;font-weight:var(--fw-ui,500);color:var(--ff-text,var(--text-main,#172033));}
.advertising-public-filter select{min-width:160px;}
.public-table-wrap{overflow:auto;border-radius:var(--radius-lg,18px);border:1px solid var(--ff-border,rgba(15,23,42,.1));}
.public-table-wrap table{min-width:860px;}
.public-table-wrap small{display:block;color:var(--ff-muted,var(--muted-text,#667085));margin-top:4px;}
@media (max-width: 820px){.ad-rate-public-weight-grid{grid-template-columns:1fr;}.advertising-public-filter{align-items:stretch;}.advertising-public-filter .button,.advertising-public-filter select{width:100%;justify-content:center;}}

/* Admin optimisation: hashtags, control center and manage-posts mobile safety */
.hashtag-admin-page{display:grid;gap:var(--admin-gap,18px)}
.hashtag-admin-page .hashtag-hero{display:flex;justify-content:space-between;gap:var(--admin-gap,18px);align-items:flex-start}
.hashtag-admin-page .hashtag-hero__copy{max-width:760px;min-width:0}
.hashtag-admin-page .hashtag-toolbar{justify-content:flex-end;display:flex;flex-wrap:wrap;gap:8px}
.hashtag-admin-page .hashtag-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.hashtag-admin-page .hashtag-action-layout{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:var(--admin-gap,18px);align-items:stretch}
.hashtag-admin-page .hashtag-action-panel{display:flex;flex-direction:column;min-width:0}
.hashtag-admin-page .hashtag-action-panel .admin-panel__body{margin-top:auto}
.hashtag-admin-page .hashtag-action-status,.hashtag-admin-page .hashtag-maintenance-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hashtag-admin-page .hashtag-action-form{display:inline-flex;margin:0;min-width:0}
.hashtag-admin-page .hashtag-action-body{display:grid;gap:14px}
.hashtag-admin-page .hashtag-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:var(--admin-gap,18px)}
.hashtag-admin-page .hashtag-cloud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hashtag-admin-page .hashtag-rank-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:12px;border:1px solid var(--admin-border,var(--border-color,#e5e7eb));border-radius:var(--admin-radius,16px);background:var(--admin-surface-soft,#f8fafc);text-decoration:none;color:inherit;min-width:0}
.hashtag-admin-page .hashtag-rank-card:hover{border-color:var(--admin-primary,var(--primary-color,#2563eb));text-decoration:none}
.hashtag-admin-page .hashtag-rank-card__rank{grid-row:1/3;display:inline-flex;width:34px;height:34px;border-radius:999px;align-items:center;justify-content:center;background:var(--admin-surface,#fff);border:1px solid var(--admin-border,var(--border-color,#e5e7eb));font-size:.82rem;font-weight:var(--admin-ui-weight,500)}
.hashtag-admin-page .hashtag-rank-card__tag{font-weight:var(--admin-link-weight,500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hashtag-admin-page .hashtag-rank-card__meta{font-size:.82rem;color:var(--admin-muted,var(--muted-text,#667085));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hashtag-admin-page .hashtag-log-list{display:grid;gap:10px}
.hashtag-admin-page .hashtag-log-item{border:1px solid var(--admin-border,var(--border-color,#e5e7eb));border-radius:var(--admin-radius,16px);padding:12px;background:var(--admin-surface-soft,#f8fafc)}
.hashtag-admin-page .hashtag-log-item__top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.hashtag-admin-page .hashtag-log-item__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;color:var(--admin-muted,var(--muted-text,#667085));font-size:.86rem}
.hashtag-admin-page .hashtag-table__link{font-weight:var(--admin-link-weight,500)}
.hashtag-admin-page .hashtag-empty-state{padding:20px;text-align:left}
.hashtag-admin-page .hashtag-empty-state h3{margin:0 0 6px;font-size:1rem;font-weight:var(--admin-heading-weight,500)}
.hashtag-admin-page .hashtag-empty-state p{margin:0;color:var(--admin-muted,var(--muted-text,#667085))}
.control-center-card,.control-center-activity-block,.control-center-panel{min-width:0}
.control-center-card__top,.control-center-card__meta{min-width:0;overflow-wrap:anywhere}
.control-center-activity-grid .topic-row{min-width:0;overflow:hidden}
.control-center-activity-grid .topic-row-main{min-width:0}
.control-center-activity-grid .topic-link{overflow-wrap:anywhere}
.manage-posts-final{overflow-x:clip}
.manage-posts-final .mp-post-card,.manage-posts-final .mp-post-main,.manage-posts-final .mp-post-actions,.manage-posts-final .mp-move-form{min-width:0;max-width:100%}
.manage-posts-final .mp-post-actions select{max-width:100%;min-width:0;height:32px;border:1px solid var(--border-color,#dbe3f1);border-radius:999px;padding:0 10px;background:var(--input-bg,#fff);color:var(--text-color,#071b52)}
.manage-posts-final .mp-post-actions form{max-width:100%}
.manage-posts-final .mp-post-actions .mp-btn{white-space:normal;text-align:center;line-height:1.2}
@media(max-width:1100px){.hashtag-admin-page .hashtag-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hashtag-admin-page .hashtag-action-layout,.hashtag-admin-page .hashtag-dashboard-grid{grid-template-columns:1fr}.hashtag-admin-page .hashtag-cloud{grid-template-columns:1fr}}
@media(max-width:760px){.hashtag-admin-page .hashtag-hero{display:grid}.hashtag-admin-page .hashtag-toolbar,.hashtag-admin-page .hashtag-hero__chips{justify-content:flex-start}.hashtag-admin-page .hashtag-kpis{grid-template-columns:1fr}.hashtag-admin-page .hashtag-maintenance-actions .admin-btn,.hashtag-admin-page .hashtag-action-form,.hashtag-admin-page .hashtag-action-form .admin-btn{width:100%;justify-content:center}.hashtag-admin-page .hashtag-table-wrap{overflow-x:auto}.hashtag-admin-page .hashtag-table{min-width:680px}.control-center-activity-grid .topic-row{display:grid;grid-template-columns:1fr;gap:6px}.control-center-activity-grid .meta-row.right{text-align:left}.manage-posts-final .mp-filter-form{grid-template-columns:1fr!important}.manage-posts-final .mp-stat-grid{grid-template-columns:1fr 1fr}.manage-posts-final .mp-header-actions,.manage-posts-final .mp-toolbar,.manage-posts-final .mp-filter-pills,.manage-posts-final .mp-post-actions,.manage-posts-final .mp-status-row{align-items:stretch;justify-content:flex-start;width:100%}.manage-posts-final .mp-post-actions{display:grid;grid-template-columns:1fr;gap:8px;max-width:none}.manage-posts-final .mp-post-actions form,.manage-posts-final .mp-post-actions a,.manage-posts-final .mp-post-actions button,.manage-posts-final .mp-post-actions select{width:100%;justify-content:center}.manage-posts-final .mp-move-form{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.manage-posts-final .mp-post-title{display:block;overflow-wrap:anywhere}.manage-posts-final .topic-meta-row,.manage-posts-final .meta-chip-row{display:flex;flex-wrap:wrap;gap:6px}.manage-posts-final .mp-excerpt{overflow-wrap:anywhere}}
@media(max-width:480px){.manage-posts-final .mp-stat-grid{grid-template-columns:1fr}.hashtag-admin-page .hashtag-log-item__stats{grid-template-columns:1fr}}

/* Control Center queue breakdown */
.control-center-breakdown-cta{display:flex;justify-content:flex-end;margin-bottom:var(--space-3,12px)}
.control-center-queue-panel .control-center-stream__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3,12px);flex-wrap:wrap}
@media (max-width: 720px){
  .control-center-breakdown-cta{justify-content:stretch}
  .control-center-breakdown-cta .admin-chip{width:100%;justify-content:center}
  .control-center-queue-panel .control-center-stream__head .admin-chip{width:100%;justify-content:center}
}

/* Profile account tools final polish */
.profile-hub-profile-edit-card .profile-hub-section-top{align-items:center}
.profile-hub-profile-edit-card .profile-hub-section-copy{margin:4px 0 0;color:var(--ff-muted,#667085);line-height:1.55}
.profile-hub-tools-card .profile-hub-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.profile-hub-tool-panel{min-width:0;border:1px solid var(--ff-border,#e3e8f0);border-radius:var(--ff-radius-md,18px);background:linear-gradient(180deg,var(--ff-surface,#fff),var(--ff-surface-soft,#f7f9fc));padding:16px;box-shadow:var(--ff-shadow-soft,0 10px 30px rgba(15,23,42,.05))}
.profile-hub-tool-eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--ff-primary-soft,#eef2ff);border:1px solid color-mix(in srgb,var(--ff-primary,#24356d) 16%,var(--ff-border,#e3e8f0));color:var(--ff-primary,#24356d);font-size:.72rem;font-weight:var(--ff-weight-label,500);letter-spacing:.02em;text-transform:uppercase;margin-bottom:12px}
.profile-hub-tool-stack{display:grid;gap:10px}
.profile-hub-tool-actions{display:grid;grid-template-columns:1fr;gap:10px}
.profile-hub-tool-action{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--ff-border,#e3e8f0);border-radius:16px;background:var(--ff-surface,#fff);color:var(--ff-text,#1c2541);text-decoration:none!important;min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.profile-hub-tool-action:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(20,29,67,.08);border-color:color-mix(in srgb,var(--ff-primary,#24356d) 22%,var(--ff-border,#e3e8f0));background:var(--ff-surface-soft,#f7f9fc)}
.profile-hub-tool-action__icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--ff-primary-soft,#eef2ff);border:1px solid color-mix(in srgb,var(--ff-primary,#24356d) 12%,var(--ff-border,#e3e8f0));font-size:1.05rem}
.profile-hub-tool-action strong{display:block;font-size:.95rem;line-height:1.2;color:var(--ff-text,#1c2541);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-hub-tool-action small{display:block;margin-top:2px;color:var(--ff-muted,#667085);font-size:.78rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width: 1100px){.profile-hub-tools-card .profile-hub-tools-grid{grid-template-columns:1fr 1fr}.profile-hub-tool-panel--actions{grid-column:1/-1}.profile-hub-tool-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.profile-hub-tools-card .profile-hub-tools-grid,.profile-hub-tool-actions{grid-template-columns:1fr}.profile-hub-profile-edit-card .profile-hub-section-top{display:grid;gap:12px}.profile-hub-profile-edit-card .button{width:100%}.profile-hub-tool-action strong,.profile-hub-tool-action small{white-space:normal}.profile-hub-tool-panel{padding:14px}.profile-hub-tool-action{grid-template-columns:34px minmax(0,1fr)}.profile-hub-tool-action__icon{width:34px;height:34px}}

/* Profile publisher/account tools: final responsive fit */
.profile-hub-side .profile-hub-tools-card .profile-hub-tools-grid,
.profile-hub-tools-card .profile-hub-tools-grid--compact{grid-template-columns:1fr;gap:12px}
.profile-hub-tools-card .profile-hub-tool-panel{overflow:hidden;min-width:0}
.profile-hub-tools-card .profile-hub-tool-panel--actions{grid-column:auto}
.profile-hub-tools-card .profile-hub-tool-actions{display:grid;grid-template-columns:1fr;gap:9px;min-width:0}
.profile-hub-tools-card .profile-hub-tool-action{width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:34px minmax(0,1fr);padding:10px 11px;overflow:hidden}
.profile-hub-tools-card .profile-hub-tool-action__icon{width:34px;height:34px;font-size:1rem;flex:0 0 auto}
.profile-hub-tools-card .profile-hub-tool-action strong,
.profile-hub-tools-card .profile-hub-tool-action small{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.profile-hub-tools-card .profile-hub-mini-row{min-width:0;gap:8px}
.profile-hub-tools-card .profile-hub-mini-row span,
.profile-hub-tools-card .profile-hub-mini-row strong{min-width:0;overflow-wrap:anywhere}
@media (min-width: 1180px){
  .profile-hub-main .profile-hub-tools-card .profile-hub-tools-grid:not(.profile-hub-tools-grid--compact){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 760px){
  .profile-hub-tools-card .profile-hub-tool-actions{grid-template-columns:1fr}
  .profile-hub-tools-card .profile-hub-tool-panel{padding:13px}
}

/* Share row responsive fit: supports Facebook, X, WhatsApp, Telegram, LinkedIn, and copy without overflow. */
.topic-hero-share-row{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  max-width:100% !important;
  overflow:visible !important;
}
.topic-share-icon{
  flex:0 0 auto !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
}
.topic-share-icon svg,
.topic-share-icon[aria-label="Share on WhatsApp"] svg,
.topic-share-icon[aria-label="Share on Telegram"] svg,
.topic-share-icon[aria-label="Share on LinkedIn"] svg{
  width:19px !important;
  height:19px !important;
}
@media (max-width: 420px){
  .topic-hero-share-row{gap:7px !important;}
  .topic-share-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }
  .topic-share-icon svg,
  .topic-share-icon[aria-label="Share on WhatsApp"] svg,
  .topic-share-icon[aria-label="Share on Telegram"] svg,
  .topic-share-icon[aria-label="Share on LinkedIn"] svg{
    width:18px !important;
    height:18px !important;
  }
}
@media (max-width: 340px){
  .topic-hero-share-row{gap:6px !important;}
  .topic-share-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }
}

/* Global layout width system fix - desktop uses available space while mobile remains safe. */
:root{
  --ff-shell-max-width:1180px;
  --ff-reading-max-width:980px;
  --ff-shell-gutter:32px;
  --ff-shell-gutter-tablet:24px;
  --ff-shell-gutter-mobile:18px;
}
body{
  --site-content-width:var(--ff-shell-max-width) !important;
}
.shell-container,
.main-container,
.page-container,
.site-container,
.layout-container,
.content-container,
.header-inner,
.footer-inner,
.ff-layout-container,
.ff-global-container,
.home-wrapper,
.featured-wrapper,
.sub-box,
.admin-navigation-band,
.admin-page-shell,
.admin-page-stack,
.control-center-page,
.white-label-toolkit-page,
.design-settings-page,
.homepage-settings-page,
.site-settings-page,
.code-manager-page,
.ad-codes-page,
.ad-rates-page,
.wallet-overview-page,
.wallet-settings-page,
.payment-settings-page,
.finance-report-page,
.topic-view-page,
.topic-page-shell,
.topic-layout,
.topic-content-shell,
.topic-reading-shell,
.third-party-ad-safe-shell,
.in-house-ad-safe-shell,
.third-party-ad-row,
.third-party-ad-slot,
.ad-slot-wrapper,
.promo-slot-wrapper,
.bottom-promo-grid,
.publisher-promo-wrapper,
footer.shell-container,
header.shell-container,
main.shell-container{
  width:min(calc(100% - var(--ff-shell-gutter)), var(--ff-shell-max-width)) !important;
  max-width:var(--ff-shell-max-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.is-public-area .shell-container,
body.is-public-area .third-party-ad-safe-shell,
body.is-public-area .in-house-ad-safe-shell,
body.is-public-area footer.shell-container{
  width:min(calc(100% - var(--ff-shell-gutter)), var(--ff-shell-max-width)) !important;
  max-width:var(--ff-shell-max-width) !important;
}
.shell-container > .admin-page-shell,
.shell-container > .admin-page-stack,
.shell-container > .topic-view-page,
.shell-container > .topic-page-shell,
.shell-container > .home-wrapper,
.shell-container > .featured-wrapper,
.shell-container > .sub-box,
.shell-container > .page-card,
main.shell-container > .admin-page-shell,
main.shell-container > .topic-view-page,
main.shell-container > .topic-page-shell{
  width:100% !important;
  max-width:100% !important;
}
.topic-hero-card,
.topic-story-card,
.topic-actions-card,
.topic-nav-card,
.topic-discussion-card,
.topic-page-viewers-end,
body.is-public-area .topic-hero-card,
body.is-public-area .topic-story-card,
body.is-public-area .topic-nav-card,
body.is-public-area .topic-discussion-card,
body.is-public-area .topic-page-viewers-end{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.topic-hero-card{
  padding:clamp(24px,3.2vw,38px) clamp(20px,3vw,34px) !important;
}
.topic-story-card,
.topic-discussion-card,
.topic-composer-card{
  padding:clamp(22px,3vw,34px) !important;
}
.topic-hero-title{
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.topic-breadcrumbs,
.topic-hero-meta-row,
.topic-hero-share-row,
.topic-hero-jump-row{
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.topic-story-body,
.topic-post-content,
.topic-content,
.topic-article{
  max-width:var(--ff-reading-max-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.topic-story-body{
  font-size:clamp(1.02rem,1.15vw,1.14rem) !important;
  line-height:1.9 !important;
}
.topic-action-wrap,
.topic-reactions-wrap,
.topic-reply-form{
  max-width:var(--ff-reading-max-width) !important;
}
@media (max-width: 960px){
  .shell-container,
  .main-container,
  .page-container,
  .site-container,
  .layout-container,
  .content-container,
  .admin-page-shell,
  .admin-page-stack,
  .topic-view-page,
  .topic-page-shell,
  .topic-layout,
  .third-party-ad-safe-shell,
  .in-house-ad-safe-shell,
  header.shell-container,
  footer.shell-container,
  main.shell-container,
  body.is-public-area .shell-container,
  body.is-public-area .third-party-ad-safe-shell,
  body.is-public-area .in-house-ad-safe-shell,
  body.is-public-area footer.shell-container{
    width:min(calc(100% - var(--ff-shell-gutter-tablet)), var(--ff-shell-max-width)) !important;
  }
}
@media (max-width: 640px){
  .shell-container,
  .main-container,
  .page-container,
  .site-container,
  .layout-container,
  .content-container,
  .admin-page-shell,
  .admin-page-stack,
  .topic-view-page,
  .topic-page-shell,
  .topic-layout,
  .third-party-ad-safe-shell,
  .in-house-ad-safe-shell,
  header.shell-container,
  footer.shell-container,
  main.shell-container,
  body.is-public-area .shell-container,
  body.is-public-area .third-party-ad-safe-shell,
  body.is-public-area .in-house-ad-safe-shell,
  body.is-public-area footer.shell-container{
    width:min(calc(100% - var(--ff-shell-gutter-mobile)), var(--ff-shell-max-width)) !important;
  }
  .topic-hero-card,
  .topic-story-card,
  .topic-discussion-card,
  .topic-composer-card{
    padding:18px 15px !important;
  }
  .topic-story-body{
    max-width:100% !important;
    font-size:1rem !important;
    line-height:1.82 !important;
  }
}