:root{
  --app-bg:#f7f5ff;
  --surface:#ffffff;
  --surface-2:#fffafc;
  --text:#231f33;
  --muted:#7a728f;
  --line:rgba(48,31,78,.09);
  --shadow:0 18px 46px rgba(49,31,79,.10);
  --shadow-soft:0 10px 26px rgba(49,31,79,.06);
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:18px;
  --btn-text:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Poppins','Tajawal','Cairo','Rubik','Heebo',system-ui,sans-serif;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,255,255,.92), transparent 20%),
    radial-gradient(circle at 90% 18%, rgba(230,214,255,.68), transparent 22%),
    radial-gradient(circle at 18% 88%, rgba(255,214,240,.40), transparent 18%),
    linear-gradient(180deg,#f6efff 0%,#f2ecff 52%,#f6f1ff 100%);
  color:var(--text);
  min-height:100vh;
}
[dir="rtl"] body,[lang="ar"] body{font-family:'Tajawal','Cairo','Poppins',sans-serif}
[lang="he"] body{font-family:'Rubik','Heebo','Poppins',sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 28px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(250,247,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.72)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#2d1d4d,#b1689a);color:#fff;box-shadow:var(--shadow-soft)}
.brand-copy strong{display:block;font-size:1.05rem}
.brand-copy small{display:block;color:var(--muted);margin-top:4px}
.header-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.home-page,.auth-page,.dashboard-page,.profile-page-wrap{padding:30px 0 56px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:22px;align-items:stretch}
.hero-panel,.panel-card,.auth-card,.theme-card,.profile-card,.coupon-mini-card,.coupon-full-card,.social-panel,.dash-side{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.94);
  box-shadow:var(--shadow);
  border-radius:var(--radius-xl);
}
.hero-panel.large{padding:32px}
.hero-panel h1{font-size:clamp(2rem,3vw,3.35rem);line-height:1.04;margin:10px 0 12px;letter-spacing:-.03em}
.hero-panel p{margin:0;color:var(--muted);line-height:1.8;font-size:1.03rem}
.eyebrow{display:inline-flex;padding:9px 14px;border-radius:999px;background:#fff;color:#7852c8;font-weight:700;box-shadow:var(--shadow-soft)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-side-stats{display:grid;gap:16px}
.mini-stat{padding:22px 20px}.mini-stat span{display:block;color:var(--muted);font-weight:700}.mini-stat strong{display:block;font-size:2rem;margin-top:10px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:30px 0 18px}
.section-head h2,.section-head h3{margin:0;font-size:1.55rem;letter-spacing:-.03em}
.section-head p{margin:8px 0 0;color:var(--muted);line-height:1.75}
.small-gap{margin:0 0 18px}
.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.profile-card{position:relative;padding:22px;overflow:hidden;min-height:300px;display:flex;flex-direction:column;gap:12px}
.avatar-shell,.avatar-preview-shell{width:82px;height:82px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 10px 26px rgba(0,0,0,.08)}
.avatar-shell img,.avatar-preview-shell img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff}
.profile-card h3{margin:6px 0 0;font-size:1.18rem}
.pill{display:inline-flex;align-items:center;align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);font-weight:700;color:var(--theme-primary)}
.coupon-code{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.94);font-weight:800;letter-spacing:.08em;color:var(--theme-strong);word-break:break-word}
.meta-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:var(--muted);border-top:1px dashed rgba(44,30,71,.10)}
.meta-row strong{color:var(--theme-strong)}
.theme-grid,.style-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.theme-card{overflow:hidden;padding:10px}.theme-card img{width:100%;aspect-ratio:4/7;object-fit:cover;border-radius:22px}.theme-card-foot{padding:12px 8px 6px;font-weight:800;text-align:center}
.auth-page{display:flex;justify-content:center}.auth-card{padding:28px;width:min(760px,100%)}.wide-card{width:min(980px,100%)}.narrow-card{width:min(480px,100%)}
.form-stack{display:grid;gap:16px}
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-grid{gap:12px}.full{grid-column:1/-1}
label span{display:block;font-weight:700;margin-bottom:9px}
.input,.textarea{width:100%;padding:15px 17px;border-radius:18px;border:1px solid rgba(52,36,84,.11);background:rgba(255,255,255,.9);color:var(--text);outline:none;transition:.2s box-shadow,.2s border-color}
.input:focus,.textarea:focus{border-color:color-mix(in srgb, var(--theme-primary) 40%, white);box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-primary) 14%, white)}
.textarea{min-height:130px;resize:vertical}
.notice-box{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow-soft)}
.notice-danger{background:#fff0f4;border-color:#ffc9d9;color:#9e244f}.small-text{font-size:.92rem}
.avatar-upload-card,.dashboard-avatar-uploader{display:flex;align-items:center;gap:18px;padding:18px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.93),rgba(255,255,255,.68));border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-soft)}
.avatar-preview-shell{width:92px;height:92px}.large-preview{width:108px;height:108px}.avatar-upload-copy{display:grid;gap:6px;flex:1}.avatar-upload-copy strong{font-size:1.03rem}.avatar-upload-copy span{color:var(--muted);line-height:1.7}
.upload-btn input{display:none}
.solid-btn,.ghost-btn,.upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:16px;font-weight:800;transition:.2s transform,.2s box-shadow,.2s background,.2s color;border:none;cursor:pointer}
.solid-btn,.upload-btn{background:linear-gradient(135deg,var(--theme-strong),var(--theme-primary));color:var(--btn-text);box-shadow:0 18px 36px color-mix(in srgb,var(--theme-primary) 28%, transparent)}
.solid-btn.dark{background:linear-gradient(135deg,#1f1733,#4e3572)}
.ghost-btn{background:rgba(255,255,255,.7);color:var(--theme-strong);border:1px solid rgba(255,255,255,.94)}
.solid-btn:hover,.ghost-btn:hover,.upload-btn:hover{transform:translateY(-1px)}
.stretch{width:100%}
.theme-grid.picker-grid,.picker-grid-premium{grid-template-columns:repeat(5,minmax(0,1fr))}
.theme-picker{position:relative;display:grid;gap:10px;padding:10px;border-radius:24px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-soft);cursor:pointer}
.theme-picker input{accent-color:var(--theme-primary)}
.theme-picker-visual{border-radius:22px;padding:14px;aspect-ratio:4/7;display:grid;place-items:center;position:relative;overflow:hidden}
.theme-picker-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 6px 6px;font-weight:800}
.theme-picker-meta small{color:var(--muted)}
.mini-phone-frame{width:100%;height:100%;border-radius:28px;padding:14px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);display:grid;align-content:start;gap:12px;position:relative;overflow:hidden}
.mini-avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.75));box-shadow:inset 0 0 0 3px rgba(255,255,255,.8),0 8px 18px rgba(0,0,0,.08)}
.mini-lines{height:66px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.68));position:relative}
.mini-lines::before,.mini-lines::after{content:"";position:absolute;left:12px;right:12px;height:10px;border-radius:999px;background:rgba(0,0,0,.08)}
.mini-lines::before{top:14px}.mini-lines::after{top:34px;right:44px}
.mini-coupon{height:54px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);position:relative}
.mini-coupon::after{content:"COPY";position:absolute;right:14px;bottom:12px;font-size:.8rem;font-weight:800;color:rgba(0,0,0,.35)}
.dashboard-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px}.dash-side{padding:24px;position:sticky;top:92px;align-self:start}.dash-main{display:grid;gap:22px}
.profile-top{text-align:center}.profile-top h2{margin:14px 0 6px;font-size:1.55rem}.profile-top p{margin:0;color:var(--muted)}
.dashboard-avatar-ring{width:128px;height:128px;padding:8px;border-radius:50%;margin:0 auto;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 18px 36px rgba(0,0,0,.12)}
.avatar-xl{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:4px solid #fff}
.mini-metrics{display:grid;gap:12px;margin:20px 0}.mini-metrics div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92)}
.panel-card{padding:24px}
.coupon-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.coupon-mini-card{padding:18px}
.style-picker-option input{display:none}
.style-picker-card{display:grid;gap:10px;padding:10px;border-radius:24px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-soft);cursor:pointer;height:100%}
.style-picker-card img{width:100%;aspect-ratio:4/7;object-fit:cover;border-radius:18px}.style-picker-card strong{text-align:center}
.style-picker-option input:checked + .style-picker-card{outline:3px solid color-mix(in srgb, var(--theme-primary) 50%, white);transform:translateY(-2px)}
.profile-page-wrap{display:flex;justify-content:center}.profile-shell{width:min(760px,100%);padding:18px;border-radius:38px;position:relative;overflow:hidden;background:
  radial-gradient(circle at top left, rgba(255,255,255,.72), transparent 24%),
  linear-gradient(180deg, color-mix(in srgb,var(--theme-bg) 88%, white), color-mix(in srgb,var(--theme-bg) 58%, white));
  border:1px solid rgba(255,255,255,.82);box-shadow:0 34px 70px color-mix(in srgb,var(--theme-primary) 12%, transparent)}
.profile-shell::before{content:"";position:absolute;right:-90px;top:-80px;width:240px;height:240px;border-radius:50%;background:color-mix(in srgb,var(--theme-secondary) 34%, white);filter:blur(8px);opacity:.75}
.profile-shell::after{content:"";position:absolute;left:-80px;bottom:-95px;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary) 22%, white);filter:blur(14px);opacity:.62}
.profile-hero{position:relative;padding:28px 20px 22px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.20));border:1px solid rgba(255,255,255,.72);text-align:center;overflow:hidden}
.profile-cover-glow{position:absolute;inset:-26px 13% auto;height:190px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-secondary) 48%, white), transparent 62%);filter:blur(18px);opacity:.95}
.large-avatar{width:164px;height:164px;margin:0 auto}.premium-avatar-frame{position:relative;z-index:1;border-radius:50%;padding:8px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 24px 46px rgba(0,0,0,.12)}
.profile-hero h1{position:relative;z-index:1;margin:18px 0 10px;font-size:2.2rem;letter-spacing:-.04em;color:var(--theme-strong)}
.profile-handle{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);font-weight:800;color:var(--theme-strong)}
.profile-bio{position:relative;z-index:1;max-width:560px;margin:14px auto 0;color:var(--theme-muted);line-height:1.9}
.hero-counters,.coupon-actions-grid,.social-grid{display:grid;gap:12px}.hero-counters{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.hero-counters>div,.stat-inline,.social-card,.coupon-full-card,.coupon-mini-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow-soft)}
.hero-counters>div{padding:15px 14px;border-radius:20px}.hero-counters span,.stat-inline span{display:block;color:var(--theme-muted);font-size:.85rem}.hero-counters strong,.stat-inline strong{display:block;font-size:1.3rem;margin-top:6px;color:var(--theme-strong)}
.profile-coupon-stack{display:grid;gap:16px;margin-top:18px}.coupon-full-card{padding:20px;border-radius:28px;position:relative}
.coupon-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-inline{padding:8px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px}
.coupon-full-card h2{margin:14px 0 0;font-size:1.28rem;color:var(--theme-strong)}
.coupon-code.large{margin-top:16px;padding:18px 20px;font-size:1.35rem;border-radius:22px}
.coupon-actions-grid{grid-template-columns:1fr 1fr;margin-top:14px}
.social-panel{padding:20px;border-radius:28px;margin-top:16px}.social-panel h3{margin:0 0 14px;font-size:1.28rem;color:var(--theme-strong)}
.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card{display:block;padding:16px 18px;border-radius:22px}.social-card span{display:block;font-weight:800;color:var(--theme-strong)}.social-card small{display:block;color:var(--theme-muted);margin-top:6px;word-break:break-all}
.copy-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(18px);padding:12px 18px;background:#1c2238;color:#fff;border-radius:999px;opacity:0;pointer-events:none;transition:.25s ease;z-index:80;box-shadow:0 18px 38px rgba(21,17,44,.34)}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.theme-1,.theme-picker-1 .theme-picker-visual{--theme-bg:#fff1f6;--theme-primary:#e95698;--theme-secondary:#ffb1d2;--theme-strong:#5d2140;--theme-muted:#875a6d;background:linear-gradient(180deg,#fff4f8,#fffdfd)}
.theme-2,.theme-picker-2 .theme-picker-visual{--theme-bg:#eef7ff;--theme-primary:#4e8de6;--theme-secondary:#b0d8ff;--theme-strong:#193f70;--theme-muted:#617b95;background:linear-gradient(180deg,#eff8ff,#ffffff)}
.theme-3,.theme-picker-3 .theme-picker-visual{--theme-bg:#f3efff;--theme-primary:#7d58ff;--theme-secondary:#ccb8ff;--theme-strong:#35205e;--theme-muted:#6e6190;background:linear-gradient(180deg,#f6f1ff,#ffffff)}
.theme-4,.theme-picker-4 .theme-picker-visual{--theme-bg:#fff7ec;--theme-primary:#d58b1e;--theme-secondary:#f6ca7d;--theme-strong:#624011;--theme-muted:#92734b;background:linear-gradient(180deg,#fff8ee,#ffffff)}
.theme-5,.theme-picker-5 .theme-picker-visual{--theme-bg:#effdf7;--theme-primary:#2fa981;--theme-secondary:#9be8d0;--theme-strong:#165443;--theme-muted:#5e8779;background:linear-gradient(180deg,#effcf7,#ffffff)}
.theme-6,.theme-picker-6 .theme-picker-visual{--theme-bg:#fff5f8;--theme-primary:#d96c95;--theme-secondary:#f5d1db;--theme-strong:#54313f;--theme-muted:#886775;background:linear-gradient(180deg,#fff7f9,#fffdfd)}
.theme-7,.theme-picker-7 .theme-picker-visual{--theme-bg:#fff8f0;--theme-primary:#b88a43;--theme-secondary:#f2d49e;--theme-strong:#4a3618;--theme-muted:#857056;background:linear-gradient(180deg,#fff9f3,#ffffff)}
.theme-8,.theme-picker-8 .theme-picker-visual{--theme-bg:#fff0f4;--theme-primary:#c94472;--theme-secondary:#f4abc1;--theme-strong:#5b2035;--theme-muted:#8d5d6e;background:linear-gradient(180deg,#fff2f6,#ffffff)}
.theme-9,.theme-picker-9 .theme-picker-visual{--theme-bg:#eef8ff;--theme-primary:#4aa3cb;--theme-secondary:#b8e7fb;--theme-strong:#1e4f68;--theme-muted:#5d8191;background:linear-gradient(180deg,#f1f9ff,#ffffff)}
.theme-10,.theme-picker-10 .theme-picker-visual{--theme-bg:#f5efff;--theme-primary:#6e4fc9;--theme-secondary:#d8c6ff;--theme-strong:#2f2154;--theme-muted:#72678d;background:linear-gradient(180deg,#f6f0ff,#ffffff)}

.theme-1::before,.theme-2::before,.theme-3::before,.theme-4::before,.theme-5::before,.theme-6::before,.theme-7::before,.theme-8::before,.theme-9::before,.theme-10::before,
.theme-picker-1 .theme-picker-visual::before,.theme-picker-2 .theme-picker-visual::before,.theme-picker-3 .theme-picker-visual::before,.theme-picker-4 .theme-picker-visual::before,.theme-picker-5 .theme-picker-visual::before,.theme-picker-6 .theme-picker-visual::before,.theme-picker-7 .theme-picker-visual::before,.theme-picker-8 .theme-picker-visual::before,.theme-picker-9 .theme-picker-visual::before,.theme-picker-10 .theme-picker-visual::before{
  content:"";position:absolute;inset:-20% auto auto -10%;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--theme-secondary) 48%, white);filter:blur(8px);opacity:.7
}
.profile-card,.theme-picker-visual{position:relative}
.theme-picker-visual::after{content:"";position:absolute;right:-18px;bottom:-24px;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary) 18%, white);filter:blur(10px);opacity:.72}
.profile-card .solid-btn{margin-top:auto}
.lang-pill{min-width:52px}
@media (max-width:1080px){.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-grid,.style-picker-grid,.theme-grid.picker-grid,.picker-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid,.hero-grid{grid-template-columns:1fr}.dash-side{position:static}.social-grid,.coupon-list-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.container{width:min(100%,calc(100% - 16px))}.header-inner{align-items:flex-start;flex-direction:column}.header-nav{width:100%}.header-nav a,.header-nav button{flex:1 1 auto}.profile-grid,.theme-grid,.style-picker-grid,.theme-grid.picker-grid,.picker-grid-premium,.form-grid-2,.coupon-list-grid,.coupon-actions-grid,.hero-counters,.social-grid{grid-template-columns:1fr}.auth-card,.panel-card,.hero-panel.large,.profile-card,.theme-card{padding:20px}.profile-shell{padding:14px}.coupon-code.large{font-size:1.15rem}.avatar-upload-card,.dashboard-avatar-uploader{flex-direction:column;align-items:flex-start}.large-avatar{width:142px;height:142px}.profile-hero h1{font-size:1.8rem}}


/* ===== V5 compact vertical profiles ===== */
:root{
  --compact-width: min(100%, 420px);
}

.profile-page-compact{display:flex;justify-content:center;padding:26px 0 54px}
.profile-compact{
  --compact-shell-bg:
    radial-gradient(circle at 12% 14%, rgba(255,255,255,.34), transparent 24%),
    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--theme-secondary, #ffffff) 34%, white), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.12)),
    var(--hero-bg, linear-gradient(180deg,#f4f5ff,#ffffff));
  width:var(--compact-width);
  position:relative;
  border-radius:36px;
  padding:14px;
  background:var(--compact-shell-bg);
  border:1px solid color-mix(in srgb, var(--stroke-soft, rgba(255,255,255,.40)) 85%, white);
  box-shadow:0 30px 85px color-mix(in srgb, var(--theme-primary, #7b61ff) 18%, rgba(9,12,33,.12)), inset 0 1px 0 rgba(255,255,255,.32);
  overflow:hidden;
  isolation:isolate;
}
.profile-compact::before,
.profile-compact::after,
.profile-compact .fx-orb,
.profile-compact .fx-grid{
  content:"";
  position:absolute;
  pointer-events:none;
}
.profile-compact::before{
  inset:-8% auto auto -10%;
  width:180px;height:180px;border-radius:50%;
  background:var(--orb-1);
  filter:blur(10px);
  opacity:.95;
}
.profile-compact::after{
  inset:auto -8% -7% auto;
  width:210px;height:210px;border-radius:50%;
  background:var(--orb-2);
  filter:blur(14px);
  opacity:.9;
}
.profile-compact .fx-orb{display:none}
.profile-compact .fx-grid{
  inset:0;
  background:
    linear-gradient(115deg, rgba(255,255,255,.08), transparent 32%),
    radial-gradient(circle at 85% 14%, rgba(255,255,255,.14), transparent 18%),
    radial-gradient(circle at 15% 88%, rgba(255,255,255,.1), transparent 16%);
  opacity:.55;
  z-index:0;
}
.compact-hero,
.compact-stats,
.coupon-compact-card,
.social-compact-panel{position:relative;z-index:1}
.compact-hero{
  min-height:226px;
  border-radius:28px;
  padding:22px 18px 18px;
  color:var(--hero-text);
  background:var(--hero-bg);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 18px 42px rgba(10,14,28,.16), inset 0 1px 0 rgba(255,255,255,.26);
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;
  overflow:hidden;
}
.compact-hero-art{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.compact-hero-art::before,
.compact-hero-art::after,
.compact-hero::before,
.compact-hero::after{content:"";position:absolute}
.compact-hero-art::before{
  width:240px;height:240px;top:-120px;inset-inline-end:-48px;
  background:var(--hero-orb-1);border-radius:50%;filter:blur(4px);opacity:.92;
}
.compact-hero-art::after{
  width:220px;height:220px;bottom:-140px;inset-inline-start:-88px;
  background:var(--hero-orb-2);border-radius:50%;filter:blur(14px);opacity:.76;
}
.compact-hero::before{
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), transparent 30%),
    radial-gradient(circle at 20% 24%, rgba(255,255,255,.22), transparent 22%),
    radial-gradient(circle at 80% 72%, rgba(255,255,255,.12), transparent 20%);
  opacity:.95;
}
.compact-hero::after{
  inset:auto 18px 18px auto;
  width:74px;height:74px;border-radius:22px;
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.03));
  transform:rotate(18deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  opacity:.8;
}
.compact-avatar-shell{
  width:100px;height:100px;border-radius:50%;padding:4px;margin-bottom:12px;
  background:linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,.38));
  box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.65);
}
.compact-avatar-shell img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.88);background:#fff}
.compact-head-copy{position:relative;z-index:1}
.compact-head-copy h1{margin:0;font-size:1.95rem;line-height:1.02;letter-spacing:-.045em;color:var(--hero-text);text-shadow:0 4px 18px rgba(0,0,0,.12)}
.compact-handle{margin-top:8px;display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);font-size:.92rem;font-weight:700;color:var(--hero-text-soft);backdrop-filter:blur(10px)}
.compact-bio{margin:12px auto 0;max-width:280px;font-size:.95rem;line-height:1.6;color:var(--hero-text-soft)}
.compact-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.compact-stat-box{
  padding:14px 10px;border-radius:22px;
  background:var(--card-bg);
  border:1px solid var(--stroke-soft);
  backdrop-filter:blur(12px);
  text-align:center;
  box-shadow:0 12px 26px rgba(10,14,28,.08), inset 0 1px 0 rgba(255,255,255,.2)
}
.compact-stat-box span{display:block;font-size:.8rem;color:var(--muted-on-theme);font-weight:800}
.compact-stat-box strong{display:block;margin-top:6px;font-size:1.18rem;color:var(--text-on-theme)}
.coupon-vertical-list{display:grid;gap:12px;margin-top:14px}
.coupon-compact-card{
  padding:12px;border-radius:24px;background:var(--card-bg);border:1px solid var(--stroke-soft);
  box-shadow:0 14px 28px rgba(10,14,28,.08), inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(14px);
  overflow:hidden;
}
.coupon-compact-card::before{
  content:"";position:absolute;inset:-1px auto auto -30px;width:120px;height:120px;border-radius:50%;background:var(--accent-glow);filter:blur(18px);opacity:.55
}
.coupon-compact-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;position:relative;z-index:1}
.coupon-badge,.coupon-copy-count{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.01em}
.coupon-badge{background:var(--badge-bg);color:var(--badge-text);border:1px solid rgba(255,255,255,.22)}
.coupon-copy-count{background:rgba(255,255,255,.42);color:var(--text-on-theme);border:1px solid rgba(255,255,255,.22)}
.coupon-compact-body{position:relative;z-index:1}
.coupon-title{font-size:.95rem;font-weight:800;color:var(--muted-on-theme);margin-bottom:8px}
.coupon-code.compact{
  text-align:center;padding:15px 14px;border-radius:18px;background:var(--code-bg);color:var(--code-text);border:1px solid rgba(255,255,255,.4);
  font-size:1.52rem;font-weight:900;letter-spacing:.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.coupon-compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;position:relative;z-index:1}
.coupon-compact-actions.single{grid-template-columns:1fr}
.compact-btn{
  min-height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;font-weight:900;border:none;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease
}
.compact-btn:hover{transform:translateY(-1px)}
.compact-btn-primary{background:var(--action-primary);color:var(--action-primary-text);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.compact-btn-secondary{background:var(--action-secondary);color:var(--action-secondary-text);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.26)}
.social-compact-panel{
  margin-top:12px;padding:14px;border-radius:24px;background:var(--card-bg);border:1px solid var(--stroke-soft);
  box-shadow:0 14px 28px rgba(10,14,28,.08), inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(14px)
}
.social-compact-panel h2{margin:0 0 12px;font-size:1.2rem;color:var(--text-on-theme);letter-spacing:-.03em}
.social-compact-list{display:grid;gap:10px}
.social-compact-chip{
  position:relative;overflow:hidden;padding:13px 14px;border-radius:18px;background:linear-gradient(135deg, rgba(255,255,255,.54), rgba(255,255,255,.18));
  border:1px solid rgba(255,255,255,.26);display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-soft)
}
.social-compact-chip::after{
  content:"";position:absolute;inset:auto -12px -24px auto;width:78px;height:78px;border-radius:50%;background:var(--accent-glow);filter:blur(12px);opacity:.34
}
.social-compact-chip strong{position:relative;z-index:1;color:var(--text-on-theme);font-size:1rem}
.social-compact-chip small{position:relative;z-index:1;color:var(--muted-on-theme);word-break:break-all}

.theme-1{--hero-bg:radial-gradient(circle at 18% 18%, rgba(255,255,255,.26), transparent 22%), radial-gradient(circle at 86% 20%, rgba(255,230,255,.24), transparent 18%), linear-gradient(145deg,#bb77ff 0%,#7f3de5 52%,#5a23bc 100%);--hero-text:#fff;--hero-text-soft:#f4dcff;--hero-orb-1:rgba(255,233,255,.48);--hero-orb-2:rgba(191,138,255,.36);--card-bg:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.64));--stroke-soft:rgba(255,255,255,.44);--text-on-theme:#442069;--muted-on-theme:#75519b;--badge-bg:#f8ecff;--badge-text:#8437d4;--code-bg:linear-gradient(135deg,#fff,#f1e4ff);--code-text:#5d1ea3;--action-primary:linear-gradient(135deg,#6420c8,#a24fff);--action-primary-text:#fff;--action-secondary:rgba(255,255,255,.84);--action-secondary-text:#592596;--orb-1:rgba(203,144,255,.55);--orb-2:rgba(164,110,255,.44);--accent-glow:rgba(191,128,255,.48)}
.theme-2{--hero-bg:radial-gradient(circle at 18% 12%, rgba(255,255,255,.3), transparent 20%), radial-gradient(circle at 82% 24%, rgba(202,255,255,.26), transparent 16%), linear-gradient(145deg,#70efff 0%,#3ca6ff 55%,#2551dd 100%);--hero-text:#fff;--hero-text-soft:#e6fbff;--hero-orb-1:rgba(255,255,255,.42);--hero-orb-2:rgba(94,238,255,.34);--card-bg:linear-gradient(180deg, rgba(255,255,255,.84), rgba(244,252,255,.66));--stroke-soft:rgba(255,255,255,.48);--text-on-theme:#133860;--muted-on-theme:#50759d;--badge-bg:#ebfbff;--badge-text:#1d8bd8;--code-bg:linear-gradient(135deg,#fff,#eaf8ff);--code-text:#1c5b96;--action-primary:linear-gradient(135deg,#0d8ce0,#4c7df6);--action-primary-text:#fff;--action-secondary:rgba(255,255,255,.88);--action-secondary-text:#215d98;--orb-1:rgba(92,226,255,.56);--orb-2:rgba(52,140,255,.36);--accent-glow:rgba(93,218,255,.46)}
.theme-3{--hero-bg:radial-gradient(circle at 18% 18%, rgba(255,255,255,.28), transparent 20%), radial-gradient(circle at 84% 22%, rgba(255,239,202,.24), transparent 18%), linear-gradient(145deg,#ff8ba6 0%,#ff9f7b 48%,#ffb85f 100%);--hero-text:#fff;--hero-text-soft:#fff2f0;--hero-orb-1:rgba(255,255,255,.4);--hero-orb-2:rgba(255,204,150,.32);--card-bg:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,248,245,.66));--stroke-soft:rgba(255,255,255,.46);--text-on-theme:#7a3340;--muted-on-theme:#a4636b;--badge-bg:#fff0f3;--badge-text:#eb5d74;--code-bg:linear-gradient(135deg,#fff,#fff1e6);--code-text:#a9404e;--action-primary:linear-gradient(135deg,#ff5065,#ff9743);--action-primary-text:#fff;--action-secondary:rgba(255,255,255,.88);--action-secondary-text:#b24f51;--orb-1:rgba(255,145,174,.52);--orb-2:rgba(255,191,121,.4);--accent-glow:rgba(255,147,130,.46)}
.theme-4{--hero-bg:radial-gradient(circle at 20% 20%, rgba(255,220,162,.18), transparent 18%), radial-gradient(circle at 84% 18%, rgba(255,243,217,.08), transparent 16%), linear-gradient(145deg,#1e1a20 0%,#0f1017 48%,#050607 100%);--hero-text:#f9ecd4;--hero-text-soft:#ead3a8;--hero-orb-1:rgba(255,209,126,.12);--hero-orb-2:rgba(245,184,90,.12);--card-bg:linear-gradient(180deg, rgba(30,31,38,.88), rgba(18,20,27,.76));--stroke-soft:rgba(255,213,140,.12);--text-on-theme:#f6dfb2;--muted-on-theme:#cfb17b;--badge-bg:#2f261b;--badge-text:#ffdda4;--code-bg:linear-gradient(135deg,#241d15,#111217);--code-text:#ffe3ac;--action-primary:linear-gradient(135deg,#c79247,#f0da97);--action-primary-text:#171411;--action-secondary:#14161b;--action-secondary-text:#f3d39e;--orb-1:rgba(238,181,87,.12);--orb-2:rgba(255,230,164,.08);--accent-glow:rgba(245,198,111,.16)}
.theme-5{--hero-bg:radial-gradient(circle at 18% 16%, rgba(255,255,255,.26), transparent 18%), radial-gradient(circle at 82% 20%, rgba(227,255,251,.22), transparent 16%), linear-gradient(145deg,#86efd9 0%,#4fd5c4 52%,#27b4c6 100%);--hero-text:#153c48;--hero-text-soft:#305f6b;--hero-orb-1:rgba(255,255,255,.34);--hero-orb-2:rgba(171,255,233,.28);--card-bg:linear-gradient(180deg, rgba(255,255,255,.86), rgba(242,255,252,.66));--stroke-soft:rgba(255,255,255,.46);--text-on-theme:#1f4d56;--muted-on-theme:#5e8a8f;--badge-bg:#effff8;--badge-text:#2ca58d;--code-bg:linear-gradient(135deg,#fff,#effff9);--code-text:#1b6262;--action-primary:linear-gradient(135deg,#27c890,#46d2d7);--action-primary-text:#fff;--action-secondary:rgba(255,255,255,.9);--action-secondary-text:#2f7277;--orb-1:rgba(105,235,206,.5);--orb-2:rgba(55,201,213,.34);--accent-glow:rgba(88,223,196,.4)}
.theme-6{--hero-bg:radial-gradient(circle at 20% 16%, rgba(255,255,255,.22), transparent 18%), radial-gradient(circle at 84% 20%, rgba(255,228,234,.22), transparent 18%), linear-gradient(145deg,#ff7087 0%,#ff5f96 48%,#ff889d 100%);--hero-text:#fff;--hero-text-soft:#ffeef2;--hero-orb-1:rgba(255,255,255,.34);--hero-orb-2:rgba(255,195,217,.28);--card-bg:linear-gradient(180deg, rgba(255,250,251,.88), rgba(255,241,245,.7));--stroke-soft:rgba(255,255,255,.48);--text-on-theme:#7b2641;--muted-on-theme:#ad6277;--badge-bg:#fff0f5;--badge-text:#f05c7a;--code-bg:linear-gradient(135deg,#fff,#ffeaf1);--code-text:#912d4d;--action-primary:linear-gradient(135deg,#ff4d68,#ff8fa0);--action-primary-text:#fff;--action-secondary:rgba(255,255,255,.9);--action-secondary-text:#b1455f;--orb-1:rgba(255,108,149,.5);--orb-2:rgba(255,172,193,.34);--accent-glow:rgba(255,130,159,.4)}
.theme-7{--hero-bg:radial-gradient(circle at 18% 16%, rgba(255,255,255,.28), transparent 18%), radial-gradient(circle at 82% 22%, rgba(226,235,255,.2), transparent 16%), linear-gradient(145deg,#eef2ff 0%,#cad7ff 48%,#abbcff 100%);--hero-text:#263052;--hero-text-soft:#566281;--hero-orb-1:rgba(255,255,255,.36);--hero-orb-2:rgba(204,215,255,.3);--card-bg:linear-gradient(180deg, rgba(255,255,255,.88), rgba(244,247,255,.72));--stroke-soft:rgba(255,255,255,.58);--text-on-theme:#2d3659;--muted-on-theme:#6f7896;--badge-bg:#f0f4ff;--badge-text:#6678d8;--code-bg:linear-gradient(135deg,#fff,#eef2ff);--code-text:#4659ae;--action-primary:linear-gradient(135deg,#3752a5,#7a92f1);--action-primary-text:#fff;--action-secondary:rgba(255,255,255,.92);--action-secondary-text:#48598d;--orb-1:rgba(216,225,255,.6);--orb-2:rgba(159,177,255,.4);--accent-glow:rgba(157,176,255,.34)}
.theme-8{--hero-bg:radial-gradient(circle at 18% 16%, rgba(255,255,255,.28), transparent 18%), radial-gradient(circle at 82% 18%, rgba(255,236,201,.26), transparent 16%), linear-gradient(145deg,#fff2d6 0%,#ffdcb3 52%,#ffc597 100%);--hero-text:#7a4518;--hero-text-soft:#a0673c;--hero-orb-1:rgba(255,255,255,.34);--hero-orb-2:rgba(255,214,149,.3);--card-bg:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,247,238,.7));--stroke-soft:rgba(255,255,255,.52);--text-on-theme:#82491a;--muted-on-theme:#b17a50;--badge-bg:#fff5ea;--badge-text:#db8b3f;--code-bg:linear-gradient(135deg,#fff,#fff1e7);--code-text:#ab5e24;--action-primary:linear-gradient(135deg,#ff9d4a,#ffc369);--action-primary-text:#fff;--action-secondary:rgba(255,255,255,.92);--action-secondary-text:#be6f31;--orb-1:rgba(255,225,176,.62);--orb-2:rgba(255,190,126,.42);--accent-glow:rgba(255,203,148,.36)}
.theme-9{--hero-bg:radial-gradient(circle at 20% 18%, rgba(126,123,255,.24), transparent 18%), radial-gradient(circle at 84% 22%, rgba(71,200,255,.16), transparent 16%), linear-gradient(145deg,#28304c 0%,#121932 52%,#060c18 100%);--hero-text:#fff;--hero-text-soft:#d6ddff;--hero-orb-1:rgba(133,113,255,.16);--hero-orb-2:rgba(69,162,255,.14);--card-bg:linear-gradient(180deg, rgba(30,37,60,.88), rgba(18,23,40,.76));--stroke-soft:rgba(121,139,255,.12);--text-on-theme:#f0f4ff;--muted-on-theme:#b9c4eb;--badge-bg:#1b2238;--badge-text:#a3b2ff;--code-bg:linear-gradient(135deg,#1b2136,#0d111d);--code-text:#f7fbff;--action-primary:linear-gradient(135deg,#7946ff,#3d9dff);--action-primary-text:#fff;--action-secondary:#141a2c;--action-secondary-text:#ced9ff;--orb-1:rgba(110,100,255,.22);--orb-2:rgba(68,166,255,.18);--accent-glow:rgba(105,132,255,.24)}
.theme-10{--hero-bg:radial-gradient(circle at 18% 18%, rgba(255,255,255,.3), transparent 18%), radial-gradient(circle at 82% 16%, rgba(255,221,242,.26), transparent 16%), linear-gradient(145deg,#ffd8ec 0%,#f1d6ff 52%,#cbc7ff 100%);--hero-text:#462e5f;--hero-text-soft:#765e91;--hero-orb-1:rgba(255,255,255,.38);--hero-orb-2:rgba(255,199,230,.34);--card-bg:linear-gradient(180deg, rgba(255,255,255,.9), rgba(252,243,255,.74));--stroke-soft:rgba(255,255,255,.58);--text-on-theme:#51326d;--muted-on-theme:#846f9d;--badge-bg:#fff2fb;--badge-text:#d66cb3;--code-bg:linear-gradient(135deg,#fff,#fef0ff);--code-text:#6f3e96;--action-primary:linear-gradient(135deg,#7440c9,#f08ac3);--action-primary-text:#fff;--action-secondary:rgba(255,255,255,.94);--action-secondary-text:#7c4aa3;--orb-1:rgba(252,218,239,.7);--orb-2:rgba(214,190,255,.48);--accent-glow:rgba(235,175,214,.34)}
@media (max-width:760px){.container{width:min(100%,calc(100% - 16px))}.header-inner{align-items:flex-start;flex-direction:column}.header-nav{width:100%}.header-nav a,.header-nav button{flex:1 1 auto}.profile-grid,.theme-grid,.style-picker-grid,.theme-grid.picker-grid,.picker-grid-premium,.form-grid-2,.coupon-list-grid,.coupon-actions-grid,.hero-counters,.social-grid{grid-template-columns:1fr}.auth-card,.panel-card,.hero-panel.large,.profile-card,.theme-card{padding:20px}.profile-shell{padding:14px}.coupon-code.large{font-size:1.15rem}.avatar-upload-card,.dashboard-avatar-uploader{flex-direction:column;align-items:flex-start}.large-avatar{width:142px;height:142px}.profile-hero h1{font-size:1.8rem}}


/* ===== V5 compact vertical profiles ===== */
:root{
  --compact-width: min(100%, 420px);
}
.profile-page-compact{display:flex;justify-content:center;padding:22px 0 44px}
.profile-compact{
  width:var(--compact-width);
  position:relative;
  border-radius:34px;
  padding:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  box-shadow:0 22px 60px rgba(12,14,35,.16);
  overflow:hidden;
}
.profile-compact::before,
.profile-compact::after{
  content:"";position:absolute;border-radius:999px;pointer-events:none;
}
.profile-compact::before{width:160px;height:160px;top:-58px;inset-inline-end:-45px;background:var(--orb-1);filter:blur(4px);opacity:.95}
.profile-compact::after{width:140px;height:140px;bottom:-55px;inset-inline-start:-38px;background:var(--orb-2);filter:blur(8px);opacity:.82}
.compact-hero,
.compact-stats,
.coupon-compact-card,
.social-compact-panel{position:relative;z-index:1}
.compact-hero{
  min-height:208px;
  border-radius:26px;
  padding:18px 18px 16px;
  color:var(--hero-text);
  background:var(--hero-bg);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;
}
.compact-hero-art{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.compact-hero-art::before,
.compact-hero-art::after{content:"";position:absolute;border-radius:50%}
.compact-hero-art::before{width:220px;height:220px;top:-110px;inset-inline-end:-54px;background:var(--hero-orb-1);filter:blur(5px);opacity:.95}
.compact-hero-art::after{width:220px;height:220px;bottom:-150px;inset-inline-start:-95px;background:var(--hero-orb-2);filter:blur(16px);opacity:.82}
.compact-avatar-shell{
  width:96px;height:96px;border-radius:50%;padding:4px;margin-bottom:12px;
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,255,255,.45));
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.compact-avatar-shell img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:#fff}
.compact-head-copy h1{margin:0;font-size:1.95rem;line-height:1.05;letter-spacing:-.04em;color:var(--hero-text)}
.compact-handle{margin-top:8px;display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.28);font-size:.92rem;font-weight:700;color:var(--hero-text-soft)}
.compact-bio{margin:12px auto 0;max-width:280px;font-size:.95rem;line-height:1.6;color:var(--hero-text-soft)}
.compact-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.compact-stat-box{
  padding:14px 10px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.70)), var(--hero-bg);border:1px solid var(--stroke-soft);
  backdrop-filter:blur(12px);text-align:center;box-shadow:0 10px 22px rgba(16,18,42,.08)
}
.compact-stat-box span{display:block;font-size:.82rem;color:var(--muted-on-theme);font-weight:700}
.compact-stat-box strong{display:block;margin-top:6px;font-size:1.2rem;color:var(--text-on-theme)}
.coupon-vertical-list{display:grid;gap:10px;margin-top:12px}
.coupon-compact-card{
  padding:12px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.70)), var(--hero-bg);border:1px solid var(--stroke-soft);
  box-shadow:0 12px 24px rgba(16,18,42,.08);backdrop-filter:blur(12px)
}
.coupon-compact-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.coupon-badge,.coupon-copy-count{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:800}
.coupon-badge{background:rgba(255,255,255,.28);color:var(--hero-text);border:1px solid rgba(255,255,255,.24)}
.coupon-copy-count{background:rgba(255,255,255,.34);color:var(--text-on-theme);border:1px solid rgba(255,255,255,.26)}
.coupon-title{font-size:.95rem;font-weight:800;color:var(--muted-on-theme);margin-bottom:8px}
.coupon-code.compact{
  text-align:center;padding:14px 14px;border-radius:18px;
  background:var(--code-bg); color:var(--code-text); border:1px solid var(--stroke-soft);
  font-size:1.7rem;font-weight:900;letter-spacing:.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.coupon-compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.coupon-compact-actions.single{grid-template-columns:1fr}
.compact-btn{
  min-height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;font-weight:800;border:none;cursor:pointer
}
.compact-btn-primary{background:var(--action-primary);color:var(--action-primary-text);box-shadow:0 12px 24px color-mix(in srgb,var(--action-primary) 28%, transparent)}
.compact-btn-secondary{background:var(--action-secondary);color:var(--action-secondary-text);border:1px solid var(--stroke-soft)}
.social-compact-panel{margin-top:12px;padding:14px;border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.70)), var(--hero-bg);border:1px solid var(--stroke-soft);box-shadow:0 12px 24px rgba(16,18,42,.08)}
.social-compact-panel h2{margin:0 0 10px;font-size:1.1rem;color:var(--text-on-theme)}
.social-compact-list{display:grid;gap:10px}
.social-compact-list-icons-only{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.social-compact-chip{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58));border:1px solid rgba(255,255,255,.30);text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.social-compact-chip:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(16,18,42,.10);border-color:rgba(255,255,255,.46)}
.social-compact-icon-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .18s ease, filter .18s ease}
.social-compact-icon-link:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.02)}
.social-compact-icon-link .social-compact-icon{width:54px;height:54px;min-width:54px}
.social-compact-icon{width:54px;height:54px;min-width:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:900;letter-spacing:.04em;color:#fff;box-shadow:0 10px 20px rgba(16,18,42,.14)}
.social-compact-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.social-compact-chip strong{color:var(--text-on-theme);font-size:.95rem}
.social-compact-chip small{color:var(--muted-on-theme);word-break:break-all}
.platform-instagram .social-compact-icon{background:linear-gradient(135deg,#fdc468,#df4996 52%,#4f5bd5)}
.platform-facebook .social-compact-icon{background:linear-gradient(135deg,#1877f2,#4ba3ff)}
.platform-whatsapp .social-compact-icon{background:linear-gradient(135deg,#14c65a,#0a8f45)}
.platform-telegram .social-compact-icon{background:linear-gradient(135deg,#33a8e8,#138acb)}
.platform-tiktok .social-compact-icon{background:linear-gradient(135deg,#121212,#2f2f2f)}
.platform-youtube .social-compact-icon{background:linear-gradient(135deg,#ff3b30,#d70015)}
.platform-snapchat .social-compact-icon{background:linear-gradient(135deg,#ffd400,#ffb800);color:#2d2400}
.platform-x .social-compact-icon{background:linear-gradient(135deg,#101010,#333)}
.platform-linkedin .social-compact-icon{background:linear-gradient(135deg,#0a66c2,#1280ee)}
.platform-pinterest .social-compact-icon{background:linear-gradient(135deg,#e60023,#bf001d)}
.platform-link .social-compact-icon{background:linear-gradient(135deg,#7c8aa5,#55627d)}
.style-autosave-note{margin-top:8px;color:var(--muted);font-size:.9rem}
.style-picker-option input:checked + .style-picker-card{outline:3px solid var(--theme-primary);transform:translateY(-2px)}
.style-picker-card{transition:.2s ease}

.theme-1{--hero-bg:linear-gradient(180deg,#ca7af4 0%,#8f54de 100%);--hero-text:#fff;--hero-text-soft:#f8ebff;--hero-orb-1:rgba(255,255,255,.38);--hero-orb-2:rgba(255,210,247,.34);--surface-card:rgba(255,255,255,.78);--stroke-soft:rgba(255,255,255,.48);--text-on-theme:#2b1748;--muted-on-theme:#674a8d;--badge-bg:#f6ecff;--badge-text:#7b39cc;--code-bg:linear-gradient(135deg,#ffffff,#f3e7ff);--code-text:#572091;--action-primary:linear-gradient(135deg,#6028b0,#8e4ee8);--action-primary-text:#fff;--action-secondary:#ffffff;--action-secondary-text:#592895;--orb-1:rgba(205,155,255,.70);--orb-2:rgba(171,111,255,.48)}
.theme-2{--hero-bg:linear-gradient(180deg,#74e4f6 0%,#3ba2ff 100%);--hero-text:#fff;--hero-text-soft:#e8fbff;--hero-orb-1:rgba(255,255,255,.48);--hero-orb-2:rgba(144,251,255,.34);--surface-card:rgba(255,255,255,.80);--stroke-soft:rgba(255,255,255,.54);--text-on-theme:#10335d;--muted-on-theme:#4b6f9f;--badge-bg:#ecfbff;--badge-text:#1b84d8;--code-bg:linear-gradient(135deg,#ffffff,#ebf7ff);--code-text:#164f89;--action-primary:linear-gradient(135deg,#118cd2,#377df6);--action-primary-text:#fff;--action-secondary:#ffffff;--action-secondary-text:#1c5e99;--orb-1:rgba(119,228,246,.65);--orb-2:rgba(64,183,255,.42)}
.theme-3{--hero-bg:linear-gradient(180deg,#ff8ea5 0%,#ffc086 100%);--hero-text:#fff;--hero-text-soft:#fff0f1;--hero-orb-1:rgba(255,255,255,.42);--hero-orb-2:rgba(255,220,198,.42);--surface-card:rgba(255,251,247,.86);--stroke-soft:rgba(255,255,255,.56);--text-on-theme:#7a2d38;--muted-on-theme:#a25f66;--badge-bg:#fff0f3;--badge-text:#e05b73;--code-bg:linear-gradient(135deg,#fff,#fff0e8);--code-text:#a53d48;--action-primary:linear-gradient(135deg,#ff4e61,#ff8f49);--action-primary-text:#fff;--action-secondary:#fffaf7;--action-secondary-text:#b34b4c;--orb-1:rgba(255,154,171,.64);--orb-2:rgba(255,194,119,.44)}
.theme-4{--hero-bg:linear-gradient(180deg,#16161f 0%,#050508 100%);--hero-text:#f9ecd3;--hero-text-soft:#e0c89a;--hero-orb-1:rgba(255,198,96,.18);--hero-orb-2:rgba(217,151,63,.16);--surface-card:rgba(25,26,33,.84);--stroke-soft:rgba(255,212,141,.16);--text-on-theme:#f4ddb2;--muted-on-theme:#d0b179;--badge-bg:#30281d;--badge-text:#ffdd9f;--code-bg:linear-gradient(135deg,#241e17,#0f0f14);--code-text:#ffe3aa;--action-primary:linear-gradient(135deg,#c7984f,#efd998);--action-primary-text:#181514;--action-secondary:#15171c;--action-secondary-text:#f3d9a2;--orb-1:rgba(246,194,111,.20);--orb-2:rgba(255,227,171,.10)}
.theme-5{--hero-bg:linear-gradient(180deg,#84e7d2 0%,#5ac9b8 100%);--hero-text:#1f3145;--hero-text-soft:#335265;--hero-orb-1:rgba(255,255,255,.38);--hero-orb-2:rgba(197,255,232,.34);--surface-card:rgba(255,255,255,.82);--stroke-soft:rgba(255,255,255,.48);--text-on-theme:#254552;--muted-on-theme:#56808e;--badge-bg:#effff8;--badge-text:#2ca58d;--code-bg:linear-gradient(135deg,#fff,#eefffa);--code-text:#1a5b5a;--action-primary:linear-gradient(135deg,#2ebc8a,#55c9d8);--action-primary-text:#fff;--action-secondary:#ffffff;--action-secondary-text:#2f7277;--orb-1:rgba(122,233,212,.62);--orb-2:rgba(63,213,188,.38)}
.theme-6{--hero-bg:linear-gradient(180deg,#ff6d7f 0%,#ff8fa8 100%);--hero-text:#fff;--hero-text-soft:#ffeef1;--hero-orb-1:rgba(255,255,255,.42);--hero-orb-2:rgba(255,206,219,.36);--surface-card:rgba(255,247,249,.84);--stroke-soft:rgba(255,255,255,.54);--text-on-theme:#7a263d;--muted-on-theme:#ae6378;--badge-bg:#fff0f4;--badge-text:#f05b79;--code-bg:linear-gradient(135deg,#fff,#ffeaf0);--code-text:#8e304a;--action-primary:linear-gradient(135deg,#ff4f68,#ff8e94);--action-primary-text:#fff;--action-secondary:#fff;--action-secondary-text:#b1455f;--orb-1:rgba(255,111,127,.56);--orb-2:rgba(255,189,210,.36)}
.theme-7{--hero-bg:linear-gradient(180deg,#dde7ff 0%,#bccfff 100%);--hero-text:#26304e;--hero-text-soft:#56627e;--hero-orb-1:rgba(255,255,255,.55);--hero-orb-2:rgba(202,212,255,.45);--surface-card:rgba(255,255,255,.86);--stroke-soft:rgba(214,224,255,.8);--text-on-theme:#2d3659;--muted-on-theme:#6f7896;--badge-bg:#f0f4ff;--badge-text:#6576d8;--code-bg:linear-gradient(135deg,#fff,#eef2ff);--code-text:#4253a8;--action-primary:linear-gradient(135deg,#334f9e,#6f8ef2);--action-primary-text:#fff;--action-secondary:#ffffff;--action-secondary-text:#46568e;--orb-1:rgba(220,230,255,.70);--orb-2:rgba(170,185,255,.44)}
.theme-8{--hero-bg:linear-gradient(180deg,#f9ecd3 0%,#f8d7be 100%);--hero-text:#7c4118;--hero-text-soft:#9d6036;--hero-orb-1:rgba(255,255,255,.48);--hero-orb-2:rgba(255,227,185,.44);--surface-card:rgba(255,255,255,.84);--stroke-soft:rgba(255,249,238,.92);--text-on-theme:#7c4316;--muted-on-theme:#b17950;--badge-bg:#fff7ed;--badge-text:#db8a3f;--code-bg:linear-gradient(135deg,#fff,#fff1e6);--code-text:#a55b22;--action-primary:linear-gradient(135deg,#ff994d,#ffb85f);--action-primary-text:#fff;--action-secondary:#ffffff;--action-secondary-text:#ba6a2c;--orb-1:rgba(252,231,192,.74);--orb-2:rgba(244,194,133,.48)}
.theme-9{--hero-bg:linear-gradient(180deg,#22232d 0%,#070b16 100%);--hero-text:#fff;--hero-text-soft:#ccd4ff;--hero-orb-1:rgba(158,123,255,.28);--hero-orb-2:rgba(71,199,255,.20);--surface-card:rgba(26,31,48,.84);--stroke-soft:rgba(114,135,255,.16);--text-on-theme:#f1f5ff;--muted-on-theme:#b4c0ed;--badge-bg:#1d2237;--badge-text:#9faeff;--code-bg:linear-gradient(135deg,#1a2033,#0b0e18);--code-text:#f7fbff;--action-primary:linear-gradient(135deg,#7946ff,#3d9dff);--action-primary-text:#fff;--action-secondary:#151b2d;--action-secondary-text:#ced9ff;--orb-1:rgba(130,112,255,.34);--orb-2:rgba(81,166,255,.22)}
.theme-10{--hero-bg:linear-gradient(180deg,#f9dff1 0%,#ecd9ff 100%);--hero-text:#38224c;--hero-text-soft:#6b5488;--hero-orb-1:rgba(255,255,255,.52);--hero-orb-2:rgba(255,214,240,.42);--surface-card:rgba(255,255,255,.86);--stroke-soft:rgba(255,255,255,.65);--text-on-theme:#462e5f;--muted-on-theme:#7e6898;--badge-bg:#fff3fb;--badge-text:#d465ae;--code-bg:linear-gradient(135deg,#fff,#fef0ff);--code-text:#693895;--action-primary:linear-gradient(135deg,#6d3ac6,#f084bf);--action-primary-text:#fff;--action-secondary:#fff;--action-secondary-text:#78449f;--orb-1:rgba(249,223,241,.76);--orb-2:rgba(221,191,255,.52)}

@media (max-width:760px){
  .profile-page-compact{padding:14px 0 28px}
  .profile-compact{border-radius:28px;padding:10px;width:min(100%,420px)}
  .compact-hero{min-height:194px;padding:16px 14px 14px}
  .compact-avatar-shell{width:86px;height:86px}
  .compact-head-copy h1{font-size:1.62rem}
  .compact-handle{font-size:.86rem;padding:7px 12px}
  .compact-bio{font-size:.9rem}
  .compact-stats{gap:8px}
  .compact-stat-box{padding:12px 8px;border-radius:17px}
  .coupon-compact-card{padding:10px;border-radius:19px}
  .coupon-code.compact{font-size:1.38rem;padding:12px 10px}
  .coupon-compact-actions{grid-template-columns:1fr}
}

.coupon-compact-card,.social-compact-panel,.compact-stat-box{position:relative;overflow:hidden}
.coupon-compact-card::after,.social-compact-panel::after,.compact-stat-box::after{
  content:"";position:absolute;inset:auto -24px -24px auto;width:96px;height:96px;border-radius:50%;
  background:rgba(255,255,255,.16);filter:blur(0px);pointer-events:none
}

/* Fix: ensure dashboard action buttons stay visible on light themes */
.dashboard-page .solid-btn,
.dashboard-page .upload-btn,
.dashboard-page .premium-btn{
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}

.dashboard-page .solid-btn,
.dashboard-page .premium-btn{
  background:linear-gradient(135deg,#5b2fb5,#8f5cff) !important;
  box-shadow:0 14px 30px rgba(91,47,181,.24) !important;
}

.dashboard-page .upload-btn{
  background:linear-gradient(135deg,#4f2ca3,#7f58ea) !important;
  box-shadow:0 14px 28px rgba(79,44,163,.22) !important;
}

.dashboard-page .solid-btn:hover,
.dashboard-page .upload-btn:hover,
.dashboard-page .premium-btn:hover{
  filter:brightness(1.03);
}


.cover-upload-card,.dashboard-cover-card{display:flex;align-items:center;gap:18px;padding:18px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-soft);margin-bottom:18px}
.cover-preview-shell{width:180px;min-width:180px;height:88px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-soft);background:#efe7ff}
.cover-preview-shell img{width:100%;height:100%;object-fit:cover}
.upload-btn-cover{min-width:160px;justify-content:center}
.dashboard-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}
.dash-main{display:grid;gap:22px}
.live-preview-panel{overflow:hidden}
.dashboard-live-preview{position:relative;border-radius:30px;overflow:hidden;min-height:360px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.8));border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow)}
.preview-cover{height:140px;background-size:cover;background-position:center;position:relative}
.preview-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,18,45,.10),rgba(28,18,45,.55))}
.preview-body{padding:0 22px 24px;position:relative;margin-top:-40px}
.preview-avatar-overlap{width:92px;height:92px;border:4px solid #fff}
.dashboard-live-preview h3{margin:12px 0 6px;font-size:1.35rem}.preview-handle{margin:0;color:var(--muted);font-weight:700}.preview-bio{margin:12px 0 0;color:var(--muted);line-height:1.8}.preview-coupon-box{margin-top:18px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);font-weight:900;letter-spacing:.18em;box-shadow:var(--shadow-soft);display:inline-block}
.profile-cover-hero{height:170px;border-radius:34px 34px 24px 24px;background-size:cover;background-position:center;position:relative;overflow:hidden;margin:-12px -12px 12px}
.profile-cover-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,14,39,.10),rgba(24,14,39,.62))}
.profile-compact.heavy-upgrade{padding:12px 12px 24px;overflow:hidden}
.compact-hero{margin-top:-88px;position:relative;z-index:2;padding:0 14px}
.compact-avatar-shell{box-shadow:0 18px 50px rgba(24,16,44,.22)}
.compact-share-row{display:flex;gap:12px;margin:18px 0 8px;flex-wrap:wrap}
.compact-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 16px;border-radius:18px;border:0;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.compact-btn:hover{transform:translateY(-1px)}
.compact-btn-primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:#fff;box-shadow:0 14px 30px color-mix(in srgb, var(--theme-primary) 36%, transparent)}
.compact-btn-secondary{background:rgba(255,255,255,.78);color:var(--theme-strong);border:1px solid rgba(255,255,255,.94)}
.coupon-compact-card{padding:18px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.94);box-shadow:var(--shadow-soft);display:grid;gap:14px}
.coupon-compact-top,.coupon-compact-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.coupon-badge,.coupon-copy-count{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.82);font-weight:700}
.social-compact-list-icons-only{display:flex;gap:12px;flex-wrap:wrap}.social-compact-icon-link{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.94);box-shadow:var(--shadow-soft);font-weight:800}
.dashboard-live-preview.theme-1,.profile-compact.theme-1{--theme-primary:#ff5a9d;--theme-secondary:#ff8ec4;--theme-strong:#992c67}
.dashboard-live-preview.theme-2,.profile-compact.theme-2{--theme-primary:#35a7ff;--theme-secondary:#8fdbff;--theme-strong:#155a94}
.dashboard-live-preview.theme-3,.profile-compact.theme-3{--theme-primary:#875cff;--theme-secondary:#be9bff;--theme-strong:#4b2ca6}
.dashboard-live-preview.theme-4,.profile-compact.theme-4{--theme-primary:#ff8c42;--theme-secondary:#ffc16f;--theme-strong:#9e4a10}
.dashboard-live-preview.theme-5,.profile-compact.theme-5{--theme-primary:#23c483;--theme-secondary:#7ae7b8;--theme-strong:#0f6a48}
.dashboard-live-preview.theme-6,.profile-compact.theme-6{--theme-primary:#ff7eb6;--theme-secondary:#ffd0e5;--theme-strong:#9d2b63}
.dashboard-live-preview.theme-7,.profile-compact.theme-7{--theme-primary:#d8a437;--theme-secondary:#ffe3a4;--theme-strong:#8e6403}
.dashboard-live-preview.theme-8,.profile-compact.theme-8{--theme-primary:#cf5cff;--theme-secondary:#efb1ff;--theme-strong:#762198}
.dashboard-live-preview.theme-9,.profile-compact.theme-9{--theme-primary:#4db8ff;--theme-secondary:#d7f2ff;--theme-strong:#10679d}
.dashboard-live-preview.theme-10,.profile-compact.theme-10{--theme-primary:#7b2fff;--theme-secondary:#ff4fb8;--theme-strong:#f6e8ff;background:linear-gradient(180deg,#1a0c2e,#2a133f);color:#fff}
.dashboard-live-preview.theme-10 .preview-bio,.dashboard-live-preview.theme-10 .preview-handle{color:rgba(255,255,255,.72)}
@media (max-width: 960px){.dashboard-grid{grid-template-columns:1fr}.cover-upload-card,.dashboard-cover-card,.avatar-upload-card,.dashboard-avatar-uploader{flex-wrap:wrap}.cover-preview-shell{width:100%;min-width:0;height:140px}}


/* ===== Ultra Upgrade ===== */
.top-profile-strip,
.leaderboard-grid,
.analytics-grid,
.profile-tools-grid,
.profile-power-grid {
  display: grid;
  gap: 16px;
}
.top-profile-strip { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-bottom: 34px; }
.leaderboard-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.analytics-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-top: 14px; }
.profile-tools-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 18px; }
.profile-power-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin: 18px 0 22px; }

.top-profile-card,
.leaderboard-card,
.analytics-card,
.compact-panel,
.tool-box {
  border-radius: 24px;
  padding: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 20px 40px rgba(25,30,60,.08);
}

.top-profile-card,
.leaderboard-card { position: relative; overflow: hidden; }
.top-profile-rank,
.leaderboard-rank {
  position: absolute;
  inset-inline-end: 14px;
  top: 14px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 800;
  background: rgba(255,255,255,.55);
  backdrop-filter: blur(12px);
}
.top-profile-avatar,
.leaderboard-head img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  object-fit: cover;
}
.top-profile-copy h3,
.leaderboard-head h3 { margin: 10px 0 4px; }
.top-profile-copy p,
.leaderboard-head p { margin: 0; opacity: .7; }
.top-profile-metrics,
.leaderboard-stats {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
  margin: 14px 0;
}
.leaderboard-stats { grid-template-columns: repeat(3,1fr); }
.top-profile-metrics span,
.leaderboard-stats span,
.analytics-card span,
.panel-mini-head span,
.best-coupon-card p { font-size: 12px; opacity: .72; }
.top-profile-metrics strong,
.leaderboard-stats strong,
.analytics-card strong,
.best-coupon-metric strong { font-size: 20px; display: block; margin-top: 4px; }

.badge-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.profile-badge {
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; padding:8px 14px; font-size:12px; font-weight:800;
  background:#eef3ff; color:#334;
}
.profile-badge.premium { background: linear-gradient(135deg,#111,#7c5cff); color:#fff; }
.profile-badge.trending { background: linear-gradient(135deg,#ff7a59,#ff2ea6); color:#fff; }
.profile-badge.neutral { background:#eff2f7; color:#667085; }

.premium-state-row { margin-top: 12px; display:flex; justify-content:center; }

.analytics-card {
  min-height: 110px;
  display:flex; flex-direction:column; justify-content:center;
  border:1px solid rgba(110,95,255,.12);
}
.panel-mini-head { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:14px; }
.panel-mini-head h2, .panel-mini-head h3 { margin: 0; font-size: 18px; }
.tool-box, .compact-panel { text-align:center; }
.compact-panel-dark {
  background: linear-gradient(180deg, rgba(18,18,32,.95), rgba(40,43,70,.96));
  color:#fff;
}
.compact-panel-qr {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,244,255,.92));
}
.profile-qr-img {
  width: 180px;
  max-width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  margin: 8px auto 10px;
  padding: 12px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 30px rgba(31,41,55,.12);
}
.profile-qr-img.small { width: 150px; }
.best-coupon-card {
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  text-align:start; padding:16px; border-radius:20px; background:rgba(255,255,255,.08);
}
.best-coupon-card strong { display:block; font-size:18px; margin-bottom:4px; }
.best-coupon-metric {
  min-width: 88px; text-align:center; border-radius:18px; padding:12px;
  background: rgba(255,255,255,.12);
}
.compact-share-row { display:flex; gap:10px; flex-wrap:wrap; }
.compact-share-row .compact-btn { flex:1 1 160px; }
@media (max-width: 760px) {
  .leaderboard-stats { grid-template-columns: 1fr; }
  .best-coupon-card { flex-direction: column; text-align:center; }
}


/* ===== compact public profile cleanup ===== */
.profile-page-compact .compact-stats{
  margin-top:18px;
}
.profile-page-compact .profile-cover-hero{
  height:180px;
}
.cover-tools{
  position:absolute;
  inset-inline:12px;
  top:12px;
  z-index:4;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-start;
}
[dir="rtl"] .cover-tools{
  justify-content:flex-end;
}
.cover-tool{
  min-width:42px;
  height:38px;
  padding:0 12px;
  border:none;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
  color:#3d2d5c;
  font-weight:800;
  box-shadow:0 10px 24px rgba(22,17,40,.16);
  backdrop-filter:blur(10px);
  cursor:pointer;
}
.cover-tool:hover{
  transform:translateY(-1px);
}
.cover-tool-copy{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));
  color:#fff;
}
.cover-tool-qr{
  width:38px;
  padding:0;
}
.profile-page-compact .compact-share-row,
.profile-page-compact .profile-power-grid,
.profile-page-compact .compact-panel-qr{
  display:none !important;
}
.profile-page-compact .compact-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.profile-page-compact .compact-stats .compact-stat-box:last-child{
  grid-column:auto;
}
.qr-mini-modal{
  position:fixed;
  inset:0;
  background:rgba(17,15,29,.42);
  backdrop-filter:blur(10px);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:90;
  padding:20px;
}
.qr-mini-modal.show{
  display:flex;
}
.qr-mini-dialog{
  width:min(320px,100%);
  background:#fff;
  border-radius:28px;
  padding:18px;
  box-shadow:0 28px 50px rgba(16,12,34,.22);
  position:relative;
  text-align:center;
}
.qr-mini-close{
  position:absolute;
  top:10px;
  inset-inline-end:10px;
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:#f2edf9;
  color:#39295a;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.profile-page-compact .coupon-vertical-list{
  margin-top:18px;
}
@media (max-width:760px){
  .cover-tools{
    inset-inline:10px;
    top:10px;
    gap:6px;
  }
  .cover-tool{
    height:34px;
    font-size:12px;
    padding:0 10px;
  }
  .cover-tool-qr{
    width:34px;
  }
  .profile-page-compact .compact-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }
  .profile-page-compact .compact-stat-box{
    min-height:unset;
    padding:14px 10px;
  }
}


/* ===== refined public profile cleanup ===== */
.profile-page-compact{
  padding:18px 0 44px;
}
.profile-page-compact .profile-compact.heavy-upgrade{
  width:min(100%, 630px);
  padding:12px 12px 20px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.08)),
    radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--theme-secondary, #ffffff) 38%, white), transparent 20%),
    radial-gradient(circle at 12% 88%, color-mix(in srgb, var(--theme-primary, #7b61ff) 20%, white), transparent 24%),
    var(--hero-bg, linear-gradient(180deg,#f4f5ff,#ffffff));
  border:1px solid color-mix(in srgb, var(--stroke-soft, rgba(255,255,255,.40)) 88%, white);
  box-shadow:0 26px 68px color-mix(in srgb, var(--theme-primary, #7b61ff) 16%, rgba(20,18,39,.14)), inset 0 1px 0 rgba(255,255,255,.34);
}
.profile-page-compact .profile-cover-hero{
  height:196px;
  margin:-12px -12px 0;
  border-radius:34px 34px 26px 26px;
}
.profile-page-compact .profile-cover-hero::after{
  background:linear-gradient(180deg, rgba(14,11,22,.10) 0%, rgba(14,11,22,.36) 42%, rgba(14,11,22,.72) 100%);
}
.profile-page-compact .compact-hero{
  margin-top:-74px;
  min-height:auto;
  padding:0 16px;
  background:transparent;
  border:none;
  box-shadow:none;
}
.profile-page-compact .compact-hero::before,
.profile-page-compact .compact-hero::after,
.profile-page-compact .compact-hero-art{
  display:none;
}
.profile-page-compact .compact-avatar-shell{
  width:112px;
  height:112px;
  margin-inline:auto;
  border-radius:50%;
  padding:5px;
  background:linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,.68));
  box-shadow:0 20px 42px rgba(12,8,26,.24);
}
.profile-page-compact .compact-avatar-shell img{
  border:4px solid rgba(255,255,255,.96);
}
.profile-page-compact .compact-head-copy{
  margin-top:14px;
  text-align:center;
}
.profile-page-compact .badge-row{
  justify-content:center;
  margin-bottom:12px;
}
.profile-page-compact .compact-head-copy h1{
  font-size:1.75rem;
  line-height:1.05;
  text-shadow:none;
  color:#fff;
}
.profile-page-compact .compact-handle{
  margin-top:8px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.24);
  color:rgba(255,255,255,.94);
}
.profile-page-compact .compact-bio{
  margin:12px auto 0;
  max-width:290px;
  color:rgba(255,255,255,.88);
  font-size:.95rem;
  line-height:1.7;
}
.profile-page-compact .cover-tools{
  top:14px;
  inset-inline:14px;
  z-index:5;
}
.profile-page-compact .cover-tool{
  height:36px;
  padding:0 11px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:800;
  background:rgba(255,255,255,.93);
  color:#34254f;
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 12px 30px rgba(16,12,34,.14);
}
.profile-page-compact .cover-tool-copy{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));
  color:#fff;
  border-color:transparent;
}
.profile-page-compact .cover-tool-qr{
  width:36px;
  min-width:36px;
}
.profile-page-compact .compact-stats-clean{
  margin-top:18px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.profile-page-compact .compact-stat-box{
  padding:14px 10px 13px;
  border-radius:20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.98);
  box-shadow:0 14px 28px rgba(16,12,34,.08);
  backdrop-filter:none;
}
.profile-page-compact .compact-stat-box span{
  color:#7b6f95;
  font-size:.76rem;
  letter-spacing:.01em;
}
.profile-page-compact .compact-stat-box strong{
  color:#2d2440;
  margin-top:7px;
  font-size:1.08rem;
}
.profile-page-compact .coupon-vertical-list{
  gap:14px;
  margin-top:18px;
}
.profile-page-compact .coupon-compact-card{
  position:relative;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.98);
  box-shadow:0 18px 34px rgba(16,12,34,.09);
}
.profile-page-compact .coupon-compact-card::before{
  opacity:.22;
  filter:blur(24px);
}
.profile-page-compact .coupon-title{
  color:#786d8f;
  font-size:.86rem;
}
.profile-page-compact .coupon-code.compact{
  padding:16px 14px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(247,242,255,1), rgba(255,255,255,1));
  border:1px dashed rgba(116,74,170,.22);
  color:#2b2240;
  font-size:1.34rem;
  letter-spacing:.14em;
}
.profile-page-compact .coupon-compact-actions{
  grid-template-columns:1fr;
  gap:10px;
}
.profile-page-compact .coupon-compact-actions .solid-btn,
.profile-page-compact .coupon-compact-actions .ghost-btn{
  min-height:46px;
  border-radius:16px;
}
.profile-page-compact .social-compact-panel{
  margin-top:16px;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.98);
  box-shadow:0 16px 30px rgba(16,12,34,.08);
}
.profile-page-compact .social-compact-panel h3{
  margin:0 0 12px;
  text-align:center;
  color:#2d2440;
}
.profile-page-compact .social-compact-grid{
  justify-content:center;
}
.profile-page-compact .social-compact-item{
  width:48px;
  height:48px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 12px 24px rgba(16,12,34,.08);
  border:1px solid rgba(121,93,172,.12);
}
@media (max-width:760px){
  .profile-page-compact{
    padding:10px 0 36px;
  }
  .profile-page-compact .profile-compact.heavy-upgrade{
    width:min(100%, 410px);
    border-radius:28px;
  }
  .profile-page-compact .profile-cover-hero{
    height:182px;
    border-radius:28px 28px 22px 22px;
  }
  .profile-page-compact .compact-hero{
    margin-top:-68px;
    padding:0 12px;
  }
  .profile-page-compact .compact-avatar-shell{
    width:100px;
    height:100px;
  }
  .profile-page-compact .compact-head-copy h1{
    font-size:1.58rem;
  }
  .profile-page-compact .cover-tool{
    height:34px;
    font-size:.73rem;
    padding:0 10px;
  }
  .profile-page-compact .compact-stats-clean{
    gap:8px;
  }
  .profile-page-compact .compact-stat-box{
    padding:13px 8px 12px;
    border-radius:18px;
  }
  .profile-page-compact .coupon-compact-card{
    padding:16px;
  }
}


/* ===== actual fix: stronger profile identity ===== */
.profile-page-compact .compact-head-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.profile-page-compact .badge-row{
  margin-bottom:10px;
}

.profile-page-compact .compact-identity-card{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:14px 18px 12px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(36,28,57,.64), rgba(36,28,57,.36));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 34px rgba(14,10,28,.18);
  backdrop-filter:blur(10px);
}

.profile-page-compact .compact-name-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}

.profile-page-compact .compact-profile-name,
.profile-page-compact .compact-head-copy h1.compact-profile-name{
  margin:0;
  font-size:2rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
  color:#ffffff;
  text-shadow:0 10px 24px rgba(0,0,0,.28);
}

.profile-page-compact .compact-handle{
  margin-top:0;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:rgba(255,255,255,.92);
  font-size:.88rem;
  font-weight:800;
  letter-spacing:.02em;
  backdrop-filter:blur(8px);
}

.profile-page-compact .compact-mini-badge{
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}

.profile-page-compact .compact-mini-badge-premium{
  background:linear-gradient(135deg,#ff5ca8,#ff8b65);
  color:#fff;
}

.profile-page-compact .compact-mini-badge-trending{
  background:#ffffff;
  color:#33264c;
}

.profile-page-compact .compact-bio{
  margin-top:12px;
  max-width:280px;
  color:rgba(255,255,255,.92);
  text-shadow:0 4px 12px rgba(0,0,0,.18);
}

@media (max-width:760px){
  .profile-page-compact .compact-identity-card{
    padding:12px 14px 10px;
    border-radius:20px;
    gap:7px;
  }
  .profile-page-compact .compact-profile-name,
  .profile-page-compact .compact-head-copy h1.compact-profile-name{
    font-size:1.72rem;
  }
  .profile-page-compact .compact-handle{
    font-size:.82rem;
    min-height:32px;
    padding:0 12px;
  }
  .profile-page-compact .compact-mini-badge{
    min-height:26px;
    padding:0 9px;
    font-size:.68rem;
  }
}



/* ===== refined profile header layout ===== */
.profile-page-compact .compact-hero{
  margin:-20px 14px 0;
  min-height:auto;
  padding:16px 18px;
  display:flex;
  flex-direction:row;
  direction:ltr;
  align-items:flex-end;
  gap:16px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(234,226,245,.95);
  border-radius:28px;
  box-shadow:0 18px 42px rgba(24,18,43,.10);
}

.profile-page-compact .compact-avatar-shell{
  flex:0 0 96px;
  width:96px;
  height:96px;
  margin:0;
  padding:4px;
  background:#fff;
  box-shadow:0 10px 26px rgba(31,22,54,.14);
}

.profile-page-compact .compact-avatar-shell img{
  border:3px solid #fff;
}

.profile-page-compact .compact-head-copy{
  flex:1;
  min-width:0;
  margin-top:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:right;
  direction:rtl;
}

.profile-page-compact .badge-row{
  width:100%;
  justify-content:flex-start;
  margin:0 0 8px;
}

.profile-page-compact .compact-identity-card{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
}

.profile-page-compact .compact-name-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
}

.profile-page-compact .compact-profile-name,
.profile-page-compact .compact-head-copy h1.compact-profile-name{
  margin:0;
  font-size:2rem;
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.03em;
  color:#31254a;
  text-shadow:none;
}

.profile-page-compact .compact-handle{
  margin-top:2px;
  min-height:auto;
  padding:0;
  display:block;
  background:transparent;
  border:none;
  border-radius:0;
  color:#7b6d97;
  font-size:.98rem;
  font-weight:800;
  letter-spacing:.01em;
  backdrop-filter:none;
}

.profile-page-compact .compact-bio{
  margin:7px 0 0;
  max-width:none;
  color:#6d6480;
  font-size:.93rem;
  line-height:1.65;
  text-shadow:none;
}

.profile-page-compact .compact-mini-badge{
  min-height:24px;
  padding:0 9px;
  box-shadow:none;
}

.profile-page-compact .compact-stats-clean{
  margin-top:16px;
}

@media (max-width:760px){
  .profile-page-compact .compact-hero{
    margin:-48px 12px 0;
    padding:14px 14px;
    gap:13px;
    border-radius:24px;
    align-items:center;
  }
  .profile-page-compact .compact-avatar-shell{
    flex-basis:84px;
    width:84px;
    height:84px;
  }
  .profile-page-compact .compact-profile-name,
  .profile-page-compact .compact-head-copy h1.compact-profile-name{
    font-size:1.72rem;
  }
  .profile-page-compact .compact-handle{
    font-size:.9rem;
  }
  .profile-page-compact .compact-bio{
    font-size:.88rem;
    line-height:1.55;
  }
}


.organized-dashboard-form{gap:20px}
.dashboard-section-block{padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow-soft)}
.dashboard-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.dashboard-section-title h3{margin:0;font-size:1rem}
.dashboard-section-title p{margin:0;color:var(--muted);font-size:.93rem}
.organized-dashboard-form .dashboard-avatar-uploader,.organized-dashboard-form .dashboard-cover-card{margin-bottom:0}
.organized-dashboard-form .style-picker-grid{margin-top:6px}
.organized-dashboard-form .compact-grid + .compact-grid{margin-top:12px}
.organized-dashboard-form input[readonly]{background:rgba(246,247,251,.95);color:#6b7280;cursor:not-allowed}
@media (max-width:760px){.dashboard-section-block{padding:16px}.dashboard-section-title{margin-bottom:12px}}


.public-badges-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dashboard-badges-list{margin-top:14px;justify-content:center}
.preview-badges-list{margin:10px 0 0;justify-content:center}
.compact-public-badges{margin-top:8px}
.public-badge-chip,.public-badge-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;letter-spacing:.02em}
.public-badge-chip{padding:8px 12px;font-size:12px;gap:7px;color:#fff;box-shadow:0 12px 24px rgba(16,18,42,.14)}
.public-badge-icon{font-size:12px;line-height:1}
.public-badge-dot{min-width:34px;height:34px;padding:0 10px;font-size:11px;color:#fff;box-shadow:0 8px 18px rgba(16,18,42,.14)}
.badge-verified{background:linear-gradient(135deg,#1d9bf0,#4db8ff)}
.badge-active{background:linear-gradient(135deg,#14b86a,#43d892)}
.badge-pro{background:linear-gradient(135deg,#7c5cff,#a86dff)}
.badge-influencer{background:linear-gradient(135deg,#ff7a59,#ff2ea6)}
.badge-vip{background:linear-gradient(135deg,#121212,#8d6b1f)}
.badge-neutral{background:linear-gradient(135deg,#76839a,#5c6677)}
.profile-card .public-badge-dot{margin-top:-2px}
.top-profile-copy .public-badges-list,.leaderboard-head .public-badges-list{margin-top:10px}
.profile-page-compact .compact-name-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.profile-page-compact .compact-mini-badge.badge-verified,.profile-page-compact .compact-mini-badge.badge-active,.profile-page-compact .compact-mini-badge.badge-pro,.profile-page-compact .compact-mini-badge.badge-influencer,.profile-page-compact .compact-mini-badge.badge-vip,.profile-page-compact .compact-mini-badge.badge-neutral{color:#fff}

/* ===== Badge guide page ===== */
.badges-guide-page{padding:30px 0 56px;display:grid;gap:22px}
.badges-hero{padding:30px;overflow:hidden;position:relative}
.badges-hero::before{content:"";position:absolute;inset:-40px auto auto -10px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.58);filter:blur(8px)}
.badges-hero::after{content:"";position:absolute;inset:auto -24px -70px auto;width:260px;height:260px;border-radius:50%;background:rgba(225,189,255,.24);filter:blur(18px)}
.badges-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:stretch}
.badges-hero h1{margin:12px 0 12px;font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-.03em}
.badges-hero p{margin:0;color:var(--muted);line-height:1.9;max-width:760px}
.badges-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.badges-summary-card,.badge-guide-card,.badges-note-card,.badge-step{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow-soft)}
.badges-summary-card{padding:18px;border-radius:24px;display:grid;gap:6px;align-content:start}
.badges-summary-card strong{font-size:1.7rem;color:var(--text)}
.badges-summary-card span{color:var(--muted);line-height:1.7}
.badges-section-head{margin-top:4px}
.badges-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.badge-guide-card{padding:22px;border-radius:28px;display:grid;gap:14px}
.badge-guide-head{display:flex;align-items:flex-start;gap:14px}
.badge-guide-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:1.85rem;flex:0 0 62px;border:1px solid transparent}
.badge-guide-head h3{margin:4px 0 6px;font-size:1.35rem}
.badge-guide-head p,.badge-guide-block p{margin:0;color:var(--muted);line-height:1.8}
.badge-guide-block{padding:15px 16px;border-radius:20px;background:rgba(255,255,255,.56);border:1px solid rgba(77,52,110,.08)}
.badge-guide-block h4{margin:0 0 8px;font-size:1rem}
.badge-guide-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.badge-guide-list li{position:relative;padding-inline-start:22px;color:#4f4963;line-height:1.75}
.badge-guide-list li::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.72}
.badge-guide-card.theme-green .badge-guide-icon{background:#eaf8f2;color:#1e8c61;border-color:#d6f1e5}
.badge-guide-card.theme-orange .badge-guide-icon{background:#fff1e6;color:#d97b24;border-color:#f7dcc3}
.badge-guide-card.theme-blue .badge-guide-icon{background:#eef4ff;color:#4d77dc;border-color:#dde8ff}
.badge-guide-card.theme-purple .badge-guide-icon{background:#f3efff;color:#7b59cd;border-color:#e6dcff}
.badge-guide-card.theme-gold .badge-guide-icon{background:#fff7df;color:#b08422;border-color:#f2e1a6}
.badges-timeline{padding:24px;border-radius:30px}
.badges-timeline-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.badge-step{padding:18px 14px;border-radius:24px;text-align:center;display:grid;gap:8px}
.badge-step-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin:0 auto;font-size:1.55rem}
.badge-step strong{font-size:1rem}
.badge-step span{color:var(--muted);font-size:.92rem;line-height:1.6}
.step-green .badge-step-icon{background:#eaf8f2}
.step-orange .badge-step-icon{background:#fff1e6}
.step-blue .badge-step-icon{background:#eef4ff}
.step-purple .badge-step-icon{background:#f3efff}
.step-gold .badge-step-icon{background:#fff7df}
.badges-notes-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.badges-note-card{padding:24px;border-radius:28px}
.badges-note-card h3{margin:0 0 10px;font-size:1.3rem}
.badges-note-card p{margin:0 0 10px;color:var(--muted);line-height:1.85}
.badges-note-card ul{margin:8px 0 0;padding-inline-start:18px;color:#504a65;display:grid;gap:8px}
@media (max-width:1080px){.badges-hero-grid,.badges-notes-grid{grid-template-columns:1fr}.badges-timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.badges-hero{padding:22px}.badges-summary-grid,.badges-timeline-grid,.badges-notes-grid{grid-template-columns:1fr}.badge-guide-head{align-items:center}}


/* ===== badges layout refinement ===== */
.profile-page-compact .compact-mini-badges-row,
.dashboard-mini-badges-row,
.dashboard-preview-mini-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.profile-page-compact .compact-mini-badges-row{
  width:100%;
  justify-content:flex-start;
  margin:2px 0 2px;
}

.dashboard-mini-badges-row,
.dashboard-preview-mini-badges{
  justify-content:center;
  margin:4px 0 2px;
}

.compact-mini-badge.compact-mini-badge-circle,
.profile-page-compact .compact-mini-badge.compact-mini-badge-circle{
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border-radius:50%;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(22,18,38,.14);
}

.profile-page-compact .profile-badges-featured-wrap{
  margin:14px 14px 0;
  padding:14px 16px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90));
  border:1px solid rgba(232,225,244,.96);
  box-shadow:0 16px 38px rgba(24,18,43,.08);
}

.profile-page-compact .profile-badges-featured-list,
.dashboard-badges-list-large{
  gap:10px;
}

.public-badge-chip.public-badge-chip-large{
  min-height:44px;
  padding:10px 15px;
  font-size:13px;
  gap:8px;
  box-shadow:0 14px 28px rgba(16,18,42,.14);
}

.public-badge-chip.public-badge-chip-large .public-badge-icon{
  font-size:14px;
}

.profile-page-compact .compact-hero{
  align-items:center;
}

.profile-page-compact .compact-identity-card{
  gap:7px;
}

.profile-page-compact .compact-bio{
  margin-top:1px;
}

@media (max-width:760px){
  .compact-mini-badge.compact-mini-badge-circle,
  .profile-page-compact .compact-mini-badge.compact-mini-badge-circle{
    width:31px;
    min-width:31px;
    height:31px;
    min-height:31px;
    font-size:.62rem;
  }

  .profile-page-compact .profile-badges-featured-wrap{
    margin:12px 12px 0;
    padding:12px 13px;
    border-radius:21px;
  }

  .public-badge-chip.public-badge-chip-large{
    min-height:40px;
    padding:9px 12px;
    font-size:12px;
  }
}


/* 2026-03-29 profile name + coupon reveal fix */
.profile-page-compact .compact-identity-card{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.profile-page-compact .compact-name-row{
  width:100%;
  justify-content:center;
  flex-wrap:nowrap;
}
.profile-page-compact .compact-profile-name,
.profile-page-compact .compact-head-copy h1.compact-profile-name{
  display:block;
  width:100%;
  margin:0;
  text-align:center;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  font-size:clamp(1.35rem, 6vw, 2.45rem);
  line-height:1.08;
  letter-spacing:-0.03em;
}
.profile-page-compact .compact-handle{
  max-width:100%;
  white-space:nowrap;
}
.profile-page-compact .coupon-code.compact{
  transition:all .2s ease;
}
.profile-page-compact .coupon-code.compact.is-revealed{
  letter-spacing:.14em;
}
@media (max-width: 480px){
  .profile-page-compact .compact-profile-name,
  .profile-page-compact .compact-head-copy h1.compact-profile-name{
    font-size:clamp(1.16rem, 5.2vw, 1.9rem);
  }
}

/* 2026-03-29 fix: keep all action buttons visible across light styles/themes */
.solid-btn,
.upload-btn,
.premium-btn{
  background:var(--action-primary, linear-gradient(135deg,#5e34c7,#8a63f6)) !important;
  color:var(--action-primary-text, #ffffff) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
  box-shadow:0 14px 30px rgba(88,56,184,.22) !important;
}

.solid-btn.dark{
  background:linear-gradient(135deg,#1c1730,#4a3670) !important;
  color:#ffffff !important;
}

.ghost-btn,
.ghost-btn-premium,
.compact-btn-secondary{
  background:var(--action-secondary, rgba(255,255,255,.92)) !important;
  color:var(--action-secondary-text, #35294e) !important;
  border:1px solid rgba(69,50,107,.14) !important;
  box-shadow:0 10px 24px rgba(25,18,49,.08);
}

.ghost-btn:hover,
.ghost-btn-premium:hover,
.compact-btn-secondary:hover{
  color:var(--action-secondary-text, #2b2142) !important;
}

button:disabled,
.solid-btn:disabled,
.upload-btn:disabled,
.ghost-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
}


/* Homepage profile cards fix */
.homepage-profile-grid{
  align-items:stretch;
}
.homepage-profile-card{
  min-height:0;
  height:100%;
  overflow:visible;
  justify-content:space-between;
  gap:16px;
}
.homepage-profile-card__body{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}
.homepage-profile-card__stats{
  display:grid;
  gap:0;
}
.homepage-profile-card__footer{
  margin-top:auto;
  padding-top:4px;
}
.homepage-profile-card__button{
  min-height:52px;
  position:relative;
  z-index:2;
}
@media (max-width:760px){
  .homepage-profile-card{
    padding:20px;
  }
}


.site-footer{
  margin-top:24px;
  padding:0 0 28px;
}
.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  border-radius:28px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.94);
  box-shadow:var(--shadow);
}
.footer-branding{
  display:grid;
  gap:6px;
}
.footer-branding strong{
  font-size:1.05rem;
}
.footer-branding span,
.footer-label{
  color:var(--muted);
}
.footer-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
}
.footer-action-group{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.footer-lang-switcher{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.lang-pill.is-active{
  background:linear-gradient(135deg,#2d1d4d,#b1689a);
  color:#fff;
  border-color:transparent;
}
.footer-badges-btn{
  min-height:48px;
}
@media (max-width:760px){
  .site-footer{
    padding-bottom:20px;
  }
  .footer-inner{
    flex-direction:column;
    align-items:flex-start;
    padding:18px;
  }
  .footer-actions,
  .footer-action-group,
  .footer-lang-switcher{
    width:100%;
  }
  .footer-action-group--button .footer-badges-btn{
    width:100%;
  }
}

/* ===== 2026-03-30 global responsive hardening ===== */
html{
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body{
  overflow-x:hidden;
}
main,section,article,aside,header,footer,nav,div{
  min-width:0;
}
img,svg,canvas,video,iframe{
  max-width:100%;
  height:auto;
}
input,select,textarea,button{
  max-width:100%;
}
.notice-box,
.coupon-code,
.preview-bio,
.profile-bio,
.compact-bio,
.badge-guide-block p,
.badges-note-card p,
.badges-note-card li,
.panel-mini-head h2,
.panel-mini-head h3,
.analytics-card strong,
.best-coupon-card strong,
.meta-row span,
.meta-row strong,
.footer-branding,
.footer-label{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.header-inner,
.header-nav,
.hero-actions,
.section-head,
.profile-top,
.mini-metrics,
.footer-inner,
.footer-actions,
.footer-action-group,
.footer-lang-switcher,
.cover-tools,
.profile-tools-grid,
.profile-power-grid,
.analytics-grid,
.coupon-list-grid,
.leaderboard-grid,
.homepage-profile-card__stats,
.badges-summary-grid,
.badges-guide-grid,
.badges-timeline-grid,
.badges-notes-grid{
  min-width:0;
}
.header-nav{
  flex-wrap:wrap;
}
.header-nav a,
.header-nav button{
  min-width:0;
}
.hero-grid,
.profile-grid,
.theme-grid,
.style-picker-grid,
.theme-grid.picker-grid,
.picker-grid-premium,
.analytics-grid,
.profile-tools-grid,
.profile-power-grid,
.leaderboard-grid,
.coupon-list-grid,
.badges-guide-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
}
.homepage-profile-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
}
.hero-side-stats,
.badges-summary-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));
  gap:14px;
}
.leaderboard-head,
.best-coupon-card,
.profile-top,
.dashboard-avatar-uploader,
.avatar-upload-card,
.cover-upload-card,
.dashboard-cover-card,
.footer-inner{
  min-width:0;
}
.leaderboard-head,
.best-coupon-card{
  flex-wrap:wrap;
}
.profile-top h2,
.leaderboard-head h3,
.homepage-profile-card h3,
.analytics-card strong,
.best-coupon-card strong{
  overflow-wrap:anywhere;
}
.homepage-profile-card .coupon-code,
.coupon-mini-card .coupon-code,
.profile-page-compact .coupon-code.compact,
.coupon-code.large{
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}
.profile-page-compact .profile-compact.heavy-upgrade,
.profile-shell,
.dashboard-live-preview,
.panel-card,
.auth-card,
.badges-hero,
.badges-timeline,
.badges-note-card,
.coupon-mini-card,
.leaderboard-card,
.theme-card,
.profile-card{
  max-width:100%;
}
.profile-page-compact .compact-name-row,
.profile-page-compact .compact-identity-card,
.profile-page-compact .compact-head-copy{
  min-width:0;
}
.profile-page-compact .compact-profile-name,
.profile-page-compact .compact-head-copy h1.compact-profile-name{
  max-width:100%;
}
@media (max-width:960px){
  .site-header{
    position:static;
  }
  .header-inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .header-nav{
    width:100%;
    display:flex;
    gap:10px;
  }
  .section-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .footer-inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .footer-actions,
  .footer-action-group,
  .footer-lang-switcher{
    width:100%;
  }
}
@media (max-width:760px){
  body{
    font-size:15px;
  }
  .container{
    width:min(100%,calc(100% - 14px));
  }
  .hero-grid,
  .dashboard-grid,
  .profile-tools-grid,
  .profile-power-grid,
  .analytics-grid,
  .coupon-list-grid,
  .leaderboard-grid,
  .badges-hero-grid,
  .badges-summary-grid,
  .badges-timeline-grid,
  .badges-notes-grid,
  .badges-guide-grid,
  .social-grid,
  .hero-counters,
  .coupon-actions-grid,
  .form-grid-2,
  .profile-grid,
  .theme-grid,
  .style-picker-grid,
  .theme-grid.picker-grid,
  .picker-grid-premium{
    grid-template-columns:1fr;
  }
  .hero-panel.large,
  .panel-card,
  .theme-card,
  .profile-card,
  .leaderboard-card,
  .coupon-mini-card,
  .badges-hero,
  .badges-timeline,
  .badges-note-card,
  .auth-card{
    padding:18px;
    border-radius:22px;
  }
  .hero-panel.large h1,
  .badges-hero h1{
    font-size:clamp(1.5rem,7vw,2.25rem);
    line-height:1.14;
  }
  .hero-actions,
  .header-nav,
  .footer-actions,
  .footer-action-group,
  .footer-lang-switcher{
    width:100%;
  }
  .hero-actions a,
  .header-nav a,
  .header-nav button,
  .footer-lang-switcher a,
  .footer-badges-btn,
  .coupon-compact-actions .compact-btn,
  .homepage-profile-card__button{
    width:100%;
  }
  .header-nav a,
  .header-nav button,
  .hero-actions a{
    flex:1 1 100%;
  }
  .leaderboard-head,
  .best-coupon-card,
  .cover-upload-card,
  .dashboard-cover-card,
  .dashboard-avatar-uploader,
  .avatar-upload-card{
    flex-direction:column;
    align-items:flex-start;
  }
  .leaderboard-rank,
  .top-profile-rank{
    inset-inline-end:12px;
    top:12px;
    width:38px;
    height:38px;
    font-size:.92rem;
  }
  .leaderboard-head img,
  .top-profile-avatar,
  .large-avatar,
  .dashboard-avatar-ring{
    width:96px;
    height:96px;
  }
  .cover-preview-shell{
    width:100%;
    min-width:0;
    height:120px;
  }
  .preview-cover,
  .profile-cover-hero{
    background-position:center;
  }
  .profile-page-compact{
    padding:8px 0 28px;
  }
  .profile-page-compact .profile-compact.heavy-upgrade{
    width:100%;
    border-radius:24px;
    padding:10px;
  }
  .profile-page-compact .profile-cover-hero{
    height:160px;
    margin:-10px -10px 0;
    border-radius:24px 24px 18px 18px;
  }
  .profile-page-compact .compact-hero{
    margin:-42px 8px 0;
    padding:14px;
    flex-direction:column;
    align-items:center;
    text-align:center;
    direction:inherit;
  }
  .profile-page-compact .compact-head-copy,
  .profile-page-compact .compact-identity-card,
  .profile-page-compact .compact-name-row,
  [dir="rtl"] .profile-page-compact .compact-head-copy,
  [dir="rtl"] .profile-page-compact .compact-identity-card,
  [dir="rtl"] .profile-page-compact .compact-name-row{
    width:100%;
    align-items:center;
    justify-content:center;
    text-align:center;
    direction:inherit;
  }
  .profile-page-compact .compact-profile-name,
  .profile-page-compact .compact-head-copy h1.compact-profile-name{
    font-size:clamp(1.2rem,6.2vw,1.7rem);
    line-height:1.16;
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .profile-page-compact .compact-handle{
    white-space:normal;
    word-break:break-word;
  }
  .profile-page-compact .compact-bio{
    max-width:100%;
  }
  .profile-page-compact .compact-stats-clean,
  .profile-page-compact .compact-stats{
    grid-template-columns:1fr;
  }
  .profile-page-compact .cover-tools{
    inset-inline:8px;
    top:8px;
    gap:6px;
  }
  .profile-page-compact .cover-tool{
    flex:1 1 calc(50% - 6px);
    min-width:0;
    padding:0 8px;
    font-size:.72rem;
  }
  .profile-page-compact .cover-tool-qr{
    flex:0 0 34px;
    width:34px;
  }
  .profile-page-compact .coupon-compact-actions,
  .coupon-actions-grid,
  .social-grid,
  .hero-counters{
    grid-template-columns:1fr;
  }
  .profile-page-compact .social-compact-list,
  .profile-page-compact .social-compact-list-icons-only{
    justify-content:center;
    flex-wrap:wrap;
  }
  .badges-summary-card,
  .badge-step,
  .analytics-card,
  .tool-box,
  .compact-panel,
  .compact-stat-box{
    min-width:0;
  }
}
@media (max-width:480px){
  .container{
    width:min(100%,calc(100% - 12px));
  }
  .brand-copy small{
    display:none;
  }
  .brand-mark{
    width:42px;
    height:42px;
    font-size:1rem;
  }
  .hero-panel.large,
  .panel-card,
  .theme-card,
  .profile-card,
  .leaderboard-card,
  .coupon-mini-card,
  .auth-card,
  .badges-hero,
  .badges-timeline,
  .badges-note-card,
  .footer-inner{
    padding:16px;
    border-radius:20px;
  }
  .profile-page-compact .cover-tool{
    flex:1 1 100%;
  }
  .profile-page-compact .cover-tool-qr{
    flex:0 0 34px;
  }
  .footer-branding,
  .footer-actions,
  .footer-action-group,
  .footer-lang-switcher{
    width:100%;
  }
  .footer-lang-switcher a,
  .footer-badges-btn{
    width:100%;
  }
}

/* ===== Dashboard deep responsive fix ===== */
.dashboard-page,
.dashboard-page .dash-main,
.dashboard-page .panel-card,
.dashboard-page .dashboard-section-block,
.dashboard-page .organized-dashboard-form,
.dashboard-page .style-picker-grid,
.dashboard-page .coupon-list-grid,
.dashboard-page .profile-tools-grid,
.dashboard-page .analytics-grid,
.dashboard-page .dashboard-badges-list,
.dashboard-page .dashboard-mini-badges-row,
.dashboard-page .dashboard-preview-mini-badges,
.dashboard-page .social-fixed-row,
.dashboard-page .meta-row{
  min-width:0;
}
.dashboard-page .dashboard-section-title,
.dashboard-page .avatar-upload-copy,
.dashboard-page .profile-top,
.dashboard-page .preview-body,
.dashboard-page .tool-box,
.dashboard-page .analytics-card,
.dashboard-page .coupon-mini-card,
.dashboard-page .style-picker-card,
.dashboard-page label{
  min-width:0;
}
.dashboard-page .dashboard-badges-list,
.dashboard-page .dashboard-mini-badges-row,
.dashboard-page .dashboard-preview-mini-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.dashboard-page .public-badge-chip.public-badge-chip-large{
  max-width:100%;
}
.dashboard-page .preview-coupon-box,
.dashboard-page .coupon-code,
.dashboard-page .notice-box,
.dashboard-page .style-autosave-note,
.dashboard-page .meta-row strong,
.dashboard-page .meta-row span,
.dashboard-page .avatar-upload-copy strong,
.dashboard-page .avatar-upload-copy span,
.dashboard-page .dashboard-section-title h3,
.dashboard-page .dashboard-section-title p,
.dashboard-page .profile-top h2,
.dashboard-page .profile-top p{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.dashboard-page .upload-btn,
.dashboard-page .solid-btn,
.dashboard-page .ghost-btn,
.dashboard-page .premium-btn{
  max-width:100%;
}
.dashboard-page .meta-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.dashboard-page .dashboard-section-block{
  display:grid;
  gap:14px;
}
.dashboard-page .dashboard-section-title{
  display:grid;
  gap:6px;
}
.dashboard-page .style-picker-option{
  min-width:0;
}
.dashboard-page .style-picker-card{
  height:100%;
}
.dashboard-page .style-picker-card img{
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
}
.dashboard-page .coupon-mini-card{
  height:100%;
}
.dashboard-page .coupon-list-grid{
  align-items:stretch;
}
.dashboard-page .dashboard-live-preview{
  min-width:0;
}
.dashboard-page .preview-body{
  min-width:0;
}
.dashboard-page .preview-coupon-box{
  max-width:100%;
}

@media (max-width:1180px){
  .dashboard-page .dashboard-grid{
    grid-template-columns:1fr;
  }
  .dashboard-page .dash-side{
    position:static;
  }
  .dashboard-page .mini-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:860px){
  .dashboard-page .analytics-grid,
  .dashboard-page .profile-tools-grid,
  .dashboard-page .coupon-list-grid{
    grid-template-columns:1fr;
  }
  .dashboard-page .style-picker-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dashboard-page .dashboard-live-preview{
    min-height:320px;
  }
  .dashboard-page .preview-cover{
    height:126px;
  }
}

@media (max-width:640px){
  .dashboard-page{
    padding-top:4px;
  }
  .dashboard-page .panel-card,
  .dashboard-page .dash-side{
    padding:16px;
    border-radius:20px;
  }
  .dashboard-page .profile-top h2{
    font-size:1.22rem;
    line-height:1.2;
  }
  .dashboard-page .mini-metrics{
    grid-template-columns:1fr;
  }
  .dashboard-page .mini-metrics div{
    padding:12px 13px;
  }
  .dashboard-page .dashboard-avatar-uploader,
  .dashboard-page .cover-upload-card,
  .dashboard-page .dashboard-cover-card,
  .dashboard-page .social-fixed-row,
  .dashboard-page .panel-mini-head,
  .dashboard-page .section-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .dashboard-page .dashboard-avatar-uploader,
  .dashboard-page .cover-upload-card,
  .dashboard-page .dashboard-cover-card{
    gap:14px;
  }
  .dashboard-page .cover-preview-shell{
    height:108px;
  }
  .dashboard-page .dashboard-avatar-ring,
  .dashboard-page .large-avatar,
  .dashboard-page .avatar-preview-shell.large-preview{
    width:92px;
    height:92px;
  }
  .dashboard-page .preview-avatar-overlap{
    width:84px;
    height:84px;
  }
  .dashboard-page .preview-body{
    padding:0 16px 18px;
    margin-top:-34px;
  }
  .dashboard-page .dashboard-live-preview h3{
    font-size:1.08rem;
    line-height:1.2;
  }
  .dashboard-page .preview-bio{
    font-size:.92rem;
    line-height:1.65;
  }
  .dashboard-page .preview-coupon-box{
    display:block;
    width:100%;
    text-align:center;
    padding:14px 12px;
    font-size:1rem;
    letter-spacing:.08em;
  }
  .dashboard-page .style-picker-grid{
    grid-template-columns:1fr;
  }
  .dashboard-page .dashboard-badges-list-large{
    gap:8px;
  }
  .dashboard-page .public-badge-chip.public-badge-chip-large{
    width:100%;
    justify-content:flex-start;
  }
  .dashboard-page .upload-btn,
  .dashboard-page .solid-btn,
  .dashboard-page .ghost-btn,
  .dashboard-page .premium-btn{
    width:100%;
    justify-content:center;
  }
}

@media (max-width:420px){
  .dashboard-page .panel-card,
  .dashboard-page .dash-side{
    padding:14px;
  }
  .dashboard-page .notice-box{
    font-size:.9rem;
  }
  .dashboard-page .preview-cover{
    height:112px;
  }
  .dashboard-page .preview-body{
    padding:0 14px 16px;
  }
  .dashboard-page .preview-coupon-box,
  .dashboard-page .coupon-code{
    font-size:.95rem;
    letter-spacing:.04em;
  }
  .dashboard-page .public-badge-chip.public-badge-chip-large{
    font-size:.82rem;
    padding:10px 12px;
  }
}


/* moved share buttons below coupon details */
.profile-page-compact .profile-share-tools{
  position:static;
  inset:auto;
  z-index:auto;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin:16px 0 6px;
}
.profile-page-compact .profile-share-tools .cover-tool{
  position:relative;
}
[dir="rtl"] .profile-page-compact .profile-share-tools{
  justify-content:center;
}
@media (max-width:760px){
  .profile-page-compact .profile-share-tools{
    gap:8px;
    margin:14px 0 4px;
  }
}


/* ===== 2026-03-30 compact horizontal badges redesign ===== */
.profile-page-compact .compact-mini-badges-row--pro{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  gap:8px;
  padding:4px 1px 2px;
  justify-content:flex-start;
  scrollbar-width:none;
}
.profile-page-compact .compact-mini-badges-row--pro::-webkit-scrollbar{display:none}
.profile-page-compact .compact-mini-badge.compact-mini-badge-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:max-content;
  height:30px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 8px 18px rgba(17,22,40,.10);
  font-size:.73rem;
  font-weight:800;
  letter-spacing:0;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.profile-page-compact .compact-mini-badge-pill .compact-mini-badge-icon{
  width:18px;
  height:18px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.72);
  font-size:.72rem;
  line-height:1;
  flex:0 0 18px;
}
.profile-page-compact .compact-mini-badge-pill .compact-mini-badge-text{
  display:inline-block;
  line-height:1;
  white-space:nowrap;
}
.profile-page-compact .compact-mini-badge-pill:focus-visible,
.profile-page-compact .compact-mini-badge-pill:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(17,22,40,.14);
}
.profile-page-compact .compact-mini-badge-pill::after{
  content:attr(title);
  position:absolute;
  inset-inline-start:50%;
  transform:translateX(-50%);
  top:calc(100% + 7px);
  background:#171a24;
  color:#fff;
  font-size:.7rem;
  font-weight:700;
  line-height:1.45;
  padding:7px 10px;
  border-radius:12px;
  box-shadow:0 14px 30px rgba(8,10,18,.22);
  white-space:normal;
  width:max-content;
  max-width:min(220px, 72vw);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:8;
}
.profile-page-compact .compact-mini-badge-pill:focus-visible::after,
.profile-page-compact .compact-mini-badge-pill:hover::after{
  opacity:1;
  visibility:visible;
}
.profile-page-compact .compact-mini-badge-pill.badge-verified{background:linear-gradient(135deg,#edf6ff,#dfeeff);color:#1565c0}
.profile-page-compact .compact-mini-badge-pill.badge-active{background:linear-gradient(135deg,#eefcf4,#ddf7e9);color:#1d8b5a}
.profile-page-compact .compact-mini-badge-pill.badge-pro{background:linear-gradient(135deg,#f4efff,#e8ddff);color:#6d46d9}
.profile-page-compact .compact-mini-badge-pill.badge-influencer{background:linear-gradient(135deg,#fff7e9,#ffe8b8);color:#9b6a00}
.profile-page-compact .compact-mini-badge-pill.badge-vip{background:linear-gradient(135deg,#fff0f4,#ffdfe7);color:#cc4769}
.profile-page-compact .compact-mini-badge-pill.badge-neutral{background:linear-gradient(135deg,#f6f7fb,#eceff5);color:#5b6376}
.profile-page-compact .profile-badges-featured-wrap{display:none!important}
@media (max-width:760px){
  .profile-page-compact .compact-mini-badges-row--pro{gap:6px;padding-top:3px}
  .profile-page-compact .compact-mini-badge.compact-mini-badge-pill{height:28px;padding:0 10px;font-size:.68rem}
  .profile-page-compact .compact-mini-badge-pill .compact-mini-badge-icon{width:16px;height:16px;flex-basis:16px;font-size:.66rem}
  .profile-page-compact .compact-mini-badge-pill::after{font-size:.67rem;max-width:min(200px,78vw)}
}


body.modal-open{overflow:hidden}
.qr-mini-title{margin:8px 0 14px;font-size:1.05rem;font-weight:800;color:#24183d}
.qr-mini-link{margin-top:12px;word-break:break-word;overflow-wrap:anywhere}
.compact-btn-qr-trigger{min-width:72px}


/* ===== 2026-03-30 dashboard badges match public profile ===== */
.dashboard-mini-badges-row--pro,
.dashboard-preview-mini-badges--pro{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  gap:8px;
  padding:4px 1px 2px;
  justify-content:center;
  scrollbar-width:none;
}
.dashboard-mini-badges-row--pro::-webkit-scrollbar,
.dashboard-preview-mini-badges--pro::-webkit-scrollbar{display:none}

.dashboard-mini-badges-row--pro .compact-mini-badge.compact-mini-badge-pill,
.dashboard-preview-mini-badges--pro .compact-mini-badge.compact-mini-badge-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:max-content;
  height:30px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 8px 18px rgba(17,22,40,.10);
  font-size:.73rem;
  font-weight:800;
  letter-spacing:0;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.dashboard-mini-badges-row--pro .compact-mini-badge-icon,
.dashboard-preview-mini-badges--pro .compact-mini-badge-icon{
  width:18px;
  height:18px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.72);
  font-size:.72rem;
  line-height:1;
  flex:0 0 18px;
}
.dashboard-mini-badges-row--pro .compact-mini-badge-text,
.dashboard-preview-mini-badges--pro .compact-mini-badge-text{
  display:inline-block;
  line-height:1;
  white-space:nowrap;
}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill:focus-visible,
.dashboard-mini-badges-row--pro .compact-mini-badge-pill:hover,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill:focus-visible,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(17,22,40,.14);
}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill::after,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill::after{
  content:attr(title);
  position:absolute;
  inset-inline-start:50%;
  transform:translateX(-50%);
  top:calc(100% + 7px);
  background:#171a24;
  color:#fff;
  font-size:.7rem;
  font-weight:700;
  line-height:1.45;
  padding:7px 10px;
  border-radius:12px;
  box-shadow:0 14px 30px rgba(8,10,18,.22);
  white-space:normal;
  width:max-content;
  max-width:min(220px,72vw);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:8;
}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill:focus-visible::after,
.dashboard-mini-badges-row--pro .compact-mini-badge-pill:hover::after,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill:focus-visible::after,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill:hover::after{
  opacity:1;
  visibility:visible;
}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill.badge-verified,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill.badge-verified{background:linear-gradient(135deg,#edf6ff,#dfeeff);color:#1565c0}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill.badge-active,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill.badge-active{background:linear-gradient(135deg,#eefcf4,#ddf7e9);color:#1d8b5a}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill.badge-pro,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill.badge-pro{background:linear-gradient(135deg,#f4efff,#e8ddff);color:#6d46d9}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill.badge-influencer,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill.badge-influencer{background:linear-gradient(135deg,#fff7e9,#ffe8b8);color:#9b6a00}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill.badge-vip,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill.badge-vip{background:linear-gradient(135deg,#fff0f4,#ffdfe7);color:#cc4769}
.dashboard-mini-badges-row--pro .compact-mini-badge-pill.badge-neutral,
.dashboard-preview-mini-badges--pro .compact-mini-badge-pill.badge-neutral{background:linear-gradient(135deg,#f6f7fb,#eceff5);color:#5b6376}

.dashboard-badges-featured-wrap{
  margin-top:14px;
  padding:14px 16px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90));
  border:1px solid rgba(232,225,244,.96);
  box-shadow:0 16px 38px rgba(24,18,43,.08);
}
.dashboard-mini-badges-row--featured{justify-content:flex-start}

@media (max-width:760px){
  .dashboard-mini-badges-row--pro,
  .dashboard-preview-mini-badges--pro{gap:6px;padding-top:3px}
  .dashboard-mini-badges-row--pro .compact-mini-badge.compact-mini-badge-pill,
  .dashboard-preview-mini-badges--pro .compact-mini-badge.compact-mini-badge-pill{height:28px;padding:0 10px;font-size:.68rem}
  .dashboard-mini-badges-row--pro .compact-mini-badge-icon,
  .dashboard-preview-mini-badges--pro .compact-mini-badge-icon{width:16px;height:16px;flex-basis:16px;font-size:.66rem}
  .dashboard-mini-badges-row--pro .compact-mini-badge-pill::after,
  .dashboard-preview-mini-badges--pro .compact-mini-badge-pill::after{font-size:.67rem;max-width:min(200px,78vw)}
  .dashboard-badges-featured-wrap{margin-top:12px;padding:12px 13px;border-radius:21px}
}

/* Dynamic profile avatar ring matches selected dashboard style */
.profile-page-compact.theme-1 .compact-avatar-shell,
.profile-page-compact.theme-2 .compact-avatar-shell,
.profile-page-compact.theme-3 .compact-avatar-shell,
.profile-page-compact.theme-4 .compact-avatar-shell,
.profile-page-compact.theme-5 .compact-avatar-shell,
.profile-page-compact.theme-6 .compact-avatar-shell,
.profile-page-compact.theme-7 .compact-avatar-shell,
.profile-page-compact.theme-8 .compact-avatar-shell,
.profile-page-compact.theme-9 .compact-avatar-shell,
.profile-page-compact.theme-10 .compact-avatar-shell,
.profile-compact.theme-1 .compact-avatar-shell,
.profile-compact.theme-2 .compact-avatar-shell,
.profile-compact.theme-3 .compact-avatar-shell,
.profile-compact.theme-4 .compact-avatar-shell,
.profile-compact.theme-5 .compact-avatar-shell,
.profile-compact.theme-6 .compact-avatar-shell,
.profile-compact.theme-7 .compact-avatar-shell,
.profile-compact.theme-8 .compact-avatar-shell,
.profile-compact.theme-9 .compact-avatar-shell,
.profile-compact.theme-10 .compact-avatar-shell{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary)) !important;
  box-shadow:0 16px 40px color-mix(in srgb,var(--theme-primary) 24%, rgba(15,15,30,.18)) !important;
}

.profile-page-compact .compact-avatar-shell{
  border:2px solid rgba(255,255,255,.55);
}

.profile-page-compact .compact-avatar-shell img,
.profile-compact .compact-avatar-shell img{
  background:#fff;
}