:root{
  --navy:#071b34;
  --navy2:#0b2744;
  --blue:#1764ea;
  --cyan:#18b7b2;
  --bg:#f5f8fc;
  --card:#ffffff;
  --text:#10233a;
  --muted:#64748b;
  --border:#dbe6f1;
  --danger:#c83752;
  --ok:#14805e;
  --warn:#a56800;
  --orange:#f97316;
  --orange-dark:#e85d04;
  --orange-soft:#fff3e8;
  --radius:16px;
  --shadow:0 10px 30px rgba(10,33,61,.08);
  --shadow-lg:0 22px 55px rgba(2,18,38,.22);
}
*{box-sizing:border-box}
html{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
code{font-family:Consolas,"SFMono-Regular",monospace;font-size:.92em}

/* ---------- Shared controls ---------- */
.btn{
  min-height:34px;
  border:1px solid #c9d8e8;
  background:#fff;
  color:var(--navy);
  padding:7px 11px;
  border-radius:9px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  font-weight:700;
  font-size:13px;
  line-height:1.2;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;
}
.btn:hover{border-color:#9bb9db;box-shadow:0 4px 12px rgba(23,100,234,.10)}
.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(23,100,234,.22);outline-offset:2px}
.btn:active{transform:translateY(1px)}
.btn.primary{color:#fff;border-color:var(--blue);background:linear-gradient(135deg,var(--blue),#1255cc)}
.btn.soft{color:#1558bb;border-color:#c8dcfa;background:#edf5ff}
.btn.ghost{color:#334155;background:#fff;border-color:#d8e2ec}
.btn.danger{color:var(--danger);background:#fff7f8;border-color:#f3c5cd}
.btn.small{min-height:30px;padding:6px 9px;font-size:12px;border-radius:8px}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}

input,select,textarea{
  width:100%;
  border:1px solid #c9d7e6;
  border-radius:9px;
  background:#fff;
  color:var(--text);
  padding:9px 11px;
  min-height:40px;
  line-height:1.35;
}
textarea{min-height:88px;resize:vertical}
input[type="file"]{padding:7px 9px;background:#fbfdff}
input::placeholder,textarea::placeholder{color:#94a3b8}
select{cursor:pointer}
label{display:block;color:#334155;font-size:13px;font-weight:700;line-height:1.35}
label>input,label>select,label>textarea{margin-top:6px}
label small,form small,.muted{display:block;color:var(--muted);font-weight:500;font-size:11px;line-height:1.5;margin-top:5px}

.flash{max-width:1180px;margin:12px auto 0;padding:10px 13px;border-radius:10px;border:1px solid;font-size:13px;font-weight:650}
.flash.success{color:#0d694e;background:#edfaf5;border-color:#bfe7d6}
.flash.error{color:#a62d45;background:#fff3f5;border-color:#f2c7cf}
.empty{padding:20px;border:1px dashed #cbd9e8;border-radius:12px;color:var(--muted);text-align:center;background:#fbfdff}
.status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.15;background:#eef2f6;color:#475569;white-space:nowrap}
.status.published,.status.active,.status.available,.status.paid-qa,.status.sent,.status.open{background:#eaf8f3;color:#0c7454}
.status.pending,.status.requested,.status.processing,.status.scheduled{background:#fff7e8;color:#995e00}
.status.draft,.status.archived,.status.unpublished,.status.disabled,.status.closed{background:#f1f5f9;color:#64748b}
.status.rejected,.status.removed,.status.failed,.status.suspended{background:#fff0f2;color:#aa3046}

/* ---------- App shell: visual reference = Admin V4.1.1 ---------- */
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr);background:var(--bg)}
.sidebar{
  min-height:100vh;
  padding:14px 12px 18px;
  background:linear-gradient(180deg,var(--navy) 0%,#07182d 56%,var(--navy2) 100%);
  color:#eaf4ff;
  border-right:1px solid rgba(255,255,255,.08);
  position:sticky;
  top:0;
  height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
}
.brand-sidebar{padding:4px 8px 13px;border-bottom:1px solid rgba(255,255,255,.10);text-align:center}
.brand-sidebar .brand-logo{width:178px;max-height:92px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 7px 16px rgba(0,0,0,.18))}
.brand-sidebar small{display:block;margin-top:3px;color:#a9c0d7;font-size:10px;letter-spacing:.25px}
.sideidentity{display:flex;align-items:center;gap:9px;padding:12px 8px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.08)}
.sideidentity>div{min-width:0}
.sideidentity b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.sideidentity small{display:block;margin-top:3px;color:#9db2c9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}
.sidebar nav{padding-top:4px}
.nav-link{display:flex;align-items:center;min-height:34px;padding:7px 9px;margin:2px 0;border-radius:8px;color:#c4d5e6;font-size:11.5px;font-weight:650;transition:.15s ease}
.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(23,100,234,.34),rgba(24,183,178,.18));box-shadow:inset 3px 0 0 var(--cyan)}
.main-col{min-width:0}
.topbar{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 20px;
  background:#fff;
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:40;
}
.topbar>div:first-child{min-width:0}
.topbar strong{display:block;color:var(--navy);font-size:14px}
.topbar small{display:block;margin-top:2px;color:var(--muted);font-size:9.5px}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.top-actions form{margin:0}
.inline-prefs{display:flex;align-items:center;gap:5px}
.inline-prefs select{width:auto;min-width:72px;min-height:30px;padding:5px 27px 5px 8px;font-size:11px;border-radius:8px}
#user-root{max-width:1440px;margin:0 auto;padding:18px 20px 42px;min-width:0}

.titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:2px 0 14px}
.titlebar h1{margin:0;color:var(--navy);font-size:23px;line-height:1.15;letter-spacing:-.35px}
.titlebar p{max-width:780px;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.actions,.card-actions,.buyrow,.form-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.actions form,.card-actions form,.buyrow form{margin:0}

.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px;min-width:0}
.panel h2{margin:0 0 11px;color:var(--navy);font-size:16px;line-height:1.3}
.panel h3{margin:15px 0 8px;color:var(--navy);font-size:13px}
.panel p{color:#475569;line-height:1.6}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.kpi{background:#fff;border:1px solid var(--border);border-radius:13px;padding:13px;box-shadow:0 6px 18px rgba(10,33,61,.055);min-width:0}
.kpi span,.kpi small{display:block;color:var(--muted)}
.kpi span{font-size:10px;font-weight:700}
.kpi strong{display:block;color:var(--navy);font-size:18px;line-height:1.25;margin:6px 0 3px;overflow-wrap:anywhere}
.kpi small{font-size:9px}
.dashgrid,.twocol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------- Forms: intentionally vertical, no nested vertical scrolling ---------- */
.form-stack{display:grid;grid-template-columns:1fr;gap:11px;max-width:780px}
.panel.form-stack{margin-left:0;margin-right:auto}
.form-stack.compact-form{max-width:620px}
.form-stack>label,.form-section>label{width:100%}
.design-form{max-width:820px;padding:0;overflow:visible}
.form-note{margin:15px 15px 0;padding:10px 12px;border-radius:11px;border:1px solid #c5ddfa;background:linear-gradient(90deg,#eef5ff,#effbfb)}
.form-note strong,.form-note span{display:block}
.form-note strong{color:var(--navy);font-size:12px}
.form-note span{margin-top:3px;color:#52647a;font-size:10px;line-height:1.45}
.form-section{display:grid;grid-template-columns:1fr;gap:10px;padding:15px;border-bottom:1px solid #e7eef6;overflow:visible}
.form-section:last-child{border-bottom:0}
.form-section h2{margin:0 0 2px;padding-bottom:8px;border-bottom:1px solid #eef3f8;font-size:14px}
.form-actions{padding-top:3px}
.form-actions .btn{width:auto;min-width:0}
.inlineform{display:flex;align-items:end;gap:7px;flex-wrap:wrap}
.inlineform label{flex:1 1 170px}
.inlineform .btn{flex:0 0 auto}

/* ---------- Tables: only horizontal overflow when needed ---------- */
.table-wrap,.tablewrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;min-width:680px;background:#fff}
th,td{padding:9px 9px;border-bottom:1px solid #e5edf5;vertical-align:middle;text-align:left;white-space:nowrap;font-size:11px}
th{color:#64748b;font-size:9.5px;text-transform:uppercase;letter-spacing:.35px;background:#f8fbfe}
td.wrap,th.wrap{white-space:normal;min-width:220px}
html[dir="rtl"] th,html[dir="rtl"] td{text-align:right}

/* ---------- Design / Marketplace cards ---------- */
.design-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);min-width:0}
.design-media{height:190px;display:block;background:#eef4fa;overflow:hidden}
.design-media img{width:100%;height:100%;object-fit:cover}
.preview-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),#0f4f86 62%,var(--cyan));color:#fff;font-size:28px;font-weight:900;letter-spacing:4px}
.dc-body{padding:12px}
.dc-body .row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.dc-body .row b{min-width:0;color:var(--navy);font-size:13px;line-height:1.35}
.dc-body p{margin:7px 0;color:var(--muted);font-size:10.5px;line-height:1.5;min-height:32px}
.meta{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}
.meta span{padding:4px 6px;border-radius:7px;background:#f1f5f9;color:#475569;font-size:9.5px}
.dc-body>small{color:var(--muted);font-size:9.5px}
.license-line{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 8px;margin:7px 0;border-radius:9px;background:#f7fbff;border:1px solid #deebf6}
.license-line span{color:var(--blue);font-size:10px;font-weight:900}
.license-line small{color:#64748b;font-size:8.8px;text-align:right}
.card-actions{margin-top:10px}

/* ---------- Public pages ---------- */
.public-market,.public-page{max-width:1180px;margin:0 auto;padding:18px 20px 50px}
.public-top{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:6px 0;border-bottom:1px solid var(--border)}
.public-top img{width:176px;height:58px;object-fit:contain;object-position:left center}
.markethead{margin-bottom:14px}
.searchbar{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:7px;background:#fff;border:1px solid var(--border);padding:9px;border-radius:12px;box-shadow:0 6px 18px rgba(10,33,61,.05)}
.searchbar input,.searchbar select{margin:0}
.detail{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:start}
.detail-media{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.detail-media>img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef4fa}
.hero3d{min-height:360px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,var(--navy),#105183,var(--cyan));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow)}
.hero3d model-viewer{width:100%;height:360px;background:#f5f8fc}
.hero3d span{font-size:25px;font-weight:900;letter-spacing:3px}
.details{min-width:0}
.details h1{margin:0;color:var(--navy);font-size:24px;line-height:1.2}
.details>p{color:#475569;font-size:12px;line-height:1.65}
.price{margin:12px 0;color:var(--blue);font-size:24px;font-weight:900}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}
.specs div{background:#fff;border:1px solid var(--border);padding:9px;border-radius:9px}
.specs span,.specs b{display:block}
.specs span{font-size:9px;color:var(--muted);margin-bottom:3px}.specs b{font-size:11px}
.translation{margin-top:10px;padding:9px;background:#f8fbfe;border:1px solid #e5edf5;border-radius:9px;color:#52647a;font-size:10px;line-height:1.5}
.reviews{margin-top:16px}.review{padding:9px 0;border-bottom:1px solid var(--border);display:grid;gap:3px;font-size:11px}.review b{color:#9b6700}.review small{color:var(--muted)}
.review-image{max-width:190px;border-radius:10px;border:1px solid var(--border);margin-top:6px}
.reviewform{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:6px;margin-top:10px;align-items:end}

/* ---------- Login / 2FA ---------- */
.auth{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 22% 8%,rgba(23,100,234,.30),transparent 34%),
    radial-gradient(circle at 82% 22%,rgba(24,183,178,.20),transparent 34%),
    linear-gradient(145deg,#06172d 0%,var(--navy) 52%,#0b2948 100%);
}
.authcard{width:min(465px,94vw);background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:20px;box-shadow:var(--shadow-lg);padding:24px 26px}
.authbrand{text-align:center;margin-bottom:15px}
.authbrand-logo-strip{display:flex;align-items:center;justify-content:center;width:100%;min-height:112px;margin:0 0 10px;padding:14px 18px;border-radius:14px;background:linear-gradient(90deg,#0c4fa8 0%,#1479e8 58%,#0b5fc4 100%);overflow:hidden}
.authbrand-logo-strip img{display:block;width:min(100%,380px);height:auto;max-height:116px;object-fit:contain;margin:0}
.authbrand h1{margin:0;color:var(--navy);font-size:22px}.authbrand p{margin:3px 0 0;color:var(--muted);font-size:12px}
.authcard .form-stack{max-width:none;gap:9px}
.authcard .btn.primary{width:auto;min-width:116px;justify-self:start;margin-top:2px}
.authcard .note{margin-top:13px;padding:9px 10px;border-radius:9px;background:#f7fafc;color:#64748b;font-size:10px;line-height:1.5;border:1px solid #edf2f7}
.auth-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #e5edf5;color:var(--muted);font-size:12px}.auth-secondary .btn{white-space:nowrap}

/* ---------- Dashboard/support content ---------- */
.notice{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}
.notice b{color:var(--navy);margin-right:auto}.notice span{color:#52647a}.notice:last-child{border-bottom:0}
.bar-chart,.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px minmax(0,1fr) 56px;gap:8px;align-items:center;font-size:10px}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.bars div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;align-items:center;font-size:10px}.bars i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--blue) var(--v),#edf2f7 var(--v))}
.clean{padding-left:18px;color:#475569;line-height:1.75;font-size:12px}
html[dir="rtl"] .clean{padding-left:0;padding-right:18px}
.sectiontitle{color:var(--navy);font-size:15px;margin:18px 0 9px}

/* ---------- Error pages ---------- */
.error-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#06172d,var(--navy2))}
.error-card{width:min(510px,95vw);background:#fff;border-radius:19px;padding:26px;text-align:center;box-shadow:var(--shadow-lg)}
.error-logo{width:210px;height:110px;object-fit:contain;margin:0 auto 16px;background:#081a32;border-radius:12px;padding:12px 20px;box-sizing:border-box;display:block}.error-code{display:block;color:var(--blue);font-size:38px;font-weight:900}.error-card h1{margin:4px 0;color:var(--navy);font-size:21px}.error-card p{color:var(--muted);font-size:12px;line-height:1.6}.error-card .btn{margin-top:8px}

/* ---------- RTL ---------- */
html[dir="rtl"] .sidebar{border-right:0;border-left:1px solid rgba(255,255,255,.08)}
html[dir="rtl"] .nav-link.active{box-shadow:inset -3px 0 0 var(--cyan)}
html[dir="rtl"] .public-top img{object-position:right center}
html[dir="rtl"] .license-line small{text-align:left}
html[dir="rtl"] .panel.form-stack{margin-left:auto;margin-right:0}
html[dir="rtl"] .notice b{margin-right:0;margin-left:auto}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid,.grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto;min-height:auto;overflow:visible;border:0;padding:9px}
  .brand-sidebar{display:flex;align-items:center;gap:10px;text-align:left;padding:2px 5px 8px}
  .brand-sidebar .brand-logo{width:150px;height:60px;margin:0}
  .brand-sidebar small{margin:0}
  .sideidentity{display:none}
  .sidebar nav{display:flex;gap:4px;overflow-x:auto;padding:4px 0 2px}
  .nav-link{flex:0 0 auto;margin:0;padding:6px 8px;min-height:30px}
  .topbar{position:relative;padding:9px 12px;align-items:flex-start}
  #user-root{padding:14px 12px 32px}
  .dashgrid,.twocol,.detail{grid-template-columns:1fr}
  .searchbar{grid-template-columns:1fr 180px auto}
  .hero3d,.hero3d model-viewer{min-height:300px;height:300px}
}
@media(max-width:760px){.grid,.grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .topbar{display:block}.top-actions{justify-content:flex-start;margin-top:8px}
  .inline-prefs{flex-wrap:wrap}
  .titlebar{display:block}.actions{margin-top:9px}
  .titlebar h1{font-size:21px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .searchbar{grid-template-columns:1fr}.searchbar .btn{justify-self:start}
  .specs{grid-template-columns:1fr}
  .reviewform{grid-template-columns:1fr}
  .form-actions{align-items:stretch}.form-actions .btn{flex:1 1 auto}
  .public-market,.public-page{padding:12px 12px 36px}.public-top{height:62px}.public-top img{width:150px;height:52px}
  .auth{padding:14px}.authcard{padding:20px}.authbrand-logo-strip{min-height:96px;padding:11px 13px}.authbrand-logo-strip img{width:min(100%,330px);max-height:96px}
}
@media(max-width:480px){.grid,.grid.compact{grid-template-columns:1fr}}
@media(max-width:410px){.kpis{grid-template-columns:1fr}.top-actions{gap:5px}.btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ---------- Component details used by the unified account ---------- */
.row{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.narrow{max-width:680px}
.license-box{display:grid;gap:5px;padding:11px 12px;border:1px solid #cfe0f2;background:#f8fbff;border-radius:11px}
.license-box strong{color:var(--navy);font-size:12px}.license-box span{color:#52647a;font-size:10px;line-height:1.5}.license-box small{color:var(--blue);font-size:9.5px;font-weight:700}
.media-note{margin:0;padding:8px 10px;border-top:1px solid var(--border);color:var(--muted);font-size:9.5px;background:#fbfdff}
.purchase{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}
.purchase:last-child{border-bottom:0}.purchase>div:first-child{min-width:0}.purchase b,.purchase small{display:block}.purchase b{color:var(--navy);font-size:12px}.purchase small{color:var(--muted);font-size:9.5px;margin-top:3px}
.checkout{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:12px}.checkout b{margin-right:auto;color:var(--navy)}
.receipt{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 14px;align-items:center}.receipt span{color:var(--muted);font-size:10px}.receipt b{color:var(--navy);font-size:12px}
.messages{display:grid;gap:7px;align-content:start}.message{max-width:86%;display:grid;gap:3px;padding:9px 10px;border-radius:11px;background:#f1f5f9;border:1px solid #e4ebf2}.message.mine{margin-left:auto;background:#edf5ff;border-color:#d0e2fa}.message b{color:var(--navy);font-size:10px}.message span{font-size:11px;line-height:1.5}.message small{color:var(--muted);font-size:8.5px}
html[dir="rtl"] .message.mine{margin-left:0;margin-right:auto}
.request{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:11px 0;border-bottom:1px solid var(--border)}.request:last-child{border-bottom:0}.request b{color:var(--navy)}.request p{margin:4px 0;font-size:11px}.request small{display:block;color:var(--muted);margin-top:4px}
.badgegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.badgecard{display:flex;align-items:center;gap:10px;padding:13px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}.badgecard>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:17px}.badgecard b,.badgecard small{display:block}.badgecard b{color:var(--navy);font-size:12px}.badgecard small{color:var(--muted);font-size:9px;margin-top:2px}
.security-state{display:grid;gap:9px}.security-state.ok{padding:10px;border:1px solid #c7e8d9;background:#f1fbf7;border-radius:11px}.security-state b{color:var(--navy)}.secret-code{display:block;padding:8px 9px;border:1px dashed #9fb8d0;border-radius:8px;background:#f8fbfe;word-break:break-all;color:#164a7b}
.mini-design{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}.mini-design:last-child{border-bottom:0}.mini-design span{color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-design b{color:var(--navy);white-space:nowrap}
.bar-chart{height:185px;display:flex;align-items:flex-end;gap:8px;padding:12px 5px 0;border-bottom:1px solid #e7eef6}.bar-item{height:100%;flex:1;min-width:34px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bar-item>span{display:block;width:min(28px,76%);min-height:5px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--cyan),var(--blue))}.bar-item small{width:100%;height:26px;color:var(--muted);font-size:8px;text-align:center;overflow:hidden;line-height:1.25}
.notice.unread{background:#f6fbff;border-left:3px solid var(--blue);padding-left:8px}.notice>div{min-width:0}.notice>div b,.notice>div span,.notice>div small{display:block}.notice>div span{margin-top:2px;color:#52647a}.notice>div small{margin-top:2px}
html[dir="rtl"] .notice.unread{border-left:0;border-right:3px solid var(--blue);padding-left:0;padding-right:8px}
@media(max-width:900px){.badgegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.purchase{align-items:flex-start;flex-direction:column}.purchase .actions{width:100%}.receipt{grid-template-columns:90px minmax(0,1fr)}.badgegrid{grid-template-columns:1fr}.bar-chart{height:165px}}

/* ---------- V3 dynamic tags, commission and paid promotion ---------- */
.field-block{display:grid;gap:6px}.field-label{font-size:10px;font-weight:800;color:var(--navy)}
.tag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tag-option{display:flex!important;align-items:center;gap:7px;min-height:36px;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:#fbfdff;font-size:10px;font-weight:650}.tag-option input{width:auto;margin:0}.tag-option span{min-width:0}
.design-media{position:relative}.promoted-badge{position:absolute;top:8px;left:8px;z-index:2;padding:5px 8px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:9px;font-weight:900;letter-spacing:.02em;box-shadow:0 5px 15px rgba(23,100,234,.25)}
.design-card.promoted{border-color:#82b8ef;box-shadow:0 12px 28px rgba(23,100,234,.12)}.featured-zone{margin:16px 0 24px;padding:14px;border:1px solid #c9def5;border-radius:15px;background:linear-gradient(180deg,#fbfdff,#f2f8ff)}
.commission-rule{display:grid;gap:7px;margin:12px 0}.commission-rule strong{color:var(--navy);font-size:12px}.commission-rule span,.commission-rule small{color:#52647a;font-size:10px;line-height:1.55}.tier-progress{height:8px;border-radius:999px;overflow:hidden;background:#e8eef5}.tier-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}
.alert.warning{display:grid;gap:4px;margin:12px 0;padding:10px 12px;border:1px solid #f4d38d;background:#fffaf0;border-radius:10px;color:#76520b}.alert.warning strong{font-size:11px}.alert.warning span{font-size:10px;line-height:1.5}
.actions form{display:inline-flex;margin:0}.actions{flex-wrap:wrap}
@media(max-width:760px){.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.tag-grid{grid-template-columns:1fr}}


/* V8 profile image + compact preference controls */
.avatar-image{overflow:hidden;background:#fff}
.avatar-image img{width:100%;height:100%;object-fit:cover;display:block}
.profile-photo-field{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8fbff}
.profile-photo-preview{width:92px;height:92px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:32px;font-weight:900;box-shadow:0 10px 28px rgba(11,39,68,.12)}
.profile-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.inline-prefs noscript{display:inline-flex}
@media(max-width:720px){.profile-photo-field{grid-template-columns:1fr}.profile-photo-preview{width:82px;height:82px}}

/* V9 refinements */
.brand-sidebar{padding-bottom:10px}
.brand-sidebar .brand-logo{margin-bottom:0}
.kpis.two-only{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.earnings-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)}
.existing-files{display:grid;gap:7px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#f8fbfe}
.existing-file-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:6px 0;border-bottom:1px solid #e5edf5;font-weight:600}
.existing-file-row:last-child{border-bottom:0}
.existing-file-row span:last-child{display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600;color:var(--muted)}
.existing-file-row input{width:auto!important;min-height:0!important}
.media-gallery{display:grid;gap:10px;padding:10px;background:#fff}
.media-stage{position:relative;overflow:hidden;border-radius:14px;background:#eef4fa;min-height:360px}
.media-slide{display:none;min-height:360px;align-items:center;justify-content:center}
.media-slide.active{display:flex}
.media-slide img,.media-slide video{display:block;width:100%;height:min(560px,55vw);min-height:360px;object-fit:contain;background:#eef4fa}
.media-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}
.media-thumb{flex:0 0 72px;height:58px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#edf3f9;color:var(--navy);font-weight:800;cursor:pointer}
.media-thumb.active{border-color:var(--blue)}
.media-thumb img{width:100%;height:100%;object-fit:cover}
.media-thumb span{display:flex;height:100%;align-items:center;justify-content:center;font-size:11px}
.spin360{position:relative;width:100%;height:100%;min-height:360px;cursor:ew-resize;touch-action:pan-y;user-select:none;outline:none}
.spin360:focus-visible{box-shadow:inset 0 0 0 3px var(--blue)}
.spin360 img{pointer-events:none}
.spin-hint{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(7,27,52,.82);color:#fff;font-size:11px;font-weight:800}
.technical-description{margin:14px 0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#f8fbfe}
.technical-description p{margin:7px 0 0;line-height:1.65}
.action-menu{position:relative;display:inline-block}
.action-menu summary{list-style:none;width:38px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;cursor:pointer;font-weight:900;background:#fff}
.action-menu summary::-webkit-details-marker{display:none}
.action-menu>div{position:absolute;z-index:12;right:0;top:36px;min-width:110px;padding:6px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:var(--shadow)}
.action-menu a{display:block;padding:8px 9px;border-radius:7px;color:var(--navy);font-weight:700;text-decoration:none}
.action-menu a:hover,.action-menu a:focus{background:#eef5ff}
.muted-action{color:var(--muted)}
.error-text{display:block!important;color:#b42318!important;font-weight:700!important}
html.is-navigating body:before{content:"";position:fixed;z-index:9999;left:0;top:0;width:42%;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:mh-loadbar .55s ease-out forwards;pointer-events:none}
@keyframes mh-loadbar{from{width:8%;opacity:.7}to{width:84%;opacity:1}}
@media(max-width:900px){.earnings-grid{grid-template-columns:1fr}.media-stage,.media-slide,.spin360{min-height:260px}.media-slide img,.media-slide video{min-height:260px;height:58vw}}
@media(max-width:560px){.kpis.two-only{grid-template-columns:1fr}.existing-file-row{align-items:flex-start;flex-direction:column}.media-stage,.media-slide,.spin360{min-height:220px}.media-slide img,.media-slide video{min-height:220px;height:70vw}}

/* V10 account + profile photo editor */
.avatar-editor{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,360px) minmax(220px,1fr);gap:16px;align-items:center;margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}
.avatar-editor[hidden]{display:none}
.avatar-editor-stage{width:min(100%,360px);aspect-ratio:1;border-radius:18px;overflow:hidden;background:#e9f0f7;border:1px solid var(--border);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.avatar-editor-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;background:#eef4fa}
.avatar-editor-stage canvas:active{cursor:grabbing}
.avatar-editor-controls{display:grid;gap:12px;align-content:center}
.avatar-editor-controls>label{display:grid;gap:7px;font-weight:800}
.avatar-editor-controls input[type="range"]{width:100%;min-height:auto;padding:0}
.avatar-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
.avatar-editor-actions .btn{min-width:48px}
@media(max-width:720px){.avatar-editor{grid-template-columns:1fr}.avatar-editor-stage{width:min(100%,320px)}}

/* V12 payout preferences + payout tracking */
.payout-copy{display:grid;gap:8px;margin-bottom:14px}
.payout-copy h2{margin:0 0 4px}
.payout-copy p{margin:0;color:#40546b;line-height:1.55}
.payout-provider-form{max-width:980px}
.payout-provider-choice{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.payout-provider-choice label{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;font-weight:700;cursor:pointer}
.payout-provider-choice input{width:auto;margin:0}
.payout-provider-card{border:1px solid var(--border);border-radius:14px;padding:16px;background:#f9fbfe;display:grid;gap:12px}
.payout-provider-card[hidden]{display:none!important}
.payout-provider-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.payout-provider-heading h3{margin:0 0 4px}
.payout-provider-heading p{margin:0;color:#52647a}
.inline-validation{padding:10px 12px;border-radius:10px;background:#fff3f3;border:1px solid #f1b5b5;color:#8a1f1f;font-size:12px}
.payout-detail-grid{align-items:start}
.payout-timeline{display:grid;gap:12px;margin:6px 0 14px}
.payout-timeline-item{display:flex;gap:10px;align-items:flex-start}
.payout-timeline-item>span{width:11px;height:11px;border-radius:50%;background:var(--blue);margin-top:4px;box-shadow:0 0 0 4px #e8f1ff}
.payout-timeline-item b,.payout-timeline-item small{display:block}
.payout-timeline-item small{margin-top:2px;color:#6b7c90}
@media(max-width:720px){.payout-provider-heading{flex-direction:column}.payout-provider-choice{display:grid;grid-template-columns:1fr 1fr}}

/* V13 requested UI refinements */
/* Only the logo header is white; the profile and navigation remain the approved navy sidebar. */
.brand-sidebar{
  background:#fff;
  margin:-14px -12px 0;
  padding:14px 12px 12px;
  border-bottom:1px solid #d8e2ed;
}
.brand-sidebar .brand-logo{filter:none}

.custom-request-single{max-width:620px;margin:0 auto}
.custom-request-single .panel{width:100%}

.discount-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.discount-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:8px;background:#edf2ff;color:#174ea6;font-weight:900;font-size:12px;white-space:nowrap}
.price-original{color:#73849a;font-weight:700;text-decoration-thickness:2px}
.price-current{font-weight:900;color:var(--blue);white-space:nowrap}
.discount-tools{align-items:start}
.discount-tools table td{vertical-align:middle}

.comments-panel{margin-top:18px}
.comments-list{display:grid;gap:10px;margin:8px 0 16px}
.comment-row{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.comment-row:last-child{border-bottom:0}
.comment-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}
.comment-row b,.comment-row span,.comment-row small{display:block}
.comment-row span{margin-top:3px;line-height:1.5;color:#253a51}
.comment-row small{margin-top:5px;color:var(--muted)}
.comment-form{display:grid;gap:9px}
.comment-form textarea{min-height:100px}

.design-3d-viewer{position:relative;width:100%;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef4fa;touch-action:pan-y;user-select:none;outline:none;cursor:grab}
.design-3d-viewer:active{cursor:grabbing}
.design-3d-viewer:focus-visible{box-shadow:inset 0 0 0 3px var(--blue)}
.viewer-title{position:absolute;z-index:3;left:12px;top:12px;padding:6px 10px;border-radius:999px;background:rgba(7,27,52,.84);color:#fff;font-size:12px;font-weight:900}
.viewer-canvas{width:100%;height:min(560px,55vw);min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:900px}
.viewer-canvas img{display:block;width:100%;height:100%;object-fit:contain;will-change:transform;transform-origin:center;transition:transform .08s linear;pointer-events:none;background:#eef4fa}
.viewer-frame-data{display:none}
.viewer-controls{position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px;padding:6px;border-radius:12px;background:rgba(255,255,255,.92);border:1px solid rgba(7,27,52,.14)}
.viewer-controls button{min-width:42px;height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--navy);font-weight:900;cursor:pointer}
.viewer-controls button:hover,.viewer-controls button:focus-visible{background:#eef5ff;border-color:#a9c9ef}
.viewer-thumb span{font-size:12px;font-weight:900}

.action-menu form{margin:0}
.action-menu .action-link{display:block;width:100%;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:var(--navy);font:inherit;font-weight:700;text-align:left;cursor:pointer;white-space:nowrap}
.action-menu .action-link:hover,.action-menu .action-link:focus-visible{background:#eef5ff}
.action-menu .danger-link{color:#b42318}

.notification-summary{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:2px 0 13px;margin-bottom:3px;border-bottom:1px solid var(--line)}
.notification-summary span{color:var(--muted)}
.notification-row{align-items:center}
.notification-row.is-unread{border-left:3px solid var(--blue);background:#f7fbff}
.notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.read-state{font-size:12px;font-weight:800;color:#60738a}

.price-only-form{max-width:620px}

@media(max-width:980px){
  .brand-sidebar{margin:-9px -9px 0;padding:9px 10px;display:flex;justify-content:center;text-align:center}
  .brand-sidebar .brand-logo{margin:0 auto}
}
@media(max-width:900px){
  .design-3d-viewer,.viewer-canvas{min-height:260px}
  .viewer-canvas{height:58vw}
}
@media(max-width:560px){
  .design-3d-viewer,.viewer-canvas{min-height:220px}
  .viewer-canvas{height:70vw}
  .notification-row{align-items:flex-start}
  .notification-actions{justify-content:flex-start}
}
.viewer-status{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.94);border:1px solid var(--border);color:var(--navy);font-size:12px;font-weight:800;pointer-events:none}
.viewer-status[hidden]{display:none}


/* V14 profile, account and navigation refinements */
.brand-sidebar{
  background:transparent !important;
  margin:0 !important;
  padding:8px 6px 12px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.brand-logo-box{
  width:182px;
  max-width:100%;
  min-height:104px;
  margin:0 auto;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #d9e3ee;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.brand-sidebar .brand-logo{
  width:158px !important;
  max-height:82px !important;
  margin:0 auto !important;
  object-fit:contain;
  filter:none !important;
}
.sidebar-logout{margin:3px 0 0}
.sidebar-logout .nav-button{
  width:100%;
  border:0;
  background:transparent;
  text-align:inherit;
  font:inherit;
  cursor:pointer;
}
.sidebar-logout .nav-button:hover{background:rgba(255,255,255,.07);color:#fff}

.icon-prefs{display:flex;align-items:center;gap:6px}
.pref-control{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:32px;
  padding:2px 5px 2px 7px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
}
.pref-control .pref-icon{font-size:15px;line-height:1}
.pref-control select{
  border:0 !important;
  box-shadow:none !important;
  min-width:72px !important;
  padding-left:3px !important;
  background-color:transparent !important;
}
.top-profile-avatar{
  width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  border:2px solid #d6e4f7;background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;font-weight:900;flex:0 0 auto;transition:.15s ease;
}
.top-profile-avatar:hover,.top-profile-avatar:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(23,100,234,.14)}
.top-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}

.profile-hero{
  display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;
  padding:28px;border-radius:22px;background:linear-gradient(135deg,#0b2744,#1764ea 65%,#18b7b2);
  color:#fff;margin-bottom:0;
}
.profile-hero-avatar{
  width:136px;height:136px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  border:4px solid rgba(255,255,255,.88);background:#fff;color:var(--navy);font-size:44px;font-weight:900;
  box-shadow:0 16px 36px rgba(0,0,0,.18);
}
.profile-hero-avatar img{width:100%;height:100%;object-fit:cover}
.profile-hero-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.profile-hero-title h1{margin:0;color:#fff;font-size:30px}
.profile-hero-copy>p{margin:6px 0 12px;color:#dfefff}
.profile-hero-copy .btn{background:#fff;color:#124b8d;border-color:#fff}
.profile-stats{display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 14px}
.profile-stats span{font-size:13px;color:#eaf5ff}
.profile-stats b{display:block;color:#fff;font-size:19px}
.profile-bio{max-width:800px;line-height:1.6;color:#fff}
.profile-tabs{
  display:flex;gap:6px;flex-wrap:wrap;padding:12px 0;margin:0 0 16px;border-bottom:1px solid var(--line)
}
.profile-tabs a{padding:9px 14px;border-radius:10px;color:var(--muted);font-weight:800}
.profile-tabs a:hover{background:#edf5ff;color:var(--blue)}
.profile-tabs a.active{background:var(--navy);color:#fff}
.profile-section{margin-top:0}
.follow-list{display:grid;gap:10px}
.follow-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}
.follow-card:last-child{border-bottom:0}
.follow-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}
.follow-avatar img{width:100%;height:100%;object-fit:cover}
.follow-card b,.follow-card span{display:block}.follow-card span{margin-top:3px;color:var(--muted)}

.account-layout{display:grid;gap:18px}
.account-section{max-width:1040px}
.section-help{margin:-4px 0 14px;color:var(--muted)}
.identity-form{display:grid;gap:14px}
.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.identity-grid label{display:grid;gap:7px;font-weight:800}
.identity-grid .span-2{grid-column:1/-1}
.account-section .payout-provider-form{max-width:none}

@media(max-width:900px){
  .profile-hero{grid-template-columns:110px minmax(0,1fr);padding:20px}
  .profile-hero-avatar{width:100px;height:100px}
  .profile-hero-title h1{font-size:24px}
}
@media(max-width:720px){
  .brand-logo-box{width:160px;min-height:84px}
  .brand-sidebar .brand-logo{width:140px !important;max-height:68px !important}
  .profile-hero{grid-template-columns:1fr;text-align:center}
  .profile-hero-avatar{margin:0 auto}
  .profile-hero-title,.profile-stats{justify-content:center}
  .identity-grid{grid-template-columns:1fr}
  .identity-grid .span-2{grid-column:auto}
  .top-actions{align-items:center}
}


/* V15 compact top controls, orange sign-out, and clickable profile metrics */
.icon-prefs{gap:8px}
.pref-control{
  width:154px;
  min-width:154px;
  height:38px;
  min-height:38px;
  padding:3px 7px 3px 9px;
}
.pref-control select{
  width:100% !important;
  min-width:0 !important;
  height:30px !important;
  min-height:30px !important;
  padding:3px 24px 3px 4px !important;
}
.sidebar-logout{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.10)}
.sidebar-logout .nav-button{
  color:#fff;
  background:linear-gradient(135deg,#f97316,#e85d04);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 7px 16px rgba(249,115,22,.18);
}
.sidebar-logout .nav-button:hover,.sidebar-logout .nav-button:focus-visible{
  color:#fff;
  background:linear-gradient(135deg,#fb8128,#f06408);
  box-shadow:0 9px 20px rgba(249,115,22,.24);
}
.profile-stats a{
  display:block;
  min-width:96px;
  padding:8px 10px;
  border-radius:10px;
  color:#eaf5ff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  transition:.15s ease;
}
.profile-stats a:hover,.profile-stats a:focus-visible{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.profile-stats a b{display:block;color:#fff;font-size:19px}
.analytics-design-table{margin-top:4px}
@media(max-width:760px){
  .pref-control{width:126px;min-width:126px}
}

/* V16 compact top utilities + bundle collections */
.top-actions{gap:6px}
.pref-control{
  width:136px;
  min-width:136px;
  height:34px;
  min-height:34px;
  padding:2px 6px 2px 8px;
  border-radius:9px;
}
.pref-control select{
  height:26px !important;
  min-height:26px !important;
  font-size:13px !important;
  padding:2px 22px 2px 3px !important;
}
.pref-control .pref-icon{font-size:14px}
.top-icon-link{
  position:relative;
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--border);background:#fff;color:var(--navy);
  text-decoration:none;font-size:17px;line-height:1;transition:.15s ease;
}
.top-icon-link:hover,.top-icon-link:focus-visible{
  transform:translateY(-1px);
  border-color:#f97316;
  box-shadow:0 0 0 3px rgba(249,115,22,.14);
}
.top-count-badge{
  position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;
  border-radius:999px;display:grid;place-items:center;background:#f97316;color:#fff;
  border:2px solid #fff;font-size:10px;font-weight:900;line-height:1;
}

.bundle-create-panel{margin-bottom:18px}
.bundle-create-title{font-size:22px;font-weight:900;color:var(--blue);letter-spacing:.02em;margin:0 0 12px}
.bundle-create-card{
  display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:start;
  padding:24px;border:1px solid var(--border);border-radius:16px;background:#fff;
}
.bundle-art{font-size:48px;line-height:.75;color:#64748b;text-align:center;padding-top:28px}
.bundle-create-copy p{margin:0 0 18px;color:var(--muted);max-width:720px}
.bundle-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,.55fr) minmax(150px,.7fr);gap:12px;align-items:end}
.bundle-fields label{display:grid;gap:7px;font-weight:800}
.bundle-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.bundle-design-option{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px;background:#f8fbff;cursor:pointer}
.bundle-design-option input{width:18px;height:18px;accent-color:#f97316}
.bundle-design-option span{min-width:0}.bundle-design-option b,.bundle-design-option small{display:block}.bundle-design-option small{color:var(--muted);margin-top:3px}
.bundle-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.bundle-list{display:grid;gap:14px}
.bundle-card{margin:0}
.bundle-summary{display:flex;justify-content:space-between;gap:18px;align-items:center}
.bundle-summary h2{margin:0 0 5px}.bundle-summary span{color:var(--muted)}
.bundle-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.bundle-price s{color:var(--muted)}
.bundle-price strong{font-size:19px;color:var(--navy)}
.bundle-discount-badge{background:#fff3e8 !important;color:#c2410c !important;border:1px solid #fdba74;padding:5px 9px;border-radius:999px;font-weight:900}
.bundle-edit{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.bundle-edit summary{cursor:pointer;font-weight:900;color:#f97316}
.bundle-edit form{margin-top:14px}
.bundle-delete-form{margin-top:8px !important}

@media(max-width:900px){
  .bundle-create-card{grid-template-columns:1fr}.bundle-art{display:none}.bundle-fields{grid-template-columns:1fr 1fr}.bundle-design-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .pref-control{width:112px;min-width:112px;height:34px;min-height:34px}
  .top-icon-link{width:34px;height:34px}
  .bundle-fields{grid-template-columns:1fr}.bundle-summary{align-items:flex-start;flex-direction:column}.bundle-price{justify-content:flex-start}
}


/* V17 active controls + Sales redesign */
/* Primary actions inside authenticated page content use the approved orange accent. */
.main-col #user-root .btn.primary{
  color:#fff;
  border-color:var(--orange);
  background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  box-shadow:0 7px 16px rgba(249,115,22,.16);
}
.main-col #user-root .btn.primary:hover,.main-col #user-root .btn.primary:focus-visible{
  border-color:var(--orange-dark);
  background:linear-gradient(135deg,#fb8128,#f06408);
  box-shadow:0 8px 20px rgba(249,115,22,.22);
}
.bundle-create-title{color:var(--blue)!important}
.status.refunded{background:#fff3e8;color:#b45309}
.sales-page-layout{
  display:grid;
  grid-template-columns:minmax(0,1.9fr) minmax(320px,.72fr);
  gap:16px;
  align-items:stretch;
}
.sales-left{min-width:0;display:flex}
.sales-main-panel{
  width:100%;
  min-height:760px;
  display:flex;
  flex-direction:column;
  align-self:stretch;
}
.sales-main-panel>table{margin-top:12px}
.sales-guidance{
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid #fed7aa;
  border-radius:12px;
  background:#fffaf5;
  color:#475569;
}
.sales-guidance ul{margin:0;padding-left:20px;display:grid;gap:8px}
.sales-guidance li{font-size:11px;line-height:1.55}
.sales-guidance b{color:var(--navy)}
.sales-right{min-width:0;display:grid;gap:12px;align-content:start}
.sales-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sales-kpi{
  min-width:0;
  padding:12px 13px;
  border:1px solid var(--border);
  border-radius:13px;
  background:#fff;
  box-shadow:var(--shadow);
}
.sales-kpi span{display:block;color:var(--muted);font-size:10px;font-weight:800}
.sales-kpi strong{display:block;margin-top:5px;color:var(--navy);font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.sales-commission{margin:0;padding:13px}
.sales-commission span{font-size:9.5px}
.sales-payout{padding:14px}
.sales-payout h2,.sales-payout-history h2{font-size:15px}
.sales-payout-history{padding:12px}
.sales-payout-history table{font-size:10px;min-width:610px}
.sales-action-menu>div{min-width:150px}
.action-menu .refund-link{color:#c2410c}
.action-menu .refund-link:hover,.action-menu .refund-link:focus-visible{background:var(--orange-soft);color:#9a3412}
.refund-original{display:block;margin-top:2px;color:var(--muted);font-size:9px;white-space:nowrap}
@media(max-width:1180px){
  .sales-page-layout{grid-template-columns:minmax(0,1fr) 310px}
  .sales-summary-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .sales-page-layout{grid-template-columns:1fr}
  .sales-main-panel{min-height:auto}
  .sales-right{grid-template-columns:1fr 1fr;align-items:start}
  .sales-summary-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:720px){
  .sales-right{grid-template-columns:1fr}
  .sales-summary-grid{grid-template-columns:1fr 1fr}
  .sales-guidance ul{padding-left:16px}
}
@media(max-width:430px){.sales-summary-grid{grid-template-columns:1fr}}


/* V18 user cleanup + true public STL 3D preview */
.top-message-icon{width:20px;height:20px;display:block}
.top-message-link{color:var(--blue)}
.top-message-link:hover .top-message-icon,.top-message-link:focus-visible .top-message-icon{filter:saturate(1.08) brightness(1.03)}
.media-thumb.is-disabled{cursor:not-allowed;opacity:.5;border-color:#dbe6f1;background:#f5f7fa;color:#7b8ca1}
.media-thumb.is-disabled:hover{border-color:#dbe6f1;box-shadow:none}
.design-3d-viewer{position:relative;width:100%;min-height:360px;outline:none;overflow:hidden;background:radial-gradient(circle at 50% 38%,#f7fbff 0,#e7f0f9 58%,#dbe8f4 100%);cursor:move;touch-action:pan-y;user-select:none}
.design-3d-viewer.is-hover-steering{cursor:move}
.design-3d-viewer.is-dragging{cursor:grabbing}
.viewer-canvas{position:relative;width:100%;height:min(560px,55vw);min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}
.viewer-canvas canvas{display:block;width:100%;height:100%;min-height:360px;touch-action:none;outline:none}
.viewer-error{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);max-width:78%;padding:12px 14px;border-radius:11px;background:rgba(255,255,255,.96);border:1px solid #f0c5c5;color:#9b2c2c;font-size:12px;font-weight:800;text-align:center;line-height:1.45}
.viewer-error[hidden]{display:none}
.user-design-detail .btn.primary{color:#fff;border-color:var(--orange);background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 7px 16px rgba(249,115,22,.16)}
.user-design-detail .btn.primary:hover,.user-design-detail .btn.primary:focus-visible{border-color:var(--orange-dark);background:linear-gradient(135deg,#fb8128,#f06408);box-shadow:0 8px 20px rgba(249,115,22,.22)}
@media(max-width:900px){.design-3d-viewer,.viewer-canvas,.viewer-canvas canvas{min-height:260px}.viewer-canvas{height:58vw}}
@media(max-width:560px){.design-3d-viewer,.viewer-canvas,.viewer-canvas canvas{min-height:220px}.viewer-canvas{height:70vw}.viewer-title{font-size:11px}.spin-hint{font-size:10px}}

/* V20 premium top utilities, balanced pricing, media upload clarity, and reliable 3D controls */
.media-upload-note{
  display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;
  padding:11px 13px;border:1px solid rgba(23,100,234,.18);border-radius:12px;
  background:linear-gradient(90deg,rgba(23,100,234,.055),rgba(24,183,178,.055));
}
.media-upload-note strong{color:var(--navy);font-size:12px;white-space:nowrap}
.media-upload-note span{color:var(--muted);font-size:11px;line-height:1.55;min-width:220px;flex:1}

/* Keep language, currency, messages, notifications and support on one visual system. */
.top-actions{gap:8px}
.icon-prefs{gap:7px}
.pref-control.utility-control{
  height:38px;min-height:38px;
  border-color:#d7e3ef;border-radius:11px;
  padding:3px 8px 3px 10px;
  color:var(--blue);
  box-shadow:0 2px 8px rgba(7,27,52,.035);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.pref-control.utility-control:hover,.pref-control.utility-control:focus-within{
  border-color:rgba(23,100,234,.42);
  box-shadow:0 0 0 3px rgba(23,100,234,.08);
  background:#fff;
}
.utility-icon{
  width:18px;height:18px;display:block;flex:0 0 18px;
  fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.pref-control .utility-icon{color:var(--blue)}
.pref-control select{font-weight:750;color:var(--navy)}
.top-utility-group{display:flex;align-items:center;gap:7px;direction:ltr}
.top-icon-link{
  width:38px;height:38px;flex:0 0 38px;border-radius:11px;
  border:1px solid #d7e3ef;background:#fff;color:var(--blue);
  box-shadow:0 2px 8px rgba(7,27,52,.035);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,background .16s ease;
}
.top-icon-link .utility-icon{width:18px;height:18px}
.top-icon-link:hover,.top-icon-link:focus-visible{
  color:var(--orange);border-color:rgba(249,115,22,.48);background:#fff;
  box-shadow:0 0 0 3px rgba(249,115,22,.10),0 4px 12px rgba(7,27,52,.05);
  transform:translateY(-1px);
}
.top-icon-link.is-active{
  color:#fff;border-color:var(--blue);
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 6px 16px rgba(23,100,234,.18);
}
.top-icon-link.is-active:hover,.top-icon-link.is-active:focus-visible{color:#fff;border-color:var(--orange)}
.top-profile-avatar{width:38px;height:38px;flex-basis:38px;border-width:1px;border-color:#d7e3ef;box-shadow:0 2px 8px rgba(7,27,52,.04)}
.top-count-badge{top:-5px;right:-5px}

/* CSS tooltip keeps Support (and sibling utility names) visible on pointer/focus without JS. */
.top-icon-link[data-tooltip]::after{
  content:attr(data-tooltip);position:absolute;z-index:80;left:50%;top:calc(100% + 8px);
  transform:translate(-50%,-3px);padding:6px 8px;border-radius:7px;
  background:var(--navy);color:#fff;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
  box-shadow:0 8px 18px rgba(7,27,52,.16);
}
.top-icon-link[data-tooltip]::before{
  content:"";position:absolute;z-index:81;left:50%;top:calc(100% + 4px);width:7px;height:7px;
  background:var(--navy);transform:translateX(-50%) rotate(45deg);opacity:0;visibility:hidden;
  transition:opacity .14s ease,visibility .14s ease;
}
.top-icon-link[data-tooltip]:hover::after,.top-icon-link[data-tooltip]:focus-visible::after{
  opacity:1;visibility:visible;transform:translate(-50%,0);
}
.top-icon-link[data-tooltip]:hover::before,.top-icon-link[data-tooltip]:focus-visible::before{opacity:1;visibility:visible}

/* Pricing hierarchy: compact discount badge, readable original price, stronger final price. */
.discount-price{
  gap:8px;min-height:30px;align-items:center;
  font-variant-numeric:tabular-nums;
}
.discount-price .discount-badge{
  min-height:25px;padding:4px 8px;border-radius:999px;
  border:1px solid rgba(249,115,22,.32);background:var(--orange-soft);color:#c2410c;
  font-size:11.5px;line-height:1;font-weight:900;
}
.discount-price .price-original{
  color:#708198;font-size:15px;line-height:1.2;font-weight:750;
  text-decoration-thickness:1.7px;text-decoration-color:#8797aa;
}
.discount-price .price-current{
  color:var(--blue);font-size:18px;line-height:1.2;font-weight:900;letter-spacing:-.15px;
}

/* 3D controls remain clickable even while the viewer captures drag/hover input. */
.viewer-controls{
  z-index:5;gap:6px;padding:6px;border-radius:13px;pointer-events:auto;
  box-shadow:0 8px 22px rgba(7,27,52,.10);
}
.viewer-controls .viewer-control{
  min-width:40px;height:38px;padding:0 11px;border-radius:9px;
  touch-action:manipulation;pointer-events:auto;user-select:none;
  border:1px solid #d7e3ef;background:#fff;color:var(--navy);
  transition:border-color .14s ease,background .14s ease,color .14s ease,transform .1s ease;
}
.viewer-controls .viewer-reset{min-width:58px}
.viewer-controls .viewer-control:hover,.viewer-controls .viewer-control:focus-visible{
  border-color:rgba(23,100,234,.45);background:#f5f9ff;color:var(--blue);
}
.viewer-controls .viewer-control:active{transform:translateY(1px)}
.viewer-controls .viewer-control:disabled{opacity:.42;cursor:not-allowed;background:#f5f7fa;color:#7b8ca1}

@media(max-width:760px){
  .pref-control.utility-control{height:36px;min-height:36px;width:118px;min-width:118px;padding-left:8px}
  .pref-control .utility-icon{width:17px;height:17px;flex-basis:17px}
  .top-icon-link,.top-profile-avatar{width:36px;height:36px;flex-basis:36px}
  .top-utility-group{gap:6px}
}
@media(max-width:650px){
  .top-actions{gap:7px}
  .top-utility-group{order:3}
}


/* V22 premium polish: authenticated topbar now uses the same orange family as primary actions. */
.topbar{
  background:linear-gradient(105deg,var(--orange-dark) 0%,var(--orange) 58%,#fb8a2d 100%);
  border-bottom-color:rgba(145,60,5,.42);
  box-shadow:0 7px 22px rgba(121,49,4,.18);
}
.topbar strong{color:#fff;text-shadow:0 1px 1px rgba(93,35,0,.16)}
.topbar small{color:rgba(255,255,255,.86)}
.topbar .btn.soft{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.72);color:var(--navy);box-shadow:0 3px 10px rgba(105,42,4,.12)}
.topbar .btn.soft:hover,.topbar .btn.soft:focus-visible{background:#fff;border-color:#fff;color:var(--orange-dark)}
.topbar .pref-control.utility-control,.topbar .top-icon-link{background:rgba(255,255,255,.97);border-color:rgba(255,255,255,.72);box-shadow:0 3px 10px rgba(105,42,4,.12)}
.topbar .pref-control.utility-control:hover,.topbar .pref-control.utility-control:focus-within,.topbar .top-icon-link:hover,.topbar .top-icon-link:focus-visible{background:#fff;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.20),0 5px 14px rgba(105,42,4,.15)}
.topbar .top-profile-avatar{border-color:rgba(255,255,255,.78);box-shadow:0 3px 10px rgba(105,42,4,.14)}
.topbar .top-icon-link.is-active{border-color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}

.brand-logo-box{
  background:linear-gradient(145deg,#fff8f1 0%,#ffead8 54%,#fff4ea 100%) !important;
  border-color:#f3d1b4 !important;
  box-shadow:0 10px 28px rgba(86,42,8,.16) !important;
}
.brand-logo-box:hover,.brand-logo-box:focus-visible{
  border-color:#efb785 !important;
  box-shadow:0 12px 30px rgba(86,42,8,.20) !important;
}

/* Discount row stays compact and readable: badge, old price, then emphasized final price. */
.discount-price{
  display:flex;align-items:center;gap:9px;flex-wrap:nowrap;
  min-height:32px;width:max-content;max-width:100%;
  padding:3px 0;font-variant-numeric:tabular-nums;
}
.discount-price .discount-badge{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-height:24px;padding:4px 8px;border-radius:8px;
  border:1px solid rgba(249,115,22,.24);background:#fff3e8;color:#b94708;
  font-size:11px;line-height:1;font-weight:900;letter-spacing:.05px;
}
.discount-price .price-original{
  flex:0 0 auto;color:#77879a;font-size:13px;line-height:1.15;font-weight:700;
  text-decoration-thickness:1.4px;text-decoration-color:#8a98a8;
}
.discount-price .price-current{
  flex:0 0 auto;color:var(--blue);font-size:16px;line-height:1.15;font-weight:900;letter-spacing:-.1px;
}

/* One toolbar owns both controls and hint so nothing overlaps at any responsive width. */
.viewer-toolbar{
  position:absolute;z-index:6;left:12px;right:12px;bottom:12px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  pointer-events:none;
}
.viewer-controls{
  position:static !important;left:auto !important;bottom:auto !important;transform:none !important;
  display:flex;align-items:center;gap:8px;padding:6px;
  border-radius:14px;background:rgba(255,255,255,.95);border:1px solid rgba(7,27,52,.12);
  box-shadow:0 8px 22px rgba(7,27,52,.10);pointer-events:auto;
}
.viewer-zoom-controls{display:flex;align-items:center;gap:5px}
.viewer-direction-pad{
  display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(2,28px);
  gap:3px;padding-left:7px;border-left:1px solid #e1e8f0;
}
.viewer-direction-pad .viewer-arrow{min-width:28px;width:28px;height:28px;padding:0;border-radius:7px;font-size:14px;line-height:1}
.viewer-arrow-up{grid-column:2;grid-row:1}
.viewer-arrow-left{grid-column:1;grid-row:2}
.viewer-arrow-down{grid-column:2;grid-row:2}
.viewer-arrow-right{grid-column:3;grid-row:2}
.spin-hint{
  position:static !important;right:auto !important;bottom:auto !important;
  flex:0 1 auto;max-width:48%;margin:0;padding:6px 10px;
  border-radius:999px;background:rgba(7,27,52,.84);color:#fff;
  font-size:10px;font-weight:800;line-height:1.25;text-align:center;white-space:normal;
  pointer-events:none;
}
.viewer-controls .viewer-control{min-width:38px;height:36px;padding:0 10px}
.viewer-controls .viewer-reset{min-width:54px}

/* Gallery thumbs fit four product views + the 3D entry without feeling cramped. */
.media-thumbs{gap:8px}
.media-thumb{width:72px;min-width:72px;height:58px}
.media-thumb img{width:100%;height:100%;object-fit:cover}

@media(max-width:760px){
  .topbar{background:linear-gradient(110deg,var(--orange-dark) 0%,var(--orange) 72%,#fb8a2d 100%)}
  .viewer-toolbar{left:8px;right:8px;bottom:8px;align-items:flex-end;gap:8px}
  .viewer-controls{gap:6px;padding:5px}
  .viewer-direction-pad{grid-template-columns:repeat(3,26px);grid-template-rows:repeat(2,26px);padding-left:5px}
  .viewer-direction-pad .viewer-arrow{min-width:26px;width:26px;height:26px;font-size:13px}
  .viewer-controls .viewer-control{min-width:34px;height:34px;padding:0 8px}
  .viewer-controls .viewer-reset{min-width:50px}
  .spin-hint{max-width:40%;font-size:9px;padding:5px 7px}
}
@media(max-width:560px){
  .viewer-toolbar{align-items:stretch;flex-direction:column-reverse;gap:6px}
  .viewer-controls{align-self:flex-start}
  .spin-hint{align-self:flex-end;max-width:72%;font-size:8.5px}
  .discount-price{gap:7px;flex-wrap:wrap}
  .discount-price .price-original{font-size:12px}
  .discount-price .price-current{font-size:15px}
  .media-thumb{width:62px;min-width:62px;height:50px}
}


/* V23 topbar contrast, icon scale, blue notification badges, and cleaner discount price row */
.topbar strong{
  color:var(--navy) !important;
  text-shadow:none !important;
  font-weight:900;
}
.topbar small{
  color:rgba(7,27,52,.82) !important;
}
.topbar .pref-control.utility-control,
.topbar .top-icon-link,
.topbar .top-profile-avatar{
  box-shadow:0 4px 12px rgba(105,42,4,.12);
}
.top-icon-link{
  width:40px;
  height:40px;
  flex-basis:40px;
  border-radius:12px;
}
.top-icon-link .utility-icon{
  width:20px;
  height:20px;
}
.top-profile-avatar{
  width:40px;
  height:40px;
  flex-basis:40px;
}
.top-count-badge{
  min-width:19px;
  height:19px;
  top:-6px;
  right:-6px;
  background:linear-gradient(135deg,var(--blue),#0f58d6);
  color:#fff;
  box-shadow:0 5px 12px rgba(23,100,234,.28);
}
.topbar .top-icon-link:hover,
.topbar .top-icon-link:focus-visible{
  color:var(--navy);
}
.discount-price{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:nowrap;
  width:auto;
  max-width:100%;
  min-height:34px;
}
.discount-price .discount-badge{
  min-height:26px;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
}
.discount-price .price-original{
  font-size:14px;
  line-height:1.1;
  opacity:.88;
}
.discount-price .price-current{
  font-size:17px;
  line-height:1.1;
  letter-spacing:0;
}
@media(max-width:760px){
  .top-icon-link,.top-profile-avatar{width:38px;height:38px;flex-basis:38px}
  .top-icon-link .utility-icon{width:19px;height:19px}
}
@media(max-width:560px){
  .discount-price{gap:8px;flex-wrap:wrap}
  .discount-price .discount-badge{font-size:11px}
  .discount-price .price-original{font-size:12px}
  .discount-price .price-current{font-size:15px}
}


/* V24 client-approved restoration + Sales design thumbnails. */
.topbar{
  background:#fff !important;
  border-bottom:1px solid var(--border) !important;
  box-shadow:none !important;
}
.topbar strong{
  color:var(--navy) !important;
  text-shadow:none !important;
  font-weight:800;
}
.topbar small{
  color:var(--muted) !important;
}
.topbar .btn.soft{
  background:#edf5ff !important;
  border-color:#c8dcfa !important;
  color:#1558bb !important;
  box-shadow:none !important;
}
.topbar .btn.soft:hover,.topbar .btn.soft:focus-visible{
  background:#fff !important;
  border-color:#9bb9db !important;
  color:#1558bb !important;
}
.topbar .pref-control.utility-control,.topbar .top-icon-link{
  background:#fff !important;
  border-color:#d7e3ef !important;
  box-shadow:0 2px 8px rgba(7,27,52,.035) !important;
}
.topbar .pref-control.utility-control:hover,.topbar .pref-control.utility-control:focus-within,
.topbar .top-icon-link:hover,.topbar .top-icon-link:focus-visible{
  background:#fff !important;
  border-color:rgba(23,100,234,.42) !important;
  box-shadow:0 0 0 3px rgba(23,100,234,.08) !important;
}
.topbar .top-profile-avatar{
  border-color:#d7e3ef !important;
  box-shadow:0 2px 8px rgba(7,27,52,.04) !important;
}
.topbar .top-icon-link.is-active{
  color:#fff !important;
  border-color:var(--blue) !important;
  background:linear-gradient(135deg,var(--blue),var(--cyan)) !important;
}
.brand-logo-box{
  background:#fff !important;
  border-color:#d9e3ee !important;
  box-shadow:0 8px 24px rgba(0,0,0,.14) !important;
}
.brand-logo-box:hover,.brand-logo-box:focus-visible{
  background:#fff !important;
  border-color:#c7d6e5 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.16) !important;
}
/* Return the top utility buttons to the earlier compact scale. */
.top-icon-link{
  width:38px !important;
  height:38px !important;
  flex-basis:38px !important;
  border-radius:11px !important;
}
.top-icon-link .utility-icon{
  width:18px !important;
  height:18px !important;
}
/* Language globe is intentionally a touch larger; exchange arrows stay balanced beside currency. */
.pref-control .language-icon{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}
.pref-control .currency-icon{
  width:19px !important;
  height:19px !important;
  flex:0 0 19px !important;
}
.top-profile-avatar{
  width:38px !important;
  height:38px !important;
  flex-basis:38px !important;
}
.top-count-badge{
  min-width:18px !important;
  height:18px !important;
  top:-5px !important;
  right:-5px !important;
  background:var(--orange) !important;
  color:#fff !important;
  border:2px solid #fff !important;
  box-shadow:0 4px 10px rgba(249,115,22,.24) !important;
  font-size:10px !important;
}
/* Sales: first column is intentionally headerless and contains the linked design thumbnail. */
.sales-thumb-head{width:62px;min-width:62px;padding-left:8px;padding-right:8px}
.sales-design-thumb-cell{width:62px;min-width:62px;padding:7px 8px !important}
.sales-design-thumb{
  width:46px;height:46px;display:grid;place-items:center;overflow:hidden;
  border:1px solid #d7e3ef;border-radius:10px;background:#eef4fa;
  box-shadow:0 3px 10px rgba(7,27,52,.06);transition:.15s ease;
}
a.sales-design-thumb:hover,a.sales-design-thumb:focus-visible{
  border-color:rgba(23,100,234,.48);box-shadow:0 0 0 3px rgba(23,100,234,.09);transform:translateY(-1px)
}
.sales-design-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sales-design-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:10px;font-weight:900;color:var(--blue);background:linear-gradient(145deg,#eef5ff,#e9f8f7)}
.sales-main-panel table{min-width:820px}
@media(max-width:760px){
  .top-icon-link,.top-profile-avatar{width:36px !important;height:36px !important;flex-basis:36px !important}
  .top-icon-link .utility-icon{width:17px !important;height:17px !important}
  .pref-control .language-icon{width:19px !important;height:19px !important;flex-basis:19px !important}
  .pref-control .currency-icon{width:18px !important;height:18px !important;flex-basis:18px !important}
  .sales-thumb-head,.sales-design-thumb-cell{width:56px;min-width:56px}
  .sales-design-thumb{width:42px;height:42px;border-radius:9px}
}

/* V25 client refinements: compact top utilities, Sales fit, and Cults-inspired design commerce/info layout. */
/* Smaller notification/message/support controls; the notification bell carries the orange accent. */
.top-utility-group .top-icon-link{
  width:34px !important;
  height:34px !important;
  flex-basis:34px !important;
  border-radius:10px !important;
}
.top-utility-group .top-icon-link .utility-icon{
  width:16px !important;
  height:16px !important;
}
.top-notification-link:not(.is-active){color:var(--orange) !important}
.top-notification-link:not(.is-active):hover,.top-notification-link:not(.is-active):focus-visible{color:var(--orange-dark) !important}
.top-utility-group .top-count-badge{
  min-width:17px !important;height:17px !important;top:-5px !important;right:-5px !important;
  background:var(--orange) !important;box-shadow:0 3px 9px rgba(249,115,22,.25) !important;font-size:9px !important;
}
/* Sales desktop table fits the left panel without horizontal scrolling. Mobile may still scroll locally. */
.sales-main-panel{overflow-x:visible !important}
.sales-main-panel table{min-width:0 !important;width:100%;table-layout:auto}
.sales-main-panel th,.sales-main-panel td{padding:8px 6px;font-size:10px}
.sales-main-panel th:nth-child(4),.sales-main-panel td:nth-child(4),
.sales-main-panel th:nth-child(5),.sales-main-panel td:nth-child(5){white-space:normal;line-height:1.35}
.sales-main-panel th:nth-child(8),.sales-main-panel td:nth-child(8){width:56px;text-align:center}

/* Product-detail commerce controls: inspired by marketplace patterns, styled in MeshHub's own system. */
.design-detail-v25{gap:20px}
.design-detail-v25 .details{display:flex;flex-direction:column;min-width:0}
.design-lead{margin:7px 0 4px !important}
.design-commerce-actions{display:grid;gap:9px;margin:14px 0 12px}
.design-action-form{margin:0;width:100%;display:block}
.design-action{
  min-height:44px;width:100%;border:1px solid #d7e3ef;border-radius:10px;background:#fff;color:var(--navy);
  display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;font-weight:850;font-size:13px;line-height:1.2;
  cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;
}
.design-action:hover,.design-action:focus-visible{border-color:#a9c9ef;background:#f8fbff;box-shadow:0 0 0 3px rgba(23,100,234,.07)}
.design-action:active{transform:translateY(1px)}
.design-action[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
.design-action-primary{color:#fff;border-color:var(--orange);background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 7px 16px rgba(249,115,22,.16)}
.design-action-primary:hover,.design-action-primary:focus-visible{color:#fff;border-color:var(--orange-dark);background:linear-gradient(135deg,#fb8128,#f06408);box-shadow:0 8px 20px rgba(249,115,22,.22)}
.design-action-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.design-action-state{cursor:default;background:#eef6ff;border-color:#c9def5;color:#1558bb}
.design-offer-maker{position:relative;margin:0}
.design-offer-maker>summary{list-style:none}
.design-offer-maker>summary::-webkit-details-marker{display:none}
.offer-inline-form{display:grid;gap:9px;margin-top:8px;padding:12px;border:1px solid #d7e3ef;border-radius:12px;background:#fbfdff;box-shadow:0 8px 22px rgba(7,27,52,.07)}
.offer-inline-form strong{color:var(--navy);font-size:13px}.offer-inline-form>small{color:var(--muted);font-size:10px;line-height:1.45}
.offer-inline-form textarea{min-height:64px}
.offer-status-card{display:grid;gap:3px;margin:2px 0 12px;padding:10px 12px;border-radius:10px;border:1px solid #d7e3ef;background:#f8fbff}
.offer-status-card b{color:var(--navy);font-size:12px}.offer-status-card span,.offer-status-card small{color:#52647a;font-size:10px}
.offer-status-card.approved{border-color:#bfe7d6;background:#f1fbf7}.offer-status-card.pending{border-color:#f4d38d;background:#fffaf0}
.approved-offer-price{display:grid;gap:2px}.approved-offer-price small{color:#14805e;font-weight:800}.approved-offer-price strong{color:var(--navy)}

.design-public-stats{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:4px 0 12px;padding:12px 2px;border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5;
}
.design-public-stats span{display:inline-flex;align-items:center;gap:6px;color:#42566d;font-size:12px;font-weight:700;white-space:nowrap}
.design-public-stats b{color:var(--blue);font-size:14px}
.design-public-meta{display:grid;border-top:1px solid #e5edf5;margin-bottom:13px}
.design-meta-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #e5edf5}
.design-meta-row span{color:#64748b;font-size:11px;font-weight:750}.design-meta-row strong{color:var(--navy);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.design-content-info{margin-top:18px}
.design-content-info>h2{margin-bottom:14px}
.design-info-block{padding-bottom:12px;border-bottom:1px solid #e5edf5}.design-info-block h3,.design-info-grid h3{margin:0 0 7px;color:var(--navy);font-size:12px}.design-info-block p,.design-info-grid p{margin:0;color:#42566d;font-size:12px;line-height:1.65}
.design-info-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:18px;padding-top:13px}
.design-tag-list{display:flex;gap:7px;flex-wrap:wrap}.design-tag-list span{padding:5px 8px;border-radius:999px;background:#edf5ff;border:1px solid #d4e5fb;color:#1558bb;font-size:10px;font-weight:800}
.design-offers-panel .muted{margin:-4px 0 12px}

@media(max-width:1180px){
  .sales-main-panel th,.sales-main-panel td{padding:7px 4px;font-size:9.5px}
  .sales-design-thumb-cell,.sales-thumb-head{width:54px;min-width:54px}
  .sales-design-thumb{width:40px;height:40px}
}
@media(max-width:900px){
  .sales-main-panel{overflow-x:auto !important}
  .sales-main-panel table{min-width:720px !important}
}
@media(max-width:650px){
  .design-action-row{grid-template-columns:1fr 1fr}
  .design-public-stats{gap:12px}.design-meta-row{grid-template-columns:115px minmax(0,1fr)}
  .design-info-grid{grid-template-columns:1fr}
}

/* V26 client refinements: open comments, owner-as-buyer, subcategory, and lightweight top utilities. */
.design-info-grid.design-info-grid-three{
  grid-template-columns:minmax(0,.72fr) minmax(0,.8fr) minmax(0,1.48fr);
  gap:18px;
}

/* Notification / Messages / Support: no heavy square surfaces; use a compact blue outline system. */
.top-utility-group{
  gap:7px;
}
.top-utility-group .top-icon-link{
  width:31px !important;
  height:31px !important;
  flex-basis:31px !important;
  border-radius:50% !important;
  border:1px solid rgba(23,100,234,.48) !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--blue) !important;
}
.top-utility-group .top-icon-link .utility-icon{
  width:16px !important;
  height:16px !important;
  stroke-width:1.8;
}
.top-utility-group .top-icon-link:hover,
.top-utility-group .top-icon-link:focus-visible{
  border-color:var(--blue) !important;
  background:#f3f8ff !important;
  color:var(--navy) !important;
  box-shadow:0 0 0 3px rgba(23,100,234,.07) !important;
  transform:translateY(-1px);
}
.top-utility-group .top-icon-link.is-active{
  border-color:var(--blue) !important;
  background:#edf5ff !important;
  color:var(--blue) !important;
  box-shadow:none !important;
}
/* Gold bell requested by the client; unread badge remains MeshHub orange. */
.top-utility-group .top-notification-link,
.top-utility-group .top-notification-link.is-active,
.top-utility-group .top-notification-link:hover,
.top-utility-group .top-notification-link:focus-visible{
  color:#f2b72f !important;
}
.top-utility-group .top-count-badge{
  min-width:17px !important;
  height:17px !important;
  top:-6px !important;
  right:-6px !important;
  background:var(--orange) !important;
  border:2px solid #fff !important;
  color:#fff !important;
  box-shadow:0 3px 9px rgba(249,115,22,.25) !important;
  font-size:9px !important;
}
@media(max-width:900px){
  .design-info-grid.design-info-grid-three{grid-template-columns:1fr 1fr}
  .design-info-grid.design-info-grid-three>div:last-child{grid-column:1/-1}
}
@media(max-width:560px){
  .design-info-grid.design-info-grid-three{grid-template-columns:1fr}
  .design-info-grid.design-info-grid-three>div:last-child{grid-column:auto}
  .top-utility-group .top-icon-link{width:30px !important;height:30px !important;flex-basis:30px !important}
}


/* V27 topbar polish: filled gold bell, orange unread badge, and plain icons without circular frames. */
.top-utility-group{
  gap:12px !important;
}
.top-utility-group .top-icon-link{
  width:auto !important;
  height:auto !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--navy) !important;
  display:grid !important;
  place-items:center;
}
.top-utility-group .top-icon-link .utility-icon{
  width:18px !important;
  height:18px !important;
  stroke-width:1.85;
}
.top-utility-group .top-icon-link:hover,
.top-utility-group .top-icon-link:focus-visible,
.top-utility-group .top-icon-link.is-active,
.top-utility-group .top-icon-link.is-active:hover,
.top-utility-group .top-icon-link.is-active:focus-visible{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--blue) !important;
  transform:translateY(-1px);
}
.top-utility-group .top-message-link,
.top-utility-group .top-support-link{
  color:var(--navy) !important;
}
.top-utility-group .top-notification-link,
.top-utility-group .top-notification-link:hover,
.top-utility-group .top-notification-link:focus-visible,
.top-utility-group .top-notification-link.is-active,
.top-utility-group .top-notification-link.is-active:hover,
.top-utility-group .top-notification-link.is-active:focus-visible{
  color:#d8a11b !important;
}
.top-utility-group .top-notification-link .utility-icon path:first-child{
  fill:currentColor !important;
  stroke:currentColor !important;
}
.top-utility-group .top-notification-link .utility-icon path:last-child{
  fill:none !important;
  stroke:#9b6b07 !important;
}
.top-utility-group .top-count-badge{
  min-width:17px !important;
  height:17px !important;
  top:-6px !important;
  right:-8px !important;
  background:var(--orange) !important;
  border:2px solid #fff !important;
  color:#fff !important;
  box-shadow:0 3px 9px rgba(249,115,22,.24) !important;
  font-size:9px !important;
}
@media(max-width:560px){
  .top-utility-group{gap:10px !important;}
  .top-utility-group .top-icon-link .utility-icon{width:17px !important;height:17px !important;}
}


/* V28 subtle topbar icon scale refinement: same approved style, slightly larger for balance. */
.top-utility-group .top-icon-link .utility-icon{
  width:20px !important;
  height:20px !important;
}
@media(max-width:560px){
  .top-utility-group .top-icon-link .utility-icon{
    width:19px !important;
    height:19px !important;
  }
}


/* V29 final hardening + professional QA payment provider presentation. */
.payment-method-panel{margin:18px 0 4px;padding:16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fbfdff,#f7faff)}
.payment-method-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.payment-method-heading h2{margin:0;color:var(--navy);font-size:15px}.payment-method-heading p{margin:4px 0 0;color:var(--muted);font-size:10.5px}
.payment-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px}
.payment-provider-option{position:relative;display:block;cursor:pointer}.payment-provider-option>input{position:absolute;opacity:0;pointer-events:none}
.payment-provider-card{min-height:74px;display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid #d6e2ef;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(7,27,52,.045);transition:.16s ease}
.payment-provider-card img{width:82px;height:32px;object-fit:contain;object-position:left center;flex:0 0 82px}.payment-provider-card b,.payment-provider-card small{display:block}.payment-provider-card b{color:var(--navy);font-size:12px}.payment-provider-card small{margin-top:3px;color:var(--muted);font-size:9.5px}
.payment-provider-option:hover .payment-provider-card{border-color:#a9c8ee;transform:translateY(-1px)}
.payment-provider-option>input:checked + .payment-provider-card{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,100,234,.09),0 6px 16px rgba(7,27,52,.06);background:#fbfdff}
.payment-provider-option>input:focus-visible + .payment-provider-card{outline:3px solid rgba(23,100,234,.22);outline-offset:2px}
.payment-boundary-note{display:block;margin-top:10px;color:#66788c;font-size:9.5px;line-height:1.55}.checkout-final{padding:14px 0 0}
@media(max-width:650px){.payment-provider-grid{grid-template-columns:1fr}.payment-provider-card img{width:72px;flex-basis:72px}.payment-method-heading{align-items:flex-start}}

/* V30 queued client refinements: fast marketplace actions, threaded replies, Add Design discount and payout readiness. */
.currency-legacy-icon{font-size:17px!important;line-height:1;display:inline-grid;place-items:center;min-width:18px;filter:none!important}
.add-design-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:18px;align-items:start}
.add-design-main{min-width:0}.add-design-discount{position:sticky;top:82px;margin:0}.add-design-discount h2{margin:0 0 12px}.add-design-discount .form-stack{margin:0}
.comment-thread{padding:2px 0;border-bottom:1px solid var(--line)}.comment-thread:last-child{border-bottom:0}
.comment-thread>.comment-row{border-bottom:0}.comment-content{min-width:0}.comment-author{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-author b{display:inline-block}
.comment-role{display:inline-flex!important;width:max-content;margin:0!important;padding:2px 7px;border-radius:999px;background:#e8f3ff;color:var(--blue)!important;font-size:9px;font-weight:800;line-height:1.35}.comment-role.subtle{background:#eef2f7;color:#53677e!important}
.comment-replies{margin:0 0 10px 48px;padding-left:14px;border-left:2px solid #dce8f5;display:grid;gap:2px}.comment-reply{padding:9px 0}.comment-reply .comment-avatar{width:32px;height:32px;font-size:11px}.comment-reply-box{margin-top:7px}.comment-reply-box>summary{width:max-content;cursor:pointer;color:var(--blue);font-size:10px;font-weight:800;list-style:none}.comment-reply-box>summary::-webkit-details-marker{display:none}.comment-reply-form{display:grid;gap:8px;margin-top:8px;max-width:650px}.comment-reply-form textarea{min-height:72px}
.mh-toast{position:fixed;z-index:9999;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:min(92vw,620px);padding:11px 16px;border-radius:12px;background:#0b213b;color:#fff;font-weight:750;font-size:12px;box-shadow:0 12px 34px rgba(7,27,52,.24);transition:opacity .16s ease,transform .16s ease}.mh-toast.show{opacity:1;transform:translate(-50%,0)}.mh-toast.success{background:#0c7454}.mh-toast.error{background:#a82f46}
.design-action-form[data-pending="1"] .design-action{cursor:progress}
#payment-method-panel{scroll-margin-top:100px}.receipt-email-field{display:grid;gap:6px;min-width:min(100%,360px);font-size:10.5px;font-weight:800;color:var(--navy)}.receipt-email-field input{width:100%;min-height:40px}.receipt-email-field small{font-weight:500;color:var(--muted);line-height:1.45}.checkout-final{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.checkout-final>.receipt-email-field{margin-right:auto}
.paypal-connect-panel{background:linear-gradient(180deg,#fff,#f8fbff)}.paypal-payout-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.paypal-payout-facts>div{border:1px solid #dce7f3;border-radius:10px;padding:10px;background:#fff}.paypal-payout-facts span,.paypal-payout-facts strong{display:block}.paypal-payout-facts span{font-size:9px;color:var(--muted);margin-bottom:3px}.paypal-payout-facts strong{font-size:11px;color:var(--navy)}.paypal-connect-button{width:100%;background:#142c8e;color:#fff;border-color:#142c8e;font-weight:900}.paypal-connect-button:hover{filter:brightness(1.06)}
.sales-status-date{display:block;margin-top:4px;color:var(--muted);font-size:9px}.status.transferred{background:#e8f1ff;color:#165aa7}.status.refund,.status.refunded{background:#fff0f2;color:#aa3046}
.profile-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.profile-collections-grid{display:grid;gap:10px}.profile-collection-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0}.profile-collection-card h3{margin:5px 0}.profile-collection-card p{margin:0;color:var(--muted)}.profile-collection-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.collection-visibility{font-size:9px;font-weight:800;color:var(--blue);text-transform:uppercase}
@media(max-width:1050px){.add-design-layout{grid-template-columns:1fr}.add-design-discount{position:static;order:-1}.add-design-layout .add-design-main{order:1}}
@media(max-width:650px){.comment-replies{margin-left:20px;padding-left:10px}.paypal-payout-facts{grid-template-columns:1fr}.checkout-final{align-items:stretch}.receipt-email-field{min-width:100%}.profile-collection-card{align-items:flex-start;flex-direction:column}}


/* V31 final client refinements: compact brand mark, exact currency reference icon, non-blocking fast actions. */
.brand-logo-box{
  width:142px !important;
  min-height:92px !important;
  padding:5px 7px !important;
  border-radius:12px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.12) !important;
}
.brand-sidebar .brand-logo{
  width:128px !important;
  max-height:80px !important;
}
.pref-control .currency-reference-icon{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  object-fit:contain;
  image-rendering:auto;
}
form[data-fast-action][aria-busy="true"],form[data-fast-comment-form][aria-busy="true"]{opacity:.78}
form[data-fast-action] button,form[data-fast-comment-form] button{transition:opacity .12s ease,transform .12s ease}
html.is-navigating body:before{height:2px;animation-duration:.34s;opacity:.72}
@media(max-width:560px){
  .brand-logo-box{width:126px !important;min-height:82px !important;padding:4px 6px !important}
  .brand-sidebar .brand-logo{width:114px !important;max-height:72px !important}
  .pref-control .currency-reference-icon{width:18px !important;height:18px !important;flex-basis:18px !important}
}


/* V32 client logo refinement: a true square white tile tightly framing the full MESH HUB mark. */
.brand-logo-box{
  width:104px !important;
  height:104px !important;
  min-height:104px !important;
  max-width:104px !important;
  padding:5px !important;
  border-radius:11px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  overflow:hidden !important;
}
.brand-sidebar .brand-logo{
  width:94px !important;
  height:auto !important;
  max-width:94px !important;
  max-height:94px !important;
  object-fit:contain !important;
  margin:0 !important;
}
@media(max-width:560px){
  .brand-logo-box{width:96px !important;height:96px !important;min-height:96px !important;max-width:96px !important;padding:5px !important}
  .brand-sidebar .brand-logo{width:86px !important;max-width:86px !important;max-height:86px !important}
}

/* V33 nested reply threads: every reply can receive another reply while visual indentation is capped for readability. */
.comment-reply-node{min-width:0}.comment-reply-node>.comment-replies{margin-left:30px}.comment-reply-node .comment-reply-node>.comment-replies{margin-left:22px}.comment-reply-node .comment-reply-node .comment-reply-node>.comment-replies{margin-left:14px}
@media(max-width:650px){.comment-reply-node>.comment-replies{margin-left:14px}.comment-reply-node .comment-reply-node>.comment-replies{margin-left:10px}}

/* V34: Transferred is intentionally blue so it never reads as the green Available state. */
.status.transferred{background:#e8f1ff !important;color:#165aa7 !important;border:1px solid #c9dcff}


/* ---------- V39 API-ready user refinements ---------- */
.meta-tag-grid .tag-option:has(input:disabled:not(:checked)){opacity:.48;background:#f5f7fa}
.meta-tag-count{font-weight:800;color:#4a6078}
.designer-card-link{color:var(--blue);font-weight:800}.designer-card-link:hover{text-decoration:underline}

.badgecard-image{align-items:center;min-height:104px;padding:10px 12px}
.badgecard-image>img{width:72px;height:84px;object-fit:contain;object-position:center;flex:0 0 72px;border-radius:0;background:transparent;clip-path:none}
.badgecard-image>div{min-width:0}.badgecard-image b{font-size:13px}.badgecard-image small{font-size:10px;line-height:1.4}
.profile-earned-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 14px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(3,23,48,.18)}
.profile-earned-badges>span{font-size:11px;font-weight:900;color:#eaf5ff}.profile-earned-badges>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.profile-earned-badges>a{font-size:11px;font-weight:900;color:#fff;text-decoration:underline;margin-left:auto}
.mini-badge{width:40px;height:46px;object-fit:contain;object-position:center;border-radius:0;background:transparent;clip-path:none;filter:none}
.profile-badges-empty{font-size:10px;color:#d7e9fb}

.designer-summary-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;padding:16px;margin:16px 0;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.designer-avatar{width:82px;height:82px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:26px;font-weight:900}
.designer-avatar img{width:100%;height:100%;object-fit:cover}
.designer-summary-main{min-width:0;display:grid;gap:8px}.designer-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.designer-summary-head strong{display:block;color:var(--navy);font-size:18px}.designer-summary-head small{display:block;color:var(--muted);margin-top:2px}
.designer-summary-stats{display:flex;gap:14px;flex-wrap:wrap}.designer-summary-stats span{font-size:11px;color:#52647a}.designer-summary-stats b{color:var(--navy)}
.designer-mini-badges{display:flex;gap:6px;align-items:center;min-height:46px;flex-wrap:wrap}.designer-summary-links{display:flex;gap:7px;flex-wrap:wrap}

.design-inline-rating{padding:11px 14px;border-top:1px solid var(--border);background:#fbfdff;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.design-stars{display:flex;align-items:center;gap:5px}.star-form{display:inline-flex;margin:0}.star-button{border:0;background:transparent;padding:0 2px;color:#d7a300;font-size:27px;line-height:1;cursor:pointer;text-shadow:0 1px 0 #fff;transition:transform .12s ease,color .12s ease}.star-button:hover,.star-button:focus-visible{transform:scale(1.13);color:#f0b800}.star-button.active{color:#d99000}.star-button.disabled{cursor:default;color:#c7d0da}.star-button.disabled.active{color:#d99000}.design-inline-rating small{color:var(--muted);font-size:10px}

.payout-settings-link,.payout-auto-amount{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fbfdff}.payout-settings-link span,.payout-auto-amount span{font-size:11px;font-weight:900;color:var(--navy)}.payout-settings-link a{color:var(--blue);font-weight:900;text-decoration:underline}.payout-auto-amount strong{font-size:20px;color:var(--navy)}

.section-heading-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading-inline h2{margin:0}.section-heading-inline p{margin:4px 0 0;color:var(--muted)}
.more-from-designer{margin-top:16px}.design-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}

.design-card{box-shadow:0 6px 18px rgba(10,33,61,.065)}
.design-card .card-actions{display:grid;grid-template-columns:1fr 1fr}.design-card .card-actions .btn{width:100%;min-width:0}

@media(max-width:1180px){.design-grid-four{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.design-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-summary-card{grid-template-columns:68px minmax(0,1fr)}.designer-avatar{width:64px;height:64px}.mini-badge{width:34px;height:40px}}
@media(max-width:480px){.design-grid-four{grid-template-columns:1fr}.designer-summary-card{grid-template-columns:1fr}.designer-avatar{margin:0 auto}.designer-summary-head{align-items:center}.profile-earned-badges{justify-content:center}.profile-earned-badges>a{margin-left:0}}


/* ---------- V40 client-approved refinements ---------- */
/* Image-only design galleries: four covers per desktop row, no visible metadata on the cover card. */
.image-only-design-card{padding:0!important;background:#eef4fa;border-radius:10px!important;overflow:hidden;box-shadow:0 5px 16px rgba(10,33,61,.08)!important;aspect-ratio:1/1;min-height:0;transition:transform .16s ease,box-shadow .16s ease}
.image-only-design-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,33,61,.14)!important}
.image-only-design-media{height:100%!important;min-height:0!important;aspect-ratio:1/1;display:block;background:#eef4fa}
.image-only-design-media img,.image-only-design-media .preview-fallback{width:100%;height:100%;object-fit:cover;border-radius:0}
.design-card.image-only-design-card .dc-body,.design-card.image-only-design-card .promoted-badge{display:none!important}
.grid,.grid.compact,.design-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:800px){.grid,.grid.compact,.design-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.grid,.grid.compact,.design-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* Global cart: same icon language as Landing V2.17, available while browsing account, designs and creator profiles. */
.public-top-actions{display:flex;align-items:center;gap:8px}.global-cart-link{position:relative;width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;border:1px solid #c9d8e8;border-radius:9px;background:#fff;color:var(--navy);transition:.15s ease}.global-cart-link:hover{border-color:#9bb9db;box-shadow:0 4px 12px rgba(23,100,234,.10)}
.cart-icon-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.global-cart-count{position:absolute;top:-7px;right:-7px;display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#f97316;color:#fff;font-size:10px;font-weight:900;line-height:1;border:2px solid #fff}
.public-cart-link{margin-left:1px}.top-actions>.global-cart-link{margin:0 2px}

/* Profile badge cluster occupies the open hero space beside Saved; badge visuals remain compact and image-led. */
.profile-hero-copy{min-width:0}.profile-hero-mainline{display:grid;grid-template-columns:minmax(0,auto) minmax(240px,1fr);align-items:center;gap:28px;margin:8px 0 14px}.profile-hero-mainline .profile-stats{margin:0;gap:12px}.profile-badge-display{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}.profile-badges-link{font-size:10px;font-weight:900;color:#fff;text-decoration:underline;white-space:nowrap}.badge-cluster{position:relative;display:flex;align-items:center;min-height:72px;min-width:220px;padding:4px 18px 4px 8px}.badge-cluster-item{position:relative;margin-left:-9px}.badge-cluster-item:nth-child(2n){transform:translateY(-8px) rotate(5deg)}.badge-cluster-item:nth-child(3n){transform:translateY(7px) rotate(-5deg)}.badge-cluster-item:first-child{margin-left:0}.badge-click-target{border:0;background:transparent;padding:7px;cursor:pointer;border-radius:10px;display:inline-grid;place-items:center;min-width:50px;min-height:58px;transition:transform .14s ease,filter .14s ease}.badge-click-target:hover,.badge-click-target:focus-visible{transform:translateY(-3px) scale(1.06)!important;filter:brightness(1.08);z-index:10}.badge-click-target .mini-badge{pointer-events:none;width:42px;height:50px}.designer-badge-cluster,.creator-card-badge-cluster{min-width:0;min-height:58px;padding:2px 8px}.designer-badge-cluster .badge-click-target,.creator-card-badge-cluster .badge-click-target{min-width:42px;min-height:48px;padding:4px}.designer-badge-cluster .mini-badge,.creator-card-badge-cluster .mini-badge{width:34px;height:41px}
@media(max-width:980px){.profile-hero-mainline{grid-template-columns:1fr}.profile-badge-display{justify-content:flex-start}.badge-cluster{min-width:0}}
@media(max-width:720px){.profile-badge-display{justify-content:center;flex-wrap:wrap}.badge-cluster{justify-content:center;padding-inline:4px}.profile-hero-mainline{gap:12px}}

/* Badge details modal: the visual badges stay small, but every badge has a comfortable tap target. */
.badge-modal-open{overflow:hidden}.badge-detail-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px}.badge-detail-modal[hidden]{display:none!important}.badge-detail-backdrop{position:absolute;inset:0;background:rgba(3,14,28,.64);backdrop-filter:blur(4px)}.badge-detail-dialog{position:relative;z-index:1;width:min(92vw,430px);padding:24px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center}.badge-detail-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:#eef3f8;color:var(--navy);font-size:22px;cursor:pointer}.badge-detail-image{width:110px;height:128px;object-fit:contain;object-position:center;margin:0 auto 12px;border-radius:0;background:transparent;clip-path:none}.badge-detail-dialog h2{margin:0 0 8px;color:var(--navy);font-size:21px}.badge-detail-dialog p{margin:0;color:#52647a;line-height:1.6}.badge-detail-requirement{margin-top:16px;padding:12px;border-radius:12px;background:#f4f8fc;text-align:left}.badge-detail-requirement strong,.badge-detail-requirement span{display:block}.badge-detail-requirement strong{color:var(--navy);font-size:11px}.badge-detail-requirement span{margin-top:4px;color:#52647a;font-size:11px;line-height:1.5}.badgecard-button{width:100%;text-align:left;cursor:pointer;font:inherit}.badgecard-button:hover{border-color:#9bb9db;box-shadow:0 9px 22px rgba(23,100,234,.10)}

/* Creator card is now a compact Design Details element, matching the requested reference ordering. */
.creator-detail-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:13px;background:#f8fbff}.creator-detail-avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:22px;font-weight:900}.creator-detail-avatar img{width:100%;height:100%;object-fit:cover}.creator-detail-main{min-width:0}.creator-detail-name{display:inline-block;color:var(--blue);font-weight:900;font-size:13px}.creator-detail-main>span{display:block;margin-top:2px;color:var(--muted);font-size:9.5px}.creator-detail-badges{margin-top:4px;overflow:visible}.creator-detail-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px}.creator-detail-follow{margin:0}.owner-design-management{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.designer-summary-card .designer-mini-badges{overflow:visible}
@media(max-width:520px){.creator-detail-card{grid-template-columns:58px minmax(0,1fr)}.creator-detail-avatar{width:56px;height:56px}}

/* Rating stays on the left edge and remains interactive for entitled buyers and the design owner. */
.design-inline-rating{justify-content:flex-start!important;padding-left:7px!important}.design-inline-rating small{margin-left:6px}.design-stars{margin-left:-2px}

/* Payout note/cooldown visibility. */
.sales-payout .payout-auto-amount small{font-size:10px;line-height:1.55;color:#52647a}.sales-payout button[disabled]{opacity:.58}.payout-provider-card [data-provider-minimum] small{display:inline;color:var(--muted);font-size:9px}
.preview-fallback-icon{display:grid;place-items:center}.preview-fallback-icon svg{width:42%;height:42%;fill:none;stroke:#8bb9e8;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.badge-detail-earned{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0}.badge-detail-earned strong{padding:4px 9px;border-radius:999px;background:#e8f8ef;color:#16824b;font-size:10px}.badge-detail-earned span{color:#718096;font-size:10px}

/* ---------- V41 client-approved payment, theme, navigation and creator refinements ---------- */
/* Theme tokens */
html[data-theme="light"],body[data-theme="light"]{
  --bg:#f4f7fb;--card:#fff;--text:#10233a;--muted:#64748b;--border:#d8e4f0;--surface-2:#f8fbfe;--surface-3:#eef4fa;--heading:#071b34;
}
html[data-theme="dark"],body[data-theme="dark"]{
  --bg:#07111f;--card:#0d1a2a;--text:#ecf4ff;--muted:#9fb0c5;--border:#22344a;--surface-2:#111f31;--surface-3:#16263a;--heading:#f6f9ff;
  color-scheme:dark;
}
body[data-theme="dark"],html[data-theme="dark"]{background:var(--bg);color:var(--text)}
body[data-theme="dark"] .main-col,body[data-theme="dark"] #user-root,body[data-theme="dark"] .public-market,body[data-theme="dark"] .public-page{background:var(--bg);color:var(--text)}
body[data-theme="dark"] .topbar{background:#0b1726;border-color:var(--border)}
body[data-theme="dark"] .topbar strong,body[data-theme="dark"] .titlebar h1,body[data-theme="dark"] .panel h2,body[data-theme="dark"] .panel h3,body[data-theme="dark"] .kpi strong,body[data-theme="dark"] .receipt b,body[data-theme="dark"] .payout-auto-amount strong,body[data-theme="dark"] .payout-settings-link span,body[data-theme="dark"] .payout-auto-amount span{color:var(--heading)}
body[data-theme="dark"] .panel,body[data-theme="dark"] .kpi,body[data-theme="dark"] .designer-summary-card,body[data-theme="dark"] .creator-detail-card,body[data-theme="dark"] .follow-card,body[data-theme="dark"] .profile-collection-card{background:var(--card);border-color:var(--border);box-shadow:0 9px 25px rgba(0,0,0,.16)}
body[data-theme="dark"] .panel p,body[data-theme="dark"] .section-help,body[data-theme="dark"] .titlebar p,body[data-theme="dark"] .designer-summary-stats span,body[data-theme="dark"] .creator-detail-main>span,body[data-theme="dark"] .design-lead,body[data-theme="dark"] .technical-description p,body[data-theme="dark"] label,body[data-theme="dark"] .muted{color:var(--muted)}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#0a1726;border-color:#2b415b;color:var(--text)}
body[data-theme="dark"] input::placeholder,body[data-theme="dark"] textarea::placeholder{color:#70839b}
body[data-theme="dark"] .btn{background:#111f31;border-color:#30465e;color:#eaf3ff}
body[data-theme="dark"] .btn.soft{background:#102746;border-color:#244f80;color:#9bc6ff}
body[data-theme="dark"] .btn.ghost{background:#0b1726;border-color:#2b415b;color:#dbe9f8}
body[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,var(--blue),#1255cc);border-color:var(--blue);color:#fff}
body[data-theme="dark"] table{background:var(--card);color:var(--text)}
body[data-theme="dark"] th{background:#111f31;color:#9fb0c5;border-color:var(--border)}
body[data-theme="dark"] td{border-color:var(--border)}
body[data-theme="dark"] .empty{background:#0b1726;border-color:#30465e;color:var(--muted)}
body[data-theme="dark"] .design-inline-rating,body[data-theme="dark"] .technical-description,body[data-theme="dark"] .offer-status-card{background:var(--surface-2);border-color:var(--border)}
body[data-theme="dark"] .badge-detail-dialog{background:#0d1a2a;border-color:#2b415b}
body[data-theme="dark"] .badge-detail-dialog h2,body[data-theme="dark"] .badge-detail-requirement strong{color:#fff}
body[data-theme="dark"] .badge-detail-dialog p,body[data-theme="dark"] .badge-detail-requirement span{color:#a8bad0}
body[data-theme="dark"] .badge-detail-requirement,body[data-theme="dark"] .badge-detail-close{background:#13243a;color:#fff}
body[data-theme="dark"] .global-cart-link{background:#102033;border-color:#34506d;color:#fff}
body[data-theme="dark"] .global-cart-count{border-color:#0b1726}

/* Professional global sidebar + consistent outline icon language. */
.sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,#071a30 0%,#061426 55%,#081c33 100%)}
.brand-sidebar{padding:9px 8px 15px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;text-align:left!important;background:transparent!important;margin:0!important;min-height:auto!important}
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
.brand-lockup>img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;filter:none!important;margin:0!important;background:transparent!important;border-radius:0!important;padding:0!important}
.brand-lockup>span{display:block;min-width:0}.brand-lockup strong{display:block;color:#fff;font-size:21px;line-height:1;letter-spacing:1.3px;white-space:nowrap}.brand-lockup small{display:block!important;margin-top:6px!important;color:#9fb1c7!important;font-size:7.5px!important;font-weight:800;letter-spacing:2px!important;white-space:nowrap}
.sidebar nav{padding-top:8px}.nav-link{gap:11px;min-height:40px;padding:9px 10px;border-radius:9px;font-size:12px}.nav-icon{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(249,115,22,.30),rgba(249,115,22,.13));box-shadow:inset 3px 0 0 var(--orange)}
.sidebar-bottom{margin-top:auto;padding-top:16px}.sidebar-income-card{display:grid;gap:5px;padding:14px 12px;margin:8px 2px 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.025)}
.sidebar-income-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(249,115,22,.34),rgba(23,100,234,.24));color:#fff}.sidebar-income-icon .nav-icon{width:22px;height:22px}
.sidebar-income-card strong{color:#fff;font-size:13px;line-height:1.25}.sidebar-income-card small{color:#9fb1c7;font-size:10px;line-height:1.45}.sidebar-logout{margin:0 2px!important;padding-top:10px!important}.sidebar-logout .nav-button{width:100%;color:#dce8f5!important}

/* Account theme selector */
.account-layout{display:grid;gap:14px}.theme-choice-form{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;align-items:stretch}.theme-option{position:relative;cursor:pointer}.theme-option>input{position:absolute;opacity:0;pointer-events:none}.theme-preview{height:132px;padding:14px;border:2px solid var(--border);border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;transition:.15s ease;overflow:hidden;position:relative}.theme-preview>i{position:absolute;inset:12px 12px 48px;border-radius:9px}.theme-preview-light{background:#fff;color:#071b34}.theme-preview-light>i{background:linear-gradient(135deg,#f2f5f9 0 58%,#d8e4f0 58%)}.theme-preview-dark{background:#081321;color:#fff;border-color:#263a50}.theme-preview-dark>i{background:linear-gradient(135deg,#13243a 0 58%,#071b34 58%)}.theme-preview b{font-size:14px}.theme-preview small{font-size:10px;opacity:.7}.theme-option input:checked+.theme-preview{border-color:var(--orange);box-shadow:0 0 0 3px rgba(249,115,22,.12)}.theme-choice-form>.btn{grid-column:1/-1;justify-self:start;background:linear-gradient(135deg,var(--orange),var(--orange-dark));border-color:var(--orange);color:#fff}

/* Creator/public profile cards: profile information left, earned badge cluster deliberately on the right. */
.designer-summary-card{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)!important;gap:24px!important;min-height:150px}.designer-summary-profile{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;min-width:0}.designer-summary-badges{display:flex;align-items:center;justify-content:flex-end;min-width:0;padding-right:14px}.designer-summary-badges .badge-cluster{justify-content:flex-end;min-width:0}
.creator-detail-card{grid-template-columns:minmax(0,1fr) minmax(230px,.85fr)!important;gap:20px!important;min-height:112px}.creator-detail-profile{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.creator-detail-badges{display:flex;align-items:center;justify-content:flex-end;margin:0!important;padding-right:8px}.creator-detail-badges .badge-cluster{justify-content:flex-end;min-width:0}
.profile-hero-mainline{grid-template-columns:minmax(0,auto) minmax(320px,1fr)!important}.profile-badge-display{justify-content:flex-end!important}.profile-badge-display .badge-cluster{justify-content:flex-end}.profile-badges-link{margin-left:4px}
.design-action-row-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Marketplace branded top strip */
.public-top{height:78px!important;margin:0 -20px 18px!important;padding:10px 20px!important;background:linear-gradient(90deg,#061a33,#0a2e59)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;border-radius:0 0 12px 12px}
.public-brand-lockup{display:flex;align-items:center;gap:10px;color:#fff;min-width:0}.public-brand-lockup>img{width:46px!important;height:46px!important;object-fit:contain!important}.public-brand-lockup>span{display:block}.public-brand-lockup strong{display:block;color:#fff;font-size:20px;letter-spacing:1.2px;line-height:1}.public-brand-lockup small{display:block;margin-top:5px;color:#a9c0d7;font-size:7px;font-weight:900;letter-spacing:2px;white-space:nowrap}.public-top .btn.soft{background:#0e3564;border-color:#315b89;color:#fff}.public-top .global-cart-link{background:#0d2b50;border-color:#315b89;color:#fff}.public-top .global-cart-count{border-color:#071b34}

/* Withdrawals: Stripe-ready, API-ready, native MESH HUB blue/navy + orange CTA. */
.withdrawals-page{display:grid;gap:16px;max-width:1180px}.withdrawals-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.withdrawals-heading h1{margin:0;color:var(--heading);font-size:32px;line-height:1.08}.withdrawals-heading>div>p{margin:7px 0 0;color:var(--muted);max-width:680px;line-height:1.55}.withdrawal-stripe-card{display:flex;align-items:center;gap:16px;min-width:310px;padding:17px 20px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.withdrawal-stripe-card>div:first-child{padding-right:16px;border-right:1px solid var(--border)}.withdrawal-stripe-card small,.withdrawal-stripe-card strong{display:block}.withdrawal-stripe-card small{font-size:11px;color:var(--muted)}.withdrawal-stripe-card strong{margin-top:3px;font-size:27px;color:var(--orange);letter-spacing:-1px}.withdrawal-stripe-secure{display:flex;align-items:center;gap:9px}.withdrawal-stripe-secure>span{font-size:24px;color:var(--text)}.withdrawal-stripe-secure b,.withdrawal-stripe-secure small{display:block}.withdrawal-stripe-secure b{font-size:12px;color:var(--text)}
.withdrawal-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.withdrawal-kpis>article{min-height:190px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:stretch}.withdrawal-kpis>article>span{color:var(--muted);font-size:13px}.withdrawal-kpis>article>strong{display:block;margin:8px 0 14px;color:var(--heading);font-size:34px;line-height:1;letter-spacing:-.8px}.withdrawal-kpis>article>small{display:block;margin-top:auto;padding:10px 12px;border:1px solid #cbdcf0;border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:10px;line-height:1.5}.withdrawal-kpis form{margin-top:auto}.withdrawal-button{width:100%;min-height:48px!important;background:linear-gradient(135deg,var(--orange),var(--orange-dark))!important;border-color:var(--orange)!important;color:#fff!important;font-size:14px!important}.withdrawal-disabled-reason{border-color:#f4d6bd!important;background:#fff7ef!important;color:#9a5a22!important;margin-top:8px!important}
.withdrawal-mid-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.withdrawal-method-card,.withdrawal-next-card,.withdrawal-history-card,.withdrawal-info-bar{border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.withdrawal-method-card,.withdrawal-next-card{padding:18px}.withdrawal-card-heading h2,.withdrawal-next-card h2,.withdrawal-history-card h2{margin:0;color:var(--heading);font-size:15px}.withdrawal-method-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:10px}.withdrawal-bank-icon,.withdrawal-calendar-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--heading);font-size:22px}.withdrawal-method-row strong,.withdrawal-method-row b,.withdrawal-method-row small{display:block}.withdrawal-method-row strong{color:var(--heading);font-size:13px}.withdrawal-method-row strong em{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#e8f7ef;color:#16794d;font-size:9px;font-style:normal}.withdrawal-method-row b{margin-top:3px;color:var(--heading);font-size:13px}.withdrawal-method-row small{margin-top:3px;color:var(--muted);font-size:10px}.withdrawal-method-row .btn{min-width:92px}
.withdrawal-next-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px}.withdrawal-next-card strong{display:block;margin-top:7px;color:var(--heading);font-size:15px}.withdrawal-next-card p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.withdraw-link{color:var(--orange);font-weight:850;font-size:11px;white-space:nowrap}.withdraw-link:hover{text-decoration:underline}
.withdrawal-history-card{overflow:hidden}.withdrawal-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px 7px}.withdrawal-history-card .table-wrap{padding:0 12px 12px}.withdrawal-history-card table{min-width:800px;background:transparent}.withdrawal-history-card th{background:transparent}.withdrawal-history-card code{color:var(--muted)}.withdrawal-history-card .status.processing,.withdrawal-history-card .status.requested{background:#fff2e8;color:#b75c12}.withdrawal-history-card .status.paid,.withdrawal-history-card .status.paid-qa{background:#e8f8ef;color:#16794d}.withdrawal-history-card td .btn{color:var(--orange);border:0;background:transparent;padding:3px 5px;min-height:26px}.withdrawal-info-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 18px}.withdrawal-info-bar>span{font-size:20px;color:var(--muted)}.withdrawal-info-bar p{margin:0;color:var(--muted);font-size:11px}
.payout-method-manage .btn.primary{background:linear-gradient(135deg,var(--orange),var(--orange-dark));border-color:var(--orange)}

/* Withdrawal confirmation after a valid server-side request. */
.withdrawal-confirmation-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px}.withdrawal-confirmation-backdrop{position:absolute;inset:0;background:rgba(2,10,20,.74);backdrop-filter:blur(3px)}.withdrawal-confirmation-card{position:relative;z-index:1;width:min(92vw,570px);max-height:92vh;overflow:auto;padding:28px;border:1px solid #33485f;border-radius:16px;background:#0d1825;color:#eaf3ff;box-shadow:0 25px 70px rgba(0,0,0,.45);text-align:center}.withdrawal-modal-close{position:absolute;top:12px;right:15px;font-size:31px;line-height:1;color:#dce9f6}.withdrawal-success-mark{width:82px;height:82px;margin:6px auto 17px;border:3px solid #35e47d;border-radius:50%;display:grid;place-items:center;color:#35e47d;font-size:48px;box-shadow:0 0 24px rgba(53,228,125,.22)}.withdrawal-confirmation-card h2{margin:0;color:#fff;font-size:27px}.withdrawal-confirmation-card>p{margin:8px 0;color:#bac9d8}.withdrawal-modal-amount{display:block;margin:14px 0 17px;color:#fff;font-size:39px;letter-spacing:-1px}.withdrawal-modal-facts{overflow:hidden;border:1px solid #2b4056;border-radius:12px;background:#111f2e;text-align:left}.withdrawal-modal-facts>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border-bottom:1px solid #2b4056}.withdrawal-modal-facts>div:last-child{border-bottom:0}.withdrawal-fact-icon{font-size:28px;color:#e9f2fc}.withdrawal-modal-facts small,.withdrawal-modal-facts b,.withdrawal-modal-facts span{display:block}.withdrawal-modal-facts small{color:#9daec0}.withdrawal-modal-facts b{margin-top:3px;color:#fff}.withdrawal-modal-facts div div>span{margin-top:5px;color:#9fb0c4;font-size:11px}.withdrawal-processing-pill{display:inline-block!important;width:max-content!important;padding:5px 12px;border-radius:999px;background:var(--orange);color:#fff!important;font-size:10px}.withdrawal-got-it{width:100%;margin-top:18px;min-height:50px!important;background:linear-gradient(135deg,var(--orange),#ff7b21)!important;border-color:var(--orange)!important;color:#fff!important;font-size:15px!important}

/* Dark theme refinements for newly introduced components. */
body[data-theme="dark"] .withdrawal-stripe-card,body[data-theme="dark"] .withdrawal-kpis>article,body[data-theme="dark"] .withdrawal-method-card,body[data-theme="dark"] .withdrawal-next-card,body[data-theme="dark"] .withdrawal-history-card,body[data-theme="dark"] .withdrawal-info-bar{background:#0d1a2a;border-color:#22384f;box-shadow:0 12px 28px rgba(0,0,0,.18)}
body[data-theme="dark"] .withdrawal-kpis>article>small{background:#101f31;border-color:#2c435d;color:#a7b8cc}body[data-theme="dark"] .withdrawal-disabled-reason{background:#2a1d14!important;border-color:#633d23!important;color:#f5b47c!important}
body[data-theme="dark"] .withdrawal-bank-icon,body[data-theme="dark"] .withdrawal-calendar-icon{background:#17283d;color:#fff}
body[data-theme="dark"] .theme-settings{background:#0d1a2a}

@media(max-width:1040px){.withdrawals-heading{flex-direction:column}.withdrawal-stripe-card{min-width:0;width:100%}.withdrawal-kpis{grid-template-columns:1fr}.withdrawal-mid-grid{grid-template-columns:1fr}.designer-summary-card,.creator-detail-card{grid-template-columns:1fr!important}.designer-summary-badges,.creator-detail-badges{justify-content:flex-start;padding-right:0}.designer-summary-badges .badge-cluster,.creator-detail-badges .badge-cluster{justify-content:flex-start}.profile-badge-display{justify-content:flex-start!important}}
@media(max-width:720px){.theme-choice-form{grid-template-columns:1fr}.withdrawal-next-card{grid-template-columns:44px minmax(0,1fr)}.withdrawal-next-card .withdraw-link{grid-column:2}.withdrawal-info-bar{grid-template-columns:auto 1fr}.withdrawal-info-bar .withdraw-link{grid-column:2}.designer-summary-profile{grid-template-columns:68px minmax(0,1fr)}.profile-badge-display{justify-content:center!important}.designer-summary-badges,.creator-detail-badges{justify-content:center}.designer-summary-badges .badge-cluster,.creator-detail-badges .badge-cluster{justify-content:center}.design-action-row-three{grid-template-columns:1fr!important}.public-top{margin:0 -12px 14px!important;padding:8px 12px!important}.public-brand-lockup strong{font-size:17px}.public-brand-lockup small{font-size:6px}.public-brand-lockup>img{width:40px!important;height:40px!important}}
@media(max-width:620px){.app-shell{display:block}.sidebar{position:relative;height:auto;min-height:0}.sidebar-bottom{margin-top:12px}.sidebar-income-card{display:none}.brand-lockup{justify-content:center}.withdrawal-method-row{grid-template-columns:44px minmax(0,1fr)}.withdrawal-method-row .btn{grid-column:2;justify-self:start}.withdrawal-confirmation-card{padding:23px 16px}.withdrawal-modal-amount{font-size:32px}}
/* Dark-mode coverage for the remaining user surfaces. */
body[data-theme="dark"] .detail-media,body[data-theme="dark"] .specs div,body[data-theme="dark"] .translation,body[data-theme="dark"] .message,body[data-theme="dark"] .sales-kpi,body[data-theme="dark"] .sales-guidance,body[data-theme="dark"] .offer-inline-form,body[data-theme="dark"] .payment-method-panel,body[data-theme="dark"] .payment-provider-card,body[data-theme="dark"] .payout-settings-link,body[data-theme="dark"] .payout-auto-amount{background:var(--surface-2);border-color:var(--border);color:var(--text)}
body[data-theme="dark"] .message.mine{background:#102746;border-color:#244f80}body[data-theme="dark"] .message b,body[data-theme="dark"] .purchase b,body[data-theme="dark"] .checkout b,body[data-theme="dark"] .notice b,body[data-theme="dark"] .sales-guidance b,body[data-theme="dark"] .sales-kpi strong,body[data-theme="dark"] .offer-inline-form strong,body[data-theme="dark"] .payment-method-heading h2,body[data-theme="dark"] .receipt-email-field{color:var(--heading)}
body[data-theme="dark"] .notice span,body[data-theme="dark"] .notice>div span,body[data-theme="dark"] .translation,body[data-theme="dark"] .specs span{color:var(--muted)}
body[data-theme="dark"] .notice.unread{background:#0d2239}body[data-theme="dark"] .profile-tabs{border-color:var(--border)}body[data-theme="dark"] .profile-tabs a:hover{background:#102746;color:#9bc6ff}body[data-theme="dark"] .profile-tabs a.active{background:#153865;color:#fff}
body[data-theme="dark"] .image-only-design-card,body[data-theme="dark"] .image-only-design-media{background:#102033}
body[data-theme="dark"] .status.draft,body[data-theme="dark"] .status.archived,body[data-theme="dark"] .status.unpublished,body[data-theme="dark"] .status.disabled,body[data-theme="dark"] .status.closed{background:#1a2a3d;color:#aabbd0}

/* ---------- V42 final client notes: exact branding, full dark coverage, compact Withdrawals ---------- */
:root{
  --shell-navy:#0e1a2a;
  --shell-navy-2:#10243a;
  --shell-blue:#1a74d8;
  --brand-bright-blue:#14a7f4;
}

/* Exact client-approved MESH HUB lockup: white H + blue HUB + CREATE SHARE EARN. */
.sidebar{background:linear-gradient(180deg,var(--shell-navy) 0%,#0c1a2a 58%,var(--shell-navy-2) 100%)!important}
.brand-sidebar{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:78px!important;padding:10px 8px 12px!important}
.brand-lockup{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0}
.brand-lockup>img.brand-client-logo{display:block!important;width:178px!important;height:auto!important;max-width:100%!important;max-height:60px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;margin:0!important;padding:0!important;border-radius:0!important;background:var(--shell-navy)!important}
.public-top{background:var(--shell-navy)!important;border-color:#1e3853!important}
.public-brand-lockup{display:flex!important;align-items:center!important;min-width:0}
.public-brand-lockup>img.public-brand-client-logo{display:block!important;width:178px!important;height:auto!important;max-height:60px!important;object-fit:contain!important;object-position:left center!important;background:var(--shell-navy)!important}
.public-brand-lockup>span,.brand-lockup>span{display:none!important}
.public-top .btn.soft{background:#143454!important;border-color:#315b7b!important;color:#f4f8ff!important}
.public-top .global-cart-link{background:#112d49!important;border-color:#315b7b!important;color:#fff!important}

/* Theme cards: labels stay readable and never sit behind the visual preview. */
.theme-preview{min-height:136px!important;height:136px!important;padding:12px 14px 13px!important;justify-content:flex-end!important;isolation:isolate}
.theme-preview>i{inset:12px 12px 55px!important;z-index:0}
.theme-preview b,.theme-preview small{position:relative!important;z-index:2!important;display:block!important;opacity:1!important;text-shadow:none!important}
.theme-preview b{font-size:14px!important;line-height:1.25!important;margin:0!important;font-weight:900!important}
.theme-preview small{font-size:10px!important;line-height:1.3!important;margin-top:3px!important}
.theme-preview-light b{color:#071b34!important}.theme-preview-light small{color:#64748b!important}
.theme-preview-dark b{color:#fff!important}.theme-preview-dark small{color:#a9bdd3!important}

/* Dark mode applies to the entire authenticated shell, not content only. */
body[data-theme="dark"] .app-shell{background:#07111f!important}
body[data-theme="dark"] .sidebar{background:linear-gradient(180deg,var(--shell-navy) 0%,#091827 58%,#0d2034 100%)!important;border-color:#20354c!important}
body[data-theme="dark"] .topbar{background:var(--shell-navy)!important;border-bottom-color:#263b51!important;color:#eef6ff!important;box-shadow:0 4px 18px rgba(0,0,0,.12)!important}
body[data-theme="dark"] .topbar strong{color:#fff!important}
body[data-theme="dark"] .topbar small{color:#a9bdd1!important}
body[data-theme="dark"] .topbar .btn.soft,
body[data-theme="dark"] .topbar .pref-control.utility-control,
body[data-theme="dark"] .topbar .top-icon-link{background:#13263c!important;border-color:#314a64!important;color:#eef6ff!important;box-shadow:none!important}
body[data-theme="dark"] .topbar .btn.soft:hover,
body[data-theme="dark"] .topbar .pref-control.utility-control:hover,
body[data-theme="dark"] .topbar .pref-control.utility-control:focus-within,
body[data-theme="dark"] .topbar .top-icon-link:hover{background:#18314d!important;border-color:#47709a!important;color:#fff!important}
body[data-theme="dark"] .topbar select{color:#eef6ff!important;background:transparent!important}
body[data-theme="dark"] .topbar select option{color:#10233a;background:#fff}
body[data-theme="dark"] .top-profile-avatar{border-color:#395b7d!important;background:#13263c!important}

/* Full dark contrast coverage: tables, action menus, notifications, forms and secondary buttons. */
body[data-theme="dark"] table{background:var(--card)!important;color:var(--text)!important}
body[data-theme="dark"] th{background:#102035!important;color:#9fc4eb!important;border-color:#2a4058!important}
body[data-theme="dark"] td{color:#e8f2ff!important;border-color:#263b52!important}
body[data-theme="dark"] td a:not(.btn):not(.withdraw-link){color:#78b8ff}
body[data-theme="dark"] .btn:not(.primary):not(.danger){background:#12253a!important;border-color:#35506c!important;color:#eef6ff!important}
body[data-theme="dark"] .btn.soft{background:#12305a!important;border-color:#315e91!important;color:#a9d2ff!important}
body[data-theme="dark"] .btn.ghost{background:#101f31!important;border-color:#35506c!important;color:#eef6ff!important}
body[data-theme="dark"] .btn.danger{background:#321a22!important;border-color:#6f3040!important;color:#ffb7c2!important}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#0b1929!important;border-color:#31475e!important;color:#eef6ff!important}
body[data-theme="dark"] input::placeholder,body[data-theme="dark"] textarea::placeholder{color:#7790aa!important}
body[data-theme="dark"] label{color:#bad0e6!important}
body[data-theme="dark"] .action-menu summary{background:#12253a!important;border-color:#3a5672!important;color:#fff!important;box-shadow:none!important}
body[data-theme="dark"] .action-menu>div{background:#0f1e30!important;border-color:#35506c!important;box-shadow:0 16px 32px rgba(0,0,0,.38)!important}
body[data-theme="dark"] .action-menu a,body[data-theme="dark"] .action-menu .action-link{color:#edf5ff!important;background:transparent!important}
body[data-theme="dark"] .action-menu a:hover,body[data-theme="dark"] .action-menu .action-link:hover{background:#173451!important;color:#fff!important}
body[data-theme="dark"] .action-menu .danger-link,body[data-theme="dark"] .action-menu .refund-link{color:#ff9b7a!important}
body[data-theme="dark"] .muted-action{color:#a8b9cb!important}
body[data-theme="dark"] .notification-summary{color:#c8dbed!important}
body[data-theme="dark"] .notification-row{margin:0!important;padding:12px 10px!important;background:#0f1e30!important;border:1px solid #263d55!important;border-bottom-color:#263d55!important;color:#eaf3ff!important}
body[data-theme="dark"] .notification-row+ .notification-row{border-top:0!important}
body[data-theme="dark"] .notification-row.is-unread{background:#102944!important;border-left:3px solid #4ea0ff!important}
body[data-theme="dark"] .notification-row b{color:#fff!important}
body[data-theme="dark"] .notification-row span{color:#c0d2e4!important}
body[data-theme="dark"] .notification-row small{color:#8199b1!important}
body[data-theme="dark"] .notification-row .btn{color:#eef6ff!important}
body[data-theme="dark"] .flash.success{background:#0d3025!important;border-color:#1b6b50!important;color:#a5f0d1!important}
body[data-theme="dark"] .flash.error{background:#351820!important;border-color:#7c3044!important;color:#ffc0cd!important}
body[data-theme="dark"] .empty{background:#0f1e30!important;border-color:#35506c!important;color:#a9bdd1!important}

/* Global line-icon language matching the approved references. */
.nav-icon,.ui-line-icon,.withdrawal-svg-icon,.withdrawal-info-icon,.withdrawal-success-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.nav-icon{stroke-width:1.8}
.withdrawal-svg-icon{width:24px;height:24px;stroke-width:1.75}
.withdrawal-info-icon{width:15px;height:15px;stroke-width:1.8;vertical-align:-3px}
.withdrawal-success-icon{width:50px;height:50px;stroke-width:1.9}
.withdrawal-kpis>article>span i{display:inline-grid;place-items:center;margin-left:4px;font-style:normal;color:var(--muted)}
.withdrawal-stripe-secure .withdrawal-secure-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--text)}
.withdrawal-bank-icon,.withdrawal-calendar-icon,.withdrawal-fact-icon{font-size:0!important}
.withdrawal-bank-icon .withdrawal-svg-icon,.withdrawal-calendar-icon .withdrawal-svg-icon{width:25px;height:25px}
.withdrawal-fact-icon{display:grid;place-items:center;width:38px;height:38px;color:#edf6ff}
.withdrawal-fact-icon .withdrawal-svg-icon{width:29px;height:29px}
.withdrawal-info-bar>span{display:grid!important;place-items:center;width:26px;height:26px}
.withdrawal-info-bar>span .withdrawal-svg-icon{width:22px;height:22px}
.withdrawal-success-mark{font-size:0!important}
.withdrawal-success-mark .withdrawal-success-icon{width:52px;height:52px}

/* Withdrawals: compact desktop composition so the full financial summary is visible without routine vertical scrolling. */
body.route-withdrawals #user-root{max-width:1500px!important;padding:10px 16px 12px!important}
.withdrawals-page{max-width:none!important;gap:9px!important}
.withdrawals-heading{gap:18px!important;align-items:center!important}
.withdrawals-heading h1{font-size:29px!important;line-height:1!important}
.withdrawals-heading>div>p{margin-top:5px!important;line-height:1.35!important;font-size:11px!important;max-width:760px!important}
.withdrawal-stripe-card{padding:11px 15px!important;min-width:285px!important;border-radius:12px!important}
.withdrawal-stripe-card strong{font-size:24px!important}.withdrawal-stripe-card small{font-size:9px!important}
.withdrawal-kpis{gap:10px!important}
.withdrawal-kpis>article{padding:12px 14px!important;min-height:145px!important;border-radius:12px!important}
.withdrawal-kpis>article>span{font-size:10px!important}.withdrawal-kpis>article>strong{font-size:29px!important;margin:7px 0!important}
.withdrawal-kpis>article>small{font-size:9px!important;line-height:1.35!important;padding:7px 9px!important;margin-top:auto!important}
.withdrawal-button{min-height:39px!important;font-size:12px!important}
.withdrawal-disabled-reason{padding:6px 8px!important;margin-top:6px!important}
.withdrawal-mid-grid{gap:10px!important}
.withdrawal-method-card,.withdrawal-next-card{padding:12px 14px!important;border-radius:12px!important;min-height:100px!important}
.withdrawal-method-row{grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;margin-top:7px!important}
.withdrawal-bank-icon,.withdrawal-calendar-icon{width:40px!important;height:40px!important}
.withdrawal-method-row strong{font-size:12px!important}.withdrawal-method-row b{font-size:12px!important}.withdrawal-method-row small{font-size:9px!important}
.withdrawal-next-card{grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important}
.withdrawal-next-card strong{font-size:13px!important;margin-top:4px!important}.withdrawal-next-card p{font-size:9px!important;line-height:1.35!important;margin-top:3px!important}
.withdrawal-history-header{padding:11px 14px 5px!important}
.withdrawal-history-card .table-wrap{padding:0 8px 7px!important}
.withdrawal-history-card table{min-width:760px!important}
.withdrawal-history-card th,.withdrawal-history-card td{padding:6px 7px!important;font-size:9.5px!important}
.withdrawal-history-card th{font-size:8.5px!important}
.withdrawal-info-bar{padding:8px 13px!important;gap:9px!important;border-radius:11px!important}.withdrawal-info-bar p{font-size:9.5px!important}.withdraw-link{font-size:10px!important}
.withdrawal-confirmation-card{width:min(92vw,535px)!important;padding:23px!important}
.withdrawal-success-mark{width:72px!important;height:72px!important;margin-bottom:13px!important}.withdrawal-confirmation-card h2{font-size:25px!important}.withdrawal-modal-amount{font-size:36px!important;margin:11px 0 14px!important}
.withdrawal-modal-facts>div{padding:13px!important}.withdrawal-got-it{min-height:46px!important;margin-top:14px!important}

/* Keep the compact layout fluid rather than forcing it on narrow/mobile screens. */
@media(max-width:1040px){
  body.route-withdrawals #user-root{padding:12px!important}
  .withdrawal-kpis>article{min-height:0!important}
  .brand-lockup>img.brand-client-logo,.public-brand-lockup>img.public-brand-client-logo{width:160px!important}
}
@media(max-width:720px){
  .brand-sidebar{justify-content:center!important}.brand-lockup{justify-content:center!important}
  .brand-lockup>img.brand-client-logo,.public-brand-lockup>img.public-brand-client-logo{width:145px!important;max-height:50px!important}
  .withdrawals-heading h1{font-size:26px!important}
}

/* ---------- V43 approved brand lockup refinement ----------
   Approved client logo: lighter MESH HUB wordmark, white H, bright-blue HUB,
   larger CREATE · SHARE · EARN tagline, transparent artwork. */
.brand-sidebar{
  min-height:94px!important;
  padding:8px 10px 12px!important;
}
.brand-lockup>img.brand-client-logo{
  width:216px!important;
  max-width:100%!important;
  max-height:78px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  filter:none!important;
}
.public-top{
  min-height:92px!important;
  height:auto!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.public-brand-lockup>img.public-brand-client-logo{
  width:230px!important;
  max-width:min(46vw,230px)!important;
  max-height:76px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  filter:none!important;
}
@media(max-width:1040px){
  .brand-lockup>img.brand-client-logo{width:202px!important;max-height:72px!important}
  .public-brand-lockup>img.public-brand-client-logo{width:210px!important;max-height:70px!important}
}
@media(max-width:720px){
  .brand-sidebar{min-height:84px!important}
  .brand-lockup>img.brand-client-logo{width:184px!important;max-height:65px!important}
  .public-brand-lockup>img.public-brand-client-logo{width:188px!important;max-width:55vw!important;max-height:64px!important}
  .public-top{min-height:80px!important}
}

/* ---------- V44 final refinements ---------- */
.designer-summary-card{grid-template-columns:minmax(320px,420px) auto!important;justify-content:start!important;column-gap:22px!important}.designer-summary-badges{justify-content:flex-start!important;justify-self:start!important;padding-right:0!important;margin-left:0!important}.designer-summary-badges .badge-cluster{justify-content:flex-start!important}
.creator-detail-card{grid-template-columns:minmax(300px,390px) auto!important;justify-content:start!important;column-gap:18px!important}.creator-detail-badges{justify-content:flex-start!important;justify-self:start!important;padding-right:0!important}.creator-detail-badges .badge-cluster{justify-content:flex-start!important}
.withdrawal-empty-method{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px}.withdrawal-empty-method>div{display:grid;gap:4px}.withdrawal-empty-method small{color:var(--muted)}.payout-onboarding-intro{display:grid;justify-items:start;gap:14px;max-width:780px}.payout-onboarding-intro .withdrawal-bank-icon{width:56px;height:56px}
.payout-schedule-layout{align-items:start}.toggle-line{display:flex!important;align-items:center;gap:10px!important}.toggle-line input{width:18px!important;height:18px!important}.schedule-note{margin-top:14px;color:var(--muted);line-height:1.6}#recent-payouts{scroll-margin-top:16px}
@media(max-width:900px){.designer-summary-card,.creator-detail-card{grid-template-columns:1fr!important}.designer-summary-badges,.creator-detail-badges{justify-self:start!important}.withdrawal-empty-method{grid-template-columns:48px 1fr}.withdrawal-empty-method .btn{grid-column:2}}

/* ---------- FINAL approved client refinements ---------- */
/* Rating stays in place (AJAX) and uses white idle stars -> gold selected stars. */
.star-button{color:#fff!important;-webkit-text-stroke:1px #8fa3b8;text-shadow:0 1px 2px rgba(7,27,52,.30)!important}
.star-button:hover,.star-button:focus-visible{color:#f3b500!important;-webkit-text-stroke-color:#c98e00}
.star-button.active,.star-button.disabled.active{color:#e0a600!important;-webkit-text-stroke-color:#bd8400!important;text-shadow:0 1px 1px rgba(92,57,0,.18)!important}
body[data-theme="dark"] .star-button{color:#fff!important;-webkit-text-stroke-color:#7790aa!important;text-shadow:0 1px 2px rgba(0,0,0,.55)!important}
body[data-theme="dark"] .star-button.active,body[data-theme="dark"] .star-button.disabled.active{color:#f0b400!important;-webkit-text-stroke-color:#d49700!important}

/* Payout documents now live with each payout detail record. */
.payout-documents-panel{margin-top:14px!important}
.payout-documents-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.payout-documents-head h2{margin:0 0 3px}.payout-documents-head p{margin:0;color:var(--muted);font-size:10px}
.payout-document-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.payout-document-summary{margin-top:13px;display:grid;grid-template-columns:minmax(180px,1fr) 150px 150px;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--soft)}
.payout-document-summary span,.payout-document-summary strong{font-size:11px}.payout-document-summary strong{text-align:right;color:var(--navy)}
body[data-theme="dark"] .payout-document-summary{background:#0f1e30!important;border-color:#2c455f!important;color:#e9f3ff!important}
body[data-theme="dark"] .payout-document-summary strong{color:#fff!important}
@media(max-width:720px){.payout-document-summary{grid-template-columns:1fr}.payout-document-summary strong{text-align:left}}

/* Withdrawal confirmation must follow the global Light/Dark theme. */
body[data-theme="light"] .withdrawal-confirmation-card{background:#fff!important;color:#10233a!important;border-color:#d8e4ef!important;box-shadow:0 25px 70px rgba(7,27,52,.22)!important}
body[data-theme="light"] .withdrawal-confirmation-card h2,body[data-theme="light"] .withdrawal-modal-amount{color:#071b34!important}
body[data-theme="light"] .withdrawal-confirmation-card>p{color:#5d7187!important}
body[data-theme="light"] .withdrawal-modal-close{color:#233d58!important}
body[data-theme="light"] .withdrawal-modal-facts{background:#f7fbff!important;border-color:#d8e4ef!important}
body[data-theme="light"] .withdrawal-modal-facts>div{border-color:#d8e4ef!important}
body[data-theme="light"] .withdrawal-fact-icon{color:#14324f!important}
body[data-theme="light"] .withdrawal-modal-facts small{color:#6b7f93!important}
body[data-theme="light"] .withdrawal-modal-facts b{color:#0b2743!important}
body[data-theme="light"] .withdrawal-modal-facts div div>span{color:#637a90!important}
body[data-theme="dark"] .withdrawal-confirmation-card{background:#0d1825!important;color:#eaf3ff!important;border-color:#33485f!important}

/* ===== FINAL CLIENT RELEASE OVERRIDES ===== */
.auth-create-account{background:#ff6b0b!important;border-color:#ff6b0b!important;color:#fff!important}.auth-create-account:hover,.auth-create-account:focus-visible{background:#e85d00!important;border-color:#e85d00!important}
.category-field-label,.category-field-label select,.category-select-bold,.category-select-bold option,.category-option-bold{font-weight:800!important}
.percent-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}.percent-input input{border:0!important;border-radius:0!important;min-width:0}.percent-input>span{font-weight:900;padding:0 12px;color:var(--text);font-size:15px}
.optional-label{font-size:10px;color:var(--muted);font-weight:700;margin-left:4px}
.profile-hero-mainline{grid-template-columns:auto auto!important;justify-content:start!important;column-gap:26px!important}.profile-badge-display{justify-content:flex-start!important;width:auto!important}.profile-badge-display .badge-cluster{justify-content:flex-start!important;min-width:0!important}.profile-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-custom-request:disabled{opacity:.55;cursor:not-allowed}
.collections-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.collection-visual-card{min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden}.collection-card-link{display:block;color:inherit;text-decoration:none}.collection-cover-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1.35/1;background:var(--soft);gap:2px;overflow:hidden}.collection-cover-cell{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:var(--soft)}.collection-cover-cell img{width:100%;height:100%;object-fit:cover;display:block}.collection-cover-fallback{font-size:12px;color:var(--muted);letter-spacing:.08em}.collection-card-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:11px}.collection-card-copy h3{margin:3px 0 0;font-size:14px}.collection-card-meta{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;font-size:11px}.collection-card-meta span{font-weight:900;color:#ff6b0b}.collection-visual-card>.btn{margin:0 11px 11px}.collection-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:22px;margin:18px 0;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.collection-detail-copy h1{font-size:34px;margin:8px 0}.collection-detail-copy p{color:var(--muted);max-width:680px}.collection-count{font-size:12px;font-weight:800;color:var(--muted)}.collection-price-panel{border:1px solid var(--border);border-radius:14px;padding:18px;background:var(--soft);display:grid;gap:12px}.collection-price-panel>div{display:flex;justify-content:space-between;gap:12px}.collection-price-panel hr{border:0;border-top:1px solid var(--border);width:100%}.collection-price-panel .collection-final-price{align-items:center}.collection-final-price strong{font-size:26px}.collection-cart-button{width:100%}.collection-designs-section{margin-top:16px}.count-badge{font-size:12px;border-radius:6px;padding:2px 7px;background:var(--soft)}.collection-management-list{display:grid;gap:10px;margin-top:14px}.collection-manage-panel summary{cursor:pointer;font-weight:800}.collections-owner-gallery{margin:14px 0 22px}
.withdrawal-request-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px}.withdrawal-request-modal[hidden]{display:none}.withdrawal-request-backdrop{position:absolute;inset:0;background:rgba(2,14,28,.62);backdrop-filter:blur(4px)}.withdrawal-request-card{position:relative;z-index:1;width:min(560px,96vw);max-height:90vh;overflow:auto;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.withdrawal-request-card>h2{margin:0 0 5px}.withdrawal-request-card>p{margin:0 0 16px;color:var(--muted)}.withdrawal-request-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.withdrawal-request-summary>div{border:1px solid var(--border);background:var(--soft);border-radius:10px;padding:12px}.withdrawal-request-summary small,.withdrawal-request-method small,.withdrawal-request-estimate small{display:block;color:var(--muted)}.withdrawal-request-summary strong{font-size:20px}.withdrawal-amount-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--soft);margin-top:6px}.withdrawal-amount-control>span{padding-left:12px;font-weight:900}.withdrawal-amount-control input{border:0!important;background:transparent!important}.withdrawal-amount-control button{border:0;background:transparent;color:#1262d8;font-weight:900;padding:10px 14px;cursor:pointer}.withdrawal-request-method,.withdrawal-request-estimate{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);background:var(--soft);border-radius:10px;padding:12px;margin-top:14px}.withdrawal-request-method>a{font-weight:800;color:#ff6b0b}.withdrawal-request-estimate{grid-template-columns:42px minmax(0,1fr)}.withdrawal-request-error{margin-top:12px;border:1px solid #d94242;background:#fff1f1;color:#8b1717;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700}.withdrawal-request-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.withdrawal-request-actions .btn{min-width:120px}.withdrawal-request-actions .btn.primary{background:#ff6b0b;border-color:#ff6b0b}.withdrawal-request-actions .btn.primary:hover{background:#e85d00;border-color:#e85d00}body[data-theme="dark"] .withdrawal-request-error{background:#34171a;color:#ffd7d7;border-color:#8b343a}
.custom-request-profile-form{max-width:720px;margin:18px auto}.public-profile-page .profile-hero{margin-top:16px}.public-profile-tabs{margin-bottom:18px}
.analytics-design-table .status{white-space:nowrap}
@media(max-width:1050px){.collections-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-detail-hero{grid-template-columns:1fr}.profile-hero-mainline{grid-template-columns:1fr!important}}
@media(max-width:620px){.collections-card-grid{grid-template-columns:1fr}.withdrawal-request-summary{grid-template-columns:1fr}.withdrawal-request-actions{flex-direction:column-reverse}.withdrawal-request-actions .btn{width:100%}}

/* Final public/private profile action placement */
.profile-hero-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important}


/* ===== MESH HUB FINAL GLOBAL UX / TYPOGRAPHY / COLLECTIONS ===== */
:root{--mh-readable-muted:#40546c}
body{font-size:14px;line-height:1.5}
body:not([data-theme="dark"]){--muted:var(--mh-readable-muted)}
body[data-theme="dark"]{--muted:#c4d2df}
.titlebar p,.section-heading-inline p,.panel>p,.design-lead,.profile-hero-copy>p,.creator-detail-main>span,.designer-summary-main small,.follow-card span,.notice span,.notification-summary span,.withdrawals-subtitle,.collection-description{font-size:13px!important;font-weight:650!important;line-height:1.55!important;color:var(--muted)!important}
label,.form-stack label,.compact-form label,.field-label,.category-field-label{font-size:13.5px!important;font-weight:800!important;color:var(--text)!important}
label small,.form-stack small,.compact-form small,.field-help,.helper-text,.media-note,.payout-auto-amount small,.withdrawal-request-card small,.withdrawal-method-row small,.withdrawal-next-card small,.withdrawal-info-bar small,.technical-description small,.translation,.kpi small,.receipt span{font-size:12px!important;font-weight:650!important;line-height:1.5!important;color:var(--muted)!important}
input,select,textarea,button,.btn{font-size:13.5px;font-weight:700}
table th{font-size:11.5px!important;font-weight:900!important;color:var(--text)!important;letter-spacing:.025em}
table td{font-size:12.5px!important;font-weight:650!important;color:var(--text)!important;line-height:1.45}.status{font-size:11px!important;font-weight:900!important}.kpi>span,.withdrawal-kpi-card>span{font-size:12px!important;font-weight:800!important;color:var(--muted)!important}.kpi>strong,.withdrawal-kpi-card>strong{font-weight:900!important}.empty{font-size:13px!important;font-weight:700!important;color:var(--muted)!important}
body[data-theme="dark"] input::placeholder,body[data-theme="dark"] textarea::placeholder{color:#9fb2c4!important;opacity:1}input::placeholder,textarea::placeholder{color:#71849a!important;opacity:1}
.percent-input-inline{display:inline-flex!important;align-items:center!important;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--card);overflow:hidden}.percent-input-inline input{border:0!important;width:100%!important;padding-right:12px!important;font-weight:900!important}.percent-input-inline>span{display:none!important}
.profile-hero-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.profile-custom-request{opacity:1!important;cursor:pointer!important}
.profile-hero-mainline{grid-template-columns:auto auto!important;justify-content:start!important;column-gap:12px!important}.profile-badge-display{justify-content:flex-start!important}.designer-summary-card{grid-template-columns:minmax(245px,320px) auto!important;column-gap:10px!important}.creator-detail-card{grid-template-columns:minmax(235px,310px) auto!important;column-gap:9px!important}.designer-summary-badges,.creator-detail-badges{justify-content:flex-start!important;justify-self:start!important;padding-right:0!important;margin-left:0!important}
.pref-control .currency-reference-icon{background:#fff!important;border:1px solid #dce7f3!important;border-radius:50%!important;padding:2px!important;filter:none!important;opacity:1!important;box-sizing:border-box!important}
.collections-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.collection-cover-collage{display:grid;aspect-ratio:1.35/1;background:var(--soft);gap:2px;overflow:hidden}.collection-cover-count-1{grid-template-columns:1fr!important;grid-template-rows:1fr!important}.collection-cover-count-2{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important}.collection-cover-count-3{grid-template-columns:1.15fr .85fr!important;grid-template-rows:1fr 1fr!important}.collection-cover-count-3 .collection-cover-cell:first-child{grid-row:1/3}.collection-cover-count-4{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}.collection-cover-cell{min-width:0;min-height:0;overflow:hidden;background:var(--soft);display:grid;place-items:center}.collection-cover-cell img{width:100%;height:100%;object-fit:cover;display:block}.collection-cover-fallback{width:48%;max-width:74px;color:var(--blue);display:grid;place-items:center}.collection-cover-fallback svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:3}.collection-view-button{margin:0 11px 11px!important}.collection-detail-premium{align-items:start}.collection-detail-stats{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12.5px;font-weight:800}.collection-owner-line{font-size:14px!important}.collection-owner-line a{font-weight:900}.collection-description{max-width:720px}.collection-benefits{display:grid;gap:8px;margin:18px 0}.collection-benefits p{margin:0;padding-left:0;font-size:13px;font-weight:650;color:var(--text);line-height:1.55}.collection-benefits b{font-weight:900}.collection-detail-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border);font-size:12.5px;font-weight:700;color:var(--muted)}.collection-detail-footer a{font-weight:850}.collection-price-panel span{font-weight:750}.collection-price-panel s,.collection-price-panel b{font-weight:900}.collection-cart-button{font-weight:900!important}.collection-designs-section .design-grid-four{align-items:stretch}
@media(max-width:1050px){.collections-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.designer-summary-card,.creator-detail-card{grid-template-columns:1fr!important}.profile-hero-mainline{grid-template-columns:1fr!important}}
@media(max-width:620px){.collections-card-grid{grid-template-columns:1fr!important}.profile-hero-actions{gap:6px!important}}


/* ========================================================================
   FINAL CLIENT QA PASS — readability, collection polish, badge showcase,
   compact withdrawals, and full Light/Dark contrast.
   ======================================================================== */
:root{
  --mh-copy:#243b53;
  --mh-copy-strong:#142b43;
  --mh-helper:#405a73;
}
body:not([data-theme="dark"]){--muted:#405a73!important;--mh-copy:#243b53;--mh-copy-strong:#10233a;--mh-helper:#405a73}
body[data-theme="dark"]{--muted:#d2deea!important;--mh-copy:#e3edf7;--mh-copy-strong:#f7fbff;--mh-helper:#c6d5e3}

/* Never let secondary copy become faint. Main headings keep their existing hierarchy. */
#user-root p,#user-root li,#user-root dd,#user-root dt,#user-root span,#user-root small,
.public-market p,.public-market li,.public-market small{font-weight:650}
#user-root small,.public-market small,.titlebar p,.section-help,.field-help,.helper-text,.media-note,
.form-note span,label small,form small,.muted,.withdrawals-heading p,.withdrawal-kpis>article>small,
.withdrawal-next-card p,.withdrawal-info-bar p,.withdrawal-request-card>p,.withdrawal-request-card small,
.collection-description,.collection-detail-footer,.commission-rule span,.commission-rule small,
.payment-boundary-note,.schedule-note,.technical-description p,.translation{
  color:var(--mh-helper)!important;font-size:12.5px!important;font-weight:700!important;line-height:1.55!important;opacity:1!important;
}
label,.form-section label,.compact-form label{color:var(--mh-copy-strong)!important;font-size:13.5px!important;font-weight:800!important}
input,select,textarea{font-size:13.5px!important;font-weight:650!important}
input::placeholder,textarea::placeholder{color:#667d94!important;opacity:1!important;font-weight:650!important}
table th{font-size:11px!important;font-weight:900!important;color:#3e5872!important}
table td{font-size:12.75px!important;font-weight:700!important;color:var(--mh-copy-strong)!important}
.receipt span,.specs span,.design-meta-row>span,.sales-kpi span,.kpi span,.withdrawal-kpis>article>span{
  color:var(--mh-helper)!important;font-size:12px!important;font-weight:800!important;opacity:1!important;
}
.receipt b,.specs b,.design-meta-row>strong,.comment-row span,.comment-row small,.comment-content span,.comment-content small,
.notice span,.notice small,.message span,.message small,.follow-card span,.bundle-design-option b,.bundle-design-option small{
  color:var(--mh-copy-strong)!important;font-size:12.5px!important;font-weight:700!important;opacity:1!important;
}
.comment-author b,.creator-detail-name,.designer-summary-main strong{font-size:13.5px!important;font-weight:900!important}
.comment-reply-box>summary{font-size:12px!important;font-weight:900!important}
.status{font-size:11px!important;font-weight:900!important}

body[data-theme="dark"] #user-root p,body[data-theme="dark"] #user-root li,body[data-theme="dark"] #user-root small,
body[data-theme="dark"] .public-market p,body[data-theme="dark"] .public-market small{color:var(--mh-copy)!important}
body[data-theme="dark"] .titlebar h1,body[data-theme="dark"] .panel h2,body[data-theme="dark"] .panel h3,
body[data-theme="dark"] .design-meta-row strong,body[data-theme="dark"] .comment-author b,
body[data-theme="dark"] .comment-row span,body[data-theme="dark"] .comment-row small,
body[data-theme="dark"] .commission-rule strong,body[data-theme="dark"] .commission-rule span,
body[data-theme="dark"] .sales-guidance,body[data-theme="dark"] .sales-guidance b,
body[data-theme="dark"] .sales-guidance li,body[data-theme="dark"] .receipt b,
body[data-theme="dark"] .specs b,body[data-theme="dark"] .translation,
body[data-theme="dark"] .bundle-design-option b,body[data-theme="dark"] .bundle-design-option small,
body[data-theme="dark"] .bundle-create-copy p{color:var(--mh-copy-strong)!important}
body[data-theme="dark"] label,body[data-theme="dark"] label small,body[data-theme="dark"] form small,
body[data-theme="dark"] .muted,body[data-theme="dark"] .field-help,body[data-theme="dark"] .helper-text,
body[data-theme="dark"] .media-note,body[data-theme="dark"] .titlebar p{color:var(--mh-helper)!important}
body[data-theme="dark"] input::placeholder,body[data-theme="dark"] textarea::placeholder{color:#afc1d3!important}
body[data-theme="dark"] table th{color:#c7d9ea!important}body[data-theme="dark"] table td{color:#f0f6fc!important}

/* Badge showcase: one polished holder, badges keep their original art/aspect and remain clickable. */
.profile-badge-display .badge-cluster,.designer-summary-badges .badge-cluster,.creator-detail-badges .badge-cluster{
  min-width:0!important;min-height:66px!important;padding:7px 12px!important;border:1px solid rgba(96,130,168,.28)!important;
  border-radius:14px!important;background:rgba(255,255,255,.12)!important;box-shadow:0 8px 20px rgba(4,25,48,.10)!important;
  gap:0!important;overflow:visible!important;
}
body[data-theme="dark"] .designer-summary-badges .badge-cluster,body[data-theme="dark"] .creator-detail-badges .badge-cluster{
  background:#101f31!important;border-color:#31475e!important;
}
.profile-badge-display .badge-click-target,.designer-summary-badges .badge-click-target,.creator-detail-badges .badge-click-target{background:transparent!important;border:0!important}
.profile-badge-display .mini-badge,.designer-summary-badges .mini-badge,.creator-detail-badges .mini-badge{object-fit:contain!important}
.profile-hero-mainline{column-gap:10px!important}.designer-summary-card{column-gap:8px!important}.creator-detail-card{column-gap:8px!important}

/* Collections: adaptive collage with no traditional empty boxes, plus reference-like detail page. */
.collection-visual-card{border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 26px rgba(7,27,52,.08)!important}
.collection-cover-collage{gap:0!important;border:0!important;background:transparent!important}
.collection-cover-cell{border:0!important;background:var(--soft)!important}
.collection-cover-cell img{object-fit:cover!important;transform:scale(1.002)}
.collection-cover-count-3{grid-template-columns:1.15fr .85fr!important;grid-template-rows:1fr 1fr!important}.collection-cover-count-3 .collection-cover-cell:first-child{grid-row:1/3}
.collection-detail-cover{margin:14px 0 0;border-radius:18px 18px 0 0;overflow:hidden;border:1px solid var(--border);border-bottom:0;background:var(--card)}
.collection-detail-cover .collection-cover-collage{aspect-ratio:3.2/1;min-height:210px}
.collection-detail-cover .collection-cover-count-1{grid-template-columns:1fr!important}.collection-detail-cover .collection-cover-count-2{grid-template-columns:1fr 1fr!important}
.collection-detail-cover .collection-cover-count-3{grid-template-columns:1.2fr .8fr!important}.collection-detail-cover .collection-cover-count-4{grid-template-columns:repeat(4,1fr)!important;grid-template-rows:1fr!important}
.collection-detail-hero{margin-top:0!important;border-radius:0 0 18px 18px!important;padding:28px!important;box-shadow:none!important}
.collection-detail-stats{display:flex;gap:18px!important;align-items:center}.collection-detail-stats span{display:inline-flex;align-items:center;gap:6px;color:var(--mh-helper)!important;font-size:13px!important;font-weight:800!important}.collection-detail-stats svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.collection-detail-copy h1{font-size:34px!important;line-height:1.05!important;letter-spacing:-.6px!important;margin:16px 0 12px!important}
.collection-owner-line{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 16px!important;color:var(--mh-helper)!important}.collection-owner-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.25)}.collection-owner-avatar img{width:100%;height:100%;object-fit:cover}.collection-owner-name{font-weight:900!important;color:var(--blue)!important}.collection-owner-line>span{font-weight:700!important}
.collection-benefits{gap:11px!important}.collection-benefits p{display:grid!important;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px!important;font-size:13.5px!important;line-height:1.55!important;color:var(--mh-copy-strong)!important}.collection-benefit-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--orange)!important}.collection-benefit-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.collection-price-panel{padding:22px!important;background:var(--soft)!important}.collection-price-panel>div{align-items:center!important}.collection-price-panel span{font-size:13px!important;font-weight:800!important;color:var(--mh-helper)!important}.collection-price-panel s{font-size:14px!important;color:var(--mh-helper)!important}.collection-price-panel b{display:flex;align-items:center;gap:10px}.collection-price-panel b em{font-style:normal;padding:4px 9px;border-radius:7px;background:var(--orange);color:#fff;font-size:12px}.collection-final-price span{font-size:18px!important;color:var(--mh-copy-strong)!important}.collection-final-price strong{font-size:32px!important;color:var(--mh-copy-strong)!important}.collection-cart-button{background:linear-gradient(135deg,var(--orange),var(--orange-dark))!important;border-color:var(--orange)!important;color:#fff!important;min-height:48px!important;font-size:14px!important;font-weight:900!important;text-transform:none}.collection-cart-button:hover{background:var(--orange-dark)!important;border-color:var(--orange-dark)!important}
.collection-detail-footer{font-size:13px!important}.collection-share-button{border:1px solid var(--border);background:var(--soft);color:var(--mh-copy-strong);border-radius:9px;min-height:34px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;font-weight:900;cursor:pointer}.collection-share-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.collection-share-secondary{margin-left:auto}.collection-designs-section{padding:20px!important}.collection-designs-section .section-heading-inline{align-items:center!important}.collection-designs-section .design-grid-four{gap:14px!important}.collection-designs-section .image-only-design-card{border-radius:14px!important;overflow:hidden!important}
body[data-theme="dark"] .collection-detail-cover,body[data-theme="dark"] .collection-detail-hero,body[data-theme="dark"] .collection-price-panel,body[data-theme="dark"] .collection-share-button{border-color:#2c435d!important}.collection-detail-page .collection-description{font-size:13.5px!important;color:var(--mh-copy)!important}

/* Create/manage collection text contrast in both themes. */
.bundle-create-copy>p,.bundle-create-copy label,.bundle-create-copy b,.bundle-design-option b,.bundle-design-option small{opacity:1!important}.bundle-create-copy>p{font-size:13px!important;font-weight:700!important}.bundle-design-option b{font-size:13px!important}.bundle-design-option small{font-size:12px!important}.bundle-design-option{border-color:#aebfd0!important}.bundle-fields label{font-size:13px!important;font-weight:850!important}
body[data-theme="dark"] .bundle-create-card,body[data-theme="dark"] .bundle-design-option{background:#0f1e30!important;border-color:#3b536d!important}body[data-theme="dark"] .bundle-design-option b,body[data-theme="dark"] .bundle-design-option small,body[data-theme="dark"] .bundle-create-copy p,body[data-theme="dark"] .bundle-create-copy label,body[data-theme="dark"] .bundle-create-copy>div>b{color:#f0f6fc!important}

/* Withdrawals: clear medium copy and compact desktop layout without sacrificing readability. */
.withdrawals-page{gap:9px!important;max-width:none!important}.withdrawals-heading{gap:16px!important;align-items:center!important}.withdrawals-heading h1{font-size:30px!important;font-weight:900!important}.withdrawals-heading>div>p{font-size:13px!important;font-weight:750!important;margin-top:4px!important}.withdrawal-stripe-card{padding:10px 14px!important;min-width:280px!important}.withdrawal-stripe-card small{font-size:11.5px!important;font-weight:800!important;color:var(--mh-helper)!important}.withdrawal-stripe-card strong{font-size:24px!important}.withdrawal-stripe-secure b{font-size:12.5px!important}.withdrawal-kpis{gap:9px!important}.withdrawal-kpis>article{min-height:136px!important;padding:13px!important}.withdrawal-kpis>article>span{font-size:12px!important;font-weight:850!important;color:var(--mh-helper)!important}.withdrawal-kpis>article>strong{font-size:28px!important;margin:6px 0 8px!important}.withdrawal-kpis>article>small{font-size:11.5px!important;font-weight:750!important;padding:7px 9px!important;line-height:1.4!important}.withdrawal-button{min-height:40px!important}.withdrawal-mid-grid{gap:9px!important}.withdrawal-method-card,.withdrawal-next-card{padding:12px 14px!important}.withdrawal-method-row{margin-top:7px!important}.withdrawal-next-card p{font-size:11.5px!important;font-weight:750!important;line-height:1.4!important}.withdrawal-history-header{padding:11px 14px 4px!important}.withdrawal-history-card .table-wrap{padding:0 9px 8px!important}.withdrawal-history-card th,.withdrawal-history-card td{padding:6px 8px!important}.withdrawal-info-bar{padding:9px 13px!important}.withdrawal-info-bar p{font-size:11.5px!important;font-weight:750!important}.withdraw-link{font-size:11.5px!important;font-weight:900!important}
.route-withdrawals #user-root{padding-top:10px!important;padding-bottom:10px!important}
@media(min-width:1080px) and (min-height:720px){body.route-withdrawals{overflow:hidden}.route-withdrawals .main-col{height:100vh;overflow:hidden}.route-withdrawals #user-root{height:calc(100vh - 62px);overflow:hidden}.route-withdrawals .withdrawals-page{height:100%;align-content:start}}
@media(max-width:1079px),(max-height:719px){body.route-withdrawals{overflow:auto!important}.route-withdrawals .main-col,.route-withdrawals #user-root{height:auto!important;overflow:visible!important}}

/* Withdrawal confirmation and pre-confirmation follow the active theme with strong contrast. */
.withdrawal-confirmation-card,.withdrawal-request-card{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}.withdrawal-confirmation-card h2,.withdrawal-confirmation-card b,.withdrawal-modal-amount{color:var(--mh-copy-strong)!important}.withdrawal-confirmation-card>p,.withdrawal-modal-facts small,.withdrawal-modal-facts div div>span{color:var(--mh-helper)!important}.withdrawal-modal-facts{background:var(--soft)!important;border-color:var(--border)!important}.withdrawal-modal-facts>div{border-color:var(--border)!important}.withdrawal-fact-icon,.withdrawal-modal-close{color:var(--mh-copy-strong)!important}.withdrawal-got-it,.withdrawal-request-actions .btn.primary{background:linear-gradient(135deg,var(--orange),var(--orange-dark))!important;border-color:var(--orange)!important;color:#fff!important}
body[data-theme="dark"] .withdrawal-confirmation-card,body[data-theme="dark"] .withdrawal-request-card{background:#0d1825!important;border-color:#33485f!important}body[data-theme="dark"] .withdrawal-modal-facts{background:#111f2e!important;border-color:#33485f!important}body[data-theme="dark"] .withdrawal-modal-facts>div{border-color:#33485f!important}body[data-theme="dark"] .withdrawal-confirmation-card h2,body[data-theme="dark"] .withdrawal-confirmation-card b,body[data-theme="dark"] .withdrawal-modal-amount,body[data-theme="dark"] .withdrawal-fact-icon,body[data-theme="dark"] .withdrawal-modal-close{color:#f7fbff!important}

/* Currency icon: preserve the same artwork/treatment in both themes. */
.currency-reference-icon{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}.pref-control.utility-control .currency-reference-icon{background:transparent!important;border-radius:0!important}
body[data-theme="dark"] .currency-reference-icon{filter:none!important;opacity:1!important}

/* Public creator/profile internal text and collection cards stay readable. */
.profile-tabs a{font-size:13px!important;font-weight:850!important}.collection-card-copy h3{font-size:14px!important;font-weight:900!important}.collection-card-meta{font-size:12px!important;font-weight:800!important}.collection-visibility{font-size:10px!important;font-weight:900!important}

@media(max-width:1050px){.collection-detail-cover .collection-cover-collage{aspect-ratio:2.1/1}.collection-detail-hero{padding:20px!important}}
@media(max-width:620px){.collection-detail-cover .collection-cover-collage{aspect-ratio:1.4/1}.collection-detail-cover .collection-cover-count-4{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}.collection-detail-copy h1{font-size:28px!important}.collection-final-price strong{font-size:27px!important}}

/* Preserve semantic/accent colors after global readability overrides. */
body[data-theme="dark"] .status.published,body[data-theme="dark"] .status.active,body[data-theme="dark"] .status.available,body[data-theme="dark"] .status.paid,body[data-theme="dark"] .status.paid-qa{color:#9ff0cf!important}
body[data-theme="dark"] .status.pending,body[data-theme="dark"] .status.requested,body[data-theme="dark"] .status.processing,body[data-theme="dark"] .status.scheduled{color:#ffd08a!important}
body[data-theme="dark"] .status.rejected,body[data-theme="dark"] .status.removed,body[data-theme="dark"] .status.failed,body[data-theme="dark"] .status.suspended{color:#ffb5c1!important}
body[data-theme="dark"] .collection-benefit-icon,body[data-theme="dark"] .withdraw-link,body[data-theme="dark"] .collection-card-meta span{color:var(--orange)!important}
body[data-theme="dark"] .collection-owner-name,body[data-theme="dark"] .comment-reply-box>summary{color:#78b8ff!important}

/* ========================================================================
   FINAL PATCH 2026-09-16 — badge shield silhouette, withdrawal polish,
   collection cover/card parity, stronger dark readability, utility icon parity.
   ======================================================================== */

/* Every badge keeps its artwork but is presented in a pointed shield / inverted-triangle silhouette. */
.badge-cluster{padding:0!important;min-height:58px!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:5px!important;overflow:visible!important}
.badge-cluster-item{margin-left:0!important;transform:none!important}
.badge-click-target{padding:2px!important;border:0!important;background:transparent!important;border-radius:0!important;min-width:46px!important;min-height:56px!important}
.mini-badge,.badgecard-image>img,.badge-detail-image{
  border-radius:0!important;background:transparent!important;object-fit:contain!important;
  object-position:center!important;clip-path:none!important;overflow:visible!important;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.18));
}
.badge-click-target .mini-badge{width:46px!important;height:58px!important}
.designer-badge-cluster .mini-badge,.creator-card-badge-cluster .mini-badge{width:40px!important;height:50px!important}
.badgecard-image>img{width:78px!important;height:96px!important;flex:0 0 78px!important}
.badge-detail-image{width:122px!important;height:150px!important}
.badge-click-target:hover,.badge-click-target:focus-visible{transform:translateY(-3px) scale(1.045)!important;filter:brightness(1.08)!important}

/* Withdraw Funds: one summary rectangle, safe currency spacing, smaller Max control. */
.withdrawal-request-summary{
  grid-template-columns:1fr 1fr!important;gap:0!important;border:1px solid var(--border)!important;
  border-radius:12px!important;background:var(--soft)!important;overflow:hidden!important;margin-bottom:14px!important;
}
.withdrawal-request-summary>div{border:0!important;border-radius:0!important;background:transparent!important;padding:13px 15px!important}
.withdrawal-request-summary>div+div{border-left:1px solid var(--border)!important}
.withdrawal-request-summary small{font-size:12px!important;font-weight:850!important;color:var(--mh-helper)!important}
.withdrawal-request-summary strong{font-size:21px!important;font-weight:900!important;color:var(--mh-copy-strong)!important}
.withdrawal-amount-control{grid-template-columns:42px minmax(0,1fr) auto!important;overflow:hidden!important}
.withdrawal-amount-control>span{padding:0!important;text-align:center!important;font-size:13px!important;font-weight:900!important;color:var(--mh-copy-strong)!important}
.withdrawal-amount-control input{padding-left:10px!important;padding-right:8px!important;min-width:0!important;font-size:14px!important;font-weight:850!important}
.withdrawal-amount-control button{font-size:11.5px!important;padding:9px 11px!important;min-width:48px!important;color:var(--blue)!important}
body[data-theme="dark"] .withdrawal-request-summary{background:#111f2e!important;border-color:#33485f!important}
body[data-theme="dark"] .withdrawal-request-summary>div+div{border-color:#33485f!important}

/* Collection cards follow the client reference: visual cover, corner discount, owner, stats, price summary, View Collection. */
.collection-bundle-card{position:relative!important;border-radius:18px!important;background:var(--card)!important;border:1px solid var(--border)!important;overflow:visible!important;box-shadow:0 12px 28px rgba(7,27,52,.10)!important}
.collection-bundle-card .collection-card-link{display:block!important;overflow:hidden!important;border-radius:17px 17px 0 0!important}
.collection-bundle-card .collection-cover-collage{aspect-ratio:1.45/1!important;border-radius:17px 17px 0 0!important}
.collection-corner-discount{position:absolute;z-index:5;top:-9px;right:-8px;background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:950;box-shadow:0 5px 12px rgba(255,107,11,.30)}
.collection-bundle-copy{padding:14px!important;display:grid;gap:10px!important}
.collection-bundle-copy h3{margin:0!important;font-size:18px!important;line-height:1.15!important;font-weight:950!important;color:var(--mh-copy-strong)!important}
.collection-card-owner{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:750;color:var(--mh-helper)}
.collection-card-owner>a{color:var(--blue)!important;font-weight:900!important;text-decoration:none}.collection-card-owner>a:hover{text-decoration:underline}
.collection-card-owner-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff!important;flex:0 0 28px}
.collection-card-owner-avatar img{width:100%;height:100%;object-fit:cover}.collection-card-owner-avatar span{color:#fff!important;font-size:11px;font-weight:900}
.collection-card-stats{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--mh-helper);font-size:12px;font-weight:800}.collection-card-stats span{display:inline-flex;align-items:center;gap:5px}.collection-card-stats svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.collection-card-prices{display:grid;gap:7px;margin-top:2px;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--soft)}
.collection-card-prices>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.collection-card-prices span{font-size:12px!important;font-weight:850!important;color:var(--mh-copy)!important}.collection-card-prices s{font-size:12.5px!important;font-weight:800!important;color:var(--mh-helper)!important}.collection-card-prices b{display:flex;align-items:center;gap:7px}.collection-card-prices b em{font-style:normal;background:var(--orange);color:#fff;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:950}.collection-card-prices b strong{font-size:12px;color:var(--mh-copy-strong)}.collection-card-prices hr{width:100%;border:0;border-top:1px solid var(--border);margin:2px 0}.collection-card-final strong{font-size:20px!important;color:var(--mh-copy-strong)!important}
.collection-view-bundle{min-height:40px;border:2px solid var(--orange);border-radius:999px;color:var(--orange)!important;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;font-weight:950;text-decoration:none;background:transparent;transition:.15s ease}.collection-view-bundle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}.collection-view-bundle:hover,.collection-view-bundle:focus-visible{background:var(--orange)!important;color:#fff!important}
.collection-bundle-card .collection-cover-count-1{grid-template-columns:1fr!important;grid-template-rows:1fr!important}.collection-bundle-card .collection-cover-count-2{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important}.collection-bundle-card .collection-cover-count-3{grid-template-columns:1.18fr .82fr!important;grid-template-rows:1fr 1fr!important}.collection-bundle-card .collection-cover-count-3 .collection-cover-cell:first-child{grid-row:1/3}.collection-bundle-card .collection-cover-count-4{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}
body[data-theme="dark"] .collection-bundle-card{border-color:#31475e!important;background:#0e1b2b!important}.collection-bundle-card .collection-card-prices{border-color:var(--border)!important}

/* Dark-mode copy must never fade into navy surfaces. */
body[data-theme="dark"] :is(#user-root,.public-market) :is(.mini-design span,.mini-design b,.notice span,.notice small,.message span,.message small,.comment-content span,.comment-content small,.comment-author b,.receipt span,.receipt b,.specs span,.specs b,.design-meta-row>span,.design-meta-row>strong,.commission-rule span,.commission-rule small,.sales-guidance li,.sales-guidance span,.withdrawal-info-bar p,.withdrawal-next-card p,.withdrawal-kpis>article>span,.withdrawal-kpis>article>small,.bundle-create-copy p,.bundle-create-copy label,.bundle-design-option b,.bundle-design-option small,.profile-photo-help,.field-help,.helper-text,.media-note){color:#edf5fc!important;opacity:1!important}
body[data-theme="dark"] :is(#user-root,.public-market) :is(.mini-design span,.notice span,.message span,.comment-content span,.receipt span,.specs span,.design-meta-row>span,.commission-rule span,.sales-guidance li,.withdrawal-info-bar p,.withdrawal-next-card p,.bundle-create-copy p,.bundle-design-option small,.field-help,.helper-text,.media-note){font-size:13px!important;font-weight:750!important;line-height:1.5!important}
body[data-theme="dark"] table td{color:#f7fbff!important}body[data-theme="dark"] table th{color:#d8e7f4!important}
body[data-theme="dark"] .status{filter:none!important;opacity:1!important}.status{font-size:11.5px!important;font-weight:950!important}

/* Currency icon uses the exact same artwork in light and dark, at the older/larger visual size. */
.currency-reference-icon{width:23px!important;height:23px!important;object-fit:contain!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
body[data-theme="dark"] .currency-reference-icon{width:23px!important;height:23px!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}

/* Top messaging controls remain legible and consistent. */
.top-utility-group .top-icon-link{min-width:31px!important;min-height:31px!important}.top-utility-group .top-icon-link .utility-icon{width:18px!important;height:18px!important}

@media(max-width:620px){.withdrawal-request-summary{grid-template-columns:1fr!important}.withdrawal-request-summary>div+div{border-left:0!important;border-top:1px solid var(--border)!important}.collection-bundle-copy h3{font-size:17px!important}}

/* ========================================================================
   USER 3 FINAL PATCH 2026-09-16 — premium Collections, organic badge
   placement, gold collection-benefit icons, and utility-icon parity.
   ======================================================================== */

/* Collection benefits: substantial gold pictograms, not tiny outline glyphs. */
.collection-benefit-icon{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  color:#d6a21a!important;filter:drop-shadow(0 3px 5px rgba(126,83,0,.18));
}
.collection-benefit-icon svg.collection-gold-icon{width:31px!important;height:31px!important;overflow:visible!important}
.collection-benefit-icon svg.collection-gold-icon .gold-fill{
  fill:#d6a21a!important;stroke:#9d6900!important;stroke-width:.75!important;stroke-linejoin:round!important;
}
.collection-benefit-icon svg.collection-gold-icon .gold-detail{
  fill:none!important;stroke:#fff4bd!important;stroke-width:1.35!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body[data-theme="dark"] .collection-benefit-icon{color:#e0ad27!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.34))}
body[data-theme="dark"] .collection-benefit-icon svg.collection-gold-icon .gold-fill{fill:#e0ad27!important;stroke:#b67c00!important}
body[data-theme="dark"] .collection-benefit-icon svg.collection-gold-icon .gold-detail{stroke:#fff3bc!important}
.collection-benefits p{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}

/* Currency/exchange artwork: larger inside its square and identical in Light/Dark. */
.pref-control.utility-control .currency-reference-icon,
body[data-theme="dark"] .pref-control.utility-control .currency-reference-icon{
  width:28px!important;height:28px!important;flex:0 0 28px!important;max-width:28px!important;
  object-fit:contain!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
  background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;
}

/* Badge clusters: no enclosing rectangle; tight, organic, stable layout for every earned badge. */
.badge-cluster,
.profile-badge-display .badge-cluster,
.designer-summary-badges .badge-cluster,
.creator-detail-badges .badge-cluster{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;
  gap:0!important;min-width:0!important;min-height:58px!important;max-width:460px!important;
  padding:2px 0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
body[data-theme="dark"] .profile-badge-display .badge-cluster,
body[data-theme="dark"] .designer-summary-badges .badge-cluster,
body[data-theme="dark"] .creator-detail-badges .badge-cluster{
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.badge-cluster-item{position:relative!important;margin-left:0!important;margin-inline-start:-6px!important;transform-origin:50% 65%!important;z-index:1}
.badge-cluster-item:first-child{margin-left:0!important;margin-inline-start:0!important}
.badge-cluster-item:nth-child(6n+2){transform:translateY(-5px) rotate(3deg)!important}
.badge-cluster-item:nth-child(6n+3){transform:translateY(3px) rotate(-2.5deg)!important}
.badge-cluster-item:nth-child(6n+4){transform:translateY(-2px) rotate(2deg)!important}
.badge-cluster-item:nth-child(6n+5){transform:translateY(5px) rotate(-3deg)!important}
.badge-cluster-item:nth-child(6n+6){transform:translateY(-4px) rotate(1.5deg)!important}
.badge-cluster-item:nth-child(6n+1):not(:first-child){transform:translateY(2px) rotate(-1.5deg)!important}
.badge-cluster-item:hover,.badge-cluster-item:focus-visible{transform:translateY(-4px) scale(1.06)!important;z-index:20!important}

/* Keep badges physically beside creator information, never pushed to an outer edge. */
.profile-hero-mainline{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;
  gap:8px 10px!important;width:fit-content!important;max-width:100%!important;
}
.profile-badge-display{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;
  gap:5px!important;width:auto!important;max-width:540px!important;min-width:0!important;margin:0!important;
}
.designer-summary-card,.creator-detail-card{
  grid-template-columns:max-content minmax(0,460px)!important;justify-content:start!important;align-items:center!important;
  column-gap:8px!important;
}
.designer-summary-badges,.creator-detail-badges{
  justify-self:start!important;justify-content:flex-start!important;align-self:center!important;
  width:auto!important;max-width:460px!important;margin:0!important;padding:0!important;
}
.designer-summary-badges .badge-cluster,.creator-detail-badges .badge-cluster{max-width:430px!important}
@media(max-width:900px){
  .designer-summary-card,.creator-detail-card{grid-template-columns:1fr!important;row-gap:5px!important}
  .designer-summary-badges,.creator-detail-badges{justify-self:start!important;margin-inline-start:76px!important;max-width:calc(100% - 76px)!important}
}
@media(max-width:620px){
  .profile-hero-mainline{width:100%!important;gap:6px!important}
  .profile-badge-display{justify-content:flex-start!important;max-width:100%!important}
  .designer-summary-badges,.creator-detail-badges{margin-inline-start:0!important;max-width:100%!important}
  .badge-cluster-item{margin-left:0!important;margin-inline-start:-8px!important}
  .badge-cluster-item:first-child{margin-left:0!important;margin-inline-start:0!important}
}

/* Collection cards: editorial masonry/mosaic rather than equal square tiles. */
.collection-bundle-card .collection-cover-collage{
  display:grid!important;aspect-ratio:1.48/1!important;gap:2px!important;background:var(--card)!important;
}
.collection-bundle-card .collection-cover-cell{position:relative!important;overflow:hidden!important;min-width:0!important;min-height:0!important}
.collection-bundle-card .collection-cover-cell img{
  width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.015)!important;
  transition:transform .35s ease!important;
}
.collection-bundle-card .collection-card-link:hover .collection-cover-cell img{transform:scale(1.055)!important}
.collection-bundle-card .collection-cover-count-1{grid-template-columns:1fr!important;grid-template-rows:1fr!important}
.collection-bundle-card .collection-cover-count-2{grid-template-rows:1fr!important}
.collection-bundle-card .collection-cover-count-2.collection-layout-a{grid-template-columns:1.38fr .62fr!important}
.collection-bundle-card .collection-cover-count-2.collection-layout-b{grid-template-columns:.68fr 1.32fr!important}
.collection-bundle-card .collection-cover-count-2.collection-layout-c{grid-template-columns:1.12fr .88fr!important}

.collection-bundle-card .collection-cover-count-3 .collection-cover-cell,
.collection-bundle-card .collection-cover-count-4 .collection-cover-cell{grid-column:auto!important;grid-row:auto!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-a{grid-template-columns:1.35fr .65fr!important;grid-template-rows:1fr 1fr!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-a .collection-cover-cell:nth-child(1){grid-column:1!important;grid-row:1/3!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-b{grid-template-columns:.68fr 1.32fr!important;grid-template-rows:1fr 1fr!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-b .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:1/3!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-c{grid-template-columns:.92fr 1.08fr!important;grid-template-rows:1.18fr .82fr!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(1){grid-column:1/3!important;grid-row:1!important}

.collection-bundle-card .collection-cover-count-4.collection-layout-a{grid-template-columns:1.35fr .72fr .63fr!important;grid-template-rows:1.16fr .84fr!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(1){grid-column:1!important;grid-row:1/3!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(2){grid-column:2/4!important;grid-row:1!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:2!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(4){grid-column:3!important;grid-row:2!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b{grid-template-columns:.66fr .72fr 1.38fr!important;grid-template-rows:.84fr 1.16fr!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(1){grid-column:1/3!important;grid-row:1!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(2){grid-column:1!important;grid-row:2!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:2!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(4){grid-column:3!important;grid-row:1/3!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c{grid-template-columns:.72fr 1.32fr .78fr!important;grid-template-rows:1.08fr .92fr!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(1){grid-column:1!important;grid-row:1/3!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(2){grid-column:2/4!important;grid-row:1!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:2!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(4){grid-column:3!important;grid-row:2!important}

/* The full Collection view uses the same varied, editorial mosaic language. */
.collection-detail-cover .collection-cover-collage{display:grid!important;gap:3px!important}
.collection-detail-cover .collection-cover-count-2.collection-layout-a{grid-template-columns:1.45fr .55fr!important;grid-template-rows:1fr!important}
.collection-detail-cover .collection-cover-count-2.collection-layout-b{grid-template-columns:.58fr 1.42fr!important;grid-template-rows:1fr!important}
.collection-detail-cover .collection-cover-count-2.collection-layout-c{grid-template-columns:1.08fr .92fr!important;grid-template-rows:1fr!important}
.collection-detail-cover .collection-cover-count-3 .collection-cover-cell,
.collection-detail-cover .collection-cover-count-4 .collection-cover-cell{grid-column:auto!important;grid-row:auto!important}
.collection-detail-cover .collection-cover-count-3.collection-layout-a{grid-template-columns:1.5fr .72fr!important;grid-template-rows:1fr 1fr!important}
.collection-detail-cover .collection-cover-count-3.collection-layout-a .collection-cover-cell:nth-child(1){grid-column:1!important;grid-row:1/3!important}
.collection-detail-cover .collection-cover-count-3.collection-layout-b{grid-template-columns:.72fr 1.5fr!important;grid-template-rows:1fr 1fr!important}
.collection-detail-cover .collection-cover-count-3.collection-layout-b .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:1/3!important}
.collection-detail-cover .collection-cover-count-3.collection-layout-c{grid-template-columns:.9fr 1.2fr .9fr!important;grid-template-rows:1fr!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-a{grid-template-columns:1.45fr .72fr .62fr!important;grid-template-rows:1.12fr .88fr!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(1){grid-column:1!important;grid-row:1/3!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(2){grid-column:2/4!important;grid-row:1!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:2!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(4){grid-column:3!important;grid-row:2!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-b{grid-template-columns:.62fr .72fr 1.45fr!important;grid-template-rows:.88fr 1.12fr!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(1){grid-column:1/3!important;grid-row:1!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(2){grid-column:1!important;grid-row:2!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:2!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(4){grid-column:3!important;grid-row:1/3!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-c{grid-template-columns:.8fr 1.35fr .85fr!important;grid-template-rows:1.12fr .88fr!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(1){grid-column:1!important;grid-row:1/3!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(2){grid-column:2/4!important;grid-row:1!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:2!important}
.collection-detail-cover .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(4){grid-column:3!important;grid-row:2!important}
@media(max-width:620px){
  .collection-detail-cover .collection-cover-count-3.collection-layout-c{grid-template-columns:1.1fr .9fr!important;grid-template-rows:1.15fr .85fr!important}
  .collection-detail-cover .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(1){grid-column:1/3!important;grid-row:1!important}
  .collection-detail-cover .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(2){grid-column:1!important;grid-row:2!important}
  .collection-detail-cover .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(3){grid-column:2!important;grid-row:2!important}
  .collection-detail-cover .collection-cover-count-4.collection-layout-a{grid-template-columns:1.3fr .7fr .62fr!important;grid-template-rows:1.08fr .92fr!important}
  .collection-detail-cover .collection-cover-count-4.collection-layout-b{grid-template-columns:.62fr .7fr 1.3fr!important;grid-template-rows:.92fr 1.08fr!important}
  .collection-detail-cover .collection-cover-count-4.collection-layout-c{grid-template-columns:.72fr 1.22fr .72fr!important;grid-template-rows:1.08fr .92fr!important}
}

/* No divider between Collection discount and Collection price. */
.collection-card-prices hr,.collection-price-panel hr{display:none!important}
.collection-card-final,.collection-final-price{padding-top:4px!important;margin-top:1px!important;border-top:0!important}

@media(prefers-reduced-motion:reduce){
  .collection-bundle-card .collection-cover-cell img,.badge-click-target{transition:none!important}
}

/* USER3 collection polish — compact pricing + premium editorial cover collage. */
.collection-card-prices .collection-discount-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;
  flex-wrap:nowrap!important;white-space:nowrap!important;
}
.collection-card-prices .collection-discount-row>span{
  white-space:nowrap!important;line-height:1.2!important;font-size:11.5px!important;
}
.collection-card-prices .collection-discount-row>b{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;
  flex-wrap:nowrap!important;white-space:nowrap!important;min-width:max-content!important;
}
.collection-card-prices .collection-discount-row .collection-discount-amount{
  white-space:nowrap!important;font-size:12px!important;font-weight:900!important;
}
/* Keep the Collection price balanced with the amount directly above it. */
.collection-bundle-card .collection-card-final strong{
  font-size:12.5px!important;line-height:1.2!important;font-weight:900!important;
}
.collection-bundle-card .collection-card-final span{white-space:nowrap!important}

/* Detail pricing uses the same single-line discount grammar without the old separator. */
.collection-price-panel .collection-discount-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  flex-wrap:nowrap!important;white-space:nowrap!important;
}
.collection-price-panel .collection-discount-row>b{
  display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;white-space:nowrap!important;
}
.collection-price-panel .collection-discount-row .collection-discount-amount{font-weight:900!important;white-space:nowrap!important}

/*
 * Collection covers are one visual composition, not a conventional tiled grid.
 * Cells overlap lightly, use deliberately unequal footprints, and retain a stable
 * per-Collection variation so the cover feels editorial while never jumping on reload.
 */
.collection-bundle-card .collection-cover-collage,
.collection-detail-cover .collection-cover-collage{
  position:relative!important;display:block!important;isolation:isolate!important;overflow:hidden!important;
  gap:0!important;padding:0!important;background:linear-gradient(145deg,var(--soft),var(--card))!important;
}
.collection-bundle-card .collection-cover-cell,
.collection-detail-cover .collection-cover-cell{
  position:absolute!important;display:grid!important;place-items:center!important;overflow:hidden!important;
  border-radius:8px!important;border:2px solid var(--card)!important;background:var(--soft)!important;
  box-shadow:0 5px 13px rgba(7,27,52,.13)!important;grid-column:auto!important;grid-row:auto!important;
}
.collection-bundle-card .collection-cover-cell img,
.collection-detail-cover .collection-cover-cell img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
  transform:scale(1.018)!important;transition:transform .35s ease!important;
}
.collection-bundle-card .collection-card-link:hover .collection-cover-cell img{transform:scale(1.06)!important}

/* 1 design — clean hero. */
.collection-bundle-card .collection-cover-count-1 .collection-cover-cell,
.collection-detail-cover .collection-cover-count-1 .collection-cover-cell{inset:0!important;border-radius:0!important;border:0!important;box-shadow:none!important}

/* 2 designs — overlapping editorial duet, never a 50/50 split. */
.collection-bundle-card .collection-cover-count-2.collection-layout-a .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-2.collection-layout-a .collection-cover-cell:nth-child(1){left:2%!important;top:3%!important;width:65%!important;height:94%!important;z-index:1!important}
.collection-bundle-card .collection-cover-count-2.collection-layout-a .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-2.collection-layout-a .collection-cover-cell:nth-child(2){right:2%!important;top:14%!important;width:43%!important;height:72%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-2.collection-layout-b .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-2.collection-layout-b .collection-cover-cell:nth-child(1){left:2%!important;top:15%!important;width:43%!important;height:70%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-2.collection-layout-b .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-2.collection-layout-b .collection-cover-cell:nth-child(2){right:2%!important;top:3%!important;width:65%!important;height:94%!important;z-index:1!important}
.collection-bundle-card .collection-cover-count-2.collection-layout-c .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-2.collection-layout-c .collection-cover-cell:nth-child(1){left:2%!important;top:4%!important;width:58%!important;height:82%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-2.collection-layout-c .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-2.collection-layout-c .collection-cover-cell:nth-child(2){right:2%!important;bottom:4%!important;width:51%!important;height:75%!important;z-index:1!important}

/* 3 designs — one dominant image + two supporting pieces, with intentionally offset edges. */
.collection-bundle-card .collection-cover-count-3.collection-layout-a .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-3.collection-layout-a .collection-cover-cell:nth-child(1){left:2%!important;top:3%!important;width:59%!important;height:94%!important;z-index:1!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-a .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-3.collection-layout-a .collection-cover-cell:nth-child(2){right:2%!important;top:5%!important;width:42%!important;height:47%!important;z-index:3!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-a .collection-cover-cell:nth-child(3),
.collection-detail-cover .collection-cover-count-3.collection-layout-a .collection-cover-cell:nth-child(3){right:5%!important;bottom:4%!important;width:37%!important;height:46%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-b .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-3.collection-layout-b .collection-cover-cell:nth-child(1){left:3%!important;top:7%!important;width:39%!important;height:43%!important;z-index:3!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-b .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-3.collection-layout-b .collection-cover-cell:nth-child(2){left:5%!important;bottom:4%!important;width:37%!important;height:47%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-b .collection-cover-cell:nth-child(3),
.collection-detail-cover .collection-cover-count-3.collection-layout-b .collection-cover-cell:nth-child(3){right:2%!important;top:3%!important;width:61%!important;height:94%!important;z-index:1!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(1){left:2%!important;top:3%!important;width:61%!important;height:57%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(2){right:2%!important;top:9%!important;width:43%!important;height:48%!important;z-index:3!important}
.collection-bundle-card .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(3),
.collection-detail-cover .collection-cover-count-3.collection-layout-c .collection-cover-cell:nth-child(3){left:14%!important;bottom:3%!important;width:72%!important;height:42%!important;z-index:1!important}

/* 4 designs — premium asymmetric collage with a clear focal tile and supporting cuts. */
.collection-bundle-card .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(1){left:2%!important;top:3%!important;width:55%!important;height:94%!important;z-index:1!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(2){right:2%!important;top:4%!important;width:44%!important;height:49%!important;z-index:3!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(3),
.collection-detail-cover .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(3){left:56%!important;bottom:4%!important;width:24%!important;height:44%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(4),
.collection-detail-cover .collection-cover-count-4.collection-layout-a .collection-cover-cell:nth-child(4){right:2%!important;bottom:7%!important;width:22%!important;height:39%!important;z-index:4!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(1){left:2%!important;top:5%!important;width:43%!important;height:47%!important;z-index:3!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(2){left:3%!important;bottom:5%!important;width:22%!important;height:40%!important;z-index:4!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(3),
.collection-detail-cover .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(3){left:23%!important;bottom:3%!important;width:24%!important;height:46%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(4),
.collection-detail-cover .collection-cover-count-4.collection-layout-b .collection-cover-cell:nth-child(4){right:2%!important;top:3%!important;width:57%!important;height:94%!important;z-index:1!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(1),
.collection-detail-cover .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(1){left:2%!important;top:4%!important;width:41%!important;height:56%!important;z-index:3!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(2),
.collection-detail-cover .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(2){right:2%!important;top:3%!important;width:61%!important;height:44%!important;z-index:2!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(3),
.collection-detail-cover .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(3){left:3%!important;bottom:4%!important;width:34%!important;height:39%!important;z-index:4!important}
.collection-bundle-card .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(4),
.collection-detail-cover .collection-cover-count-4.collection-layout-c .collection-cover-cell:nth-child(4){right:3%!important;bottom:3%!important;width:65%!important;height:53%!important;z-index:1!important}

body[data-theme="dark"] .collection-bundle-card .collection-cover-cell,
body[data-theme="dark"] .collection-detail-cover .collection-cover-cell{
  border-color:#0e1b2b!important;box-shadow:0 6px 18px rgba(0,0,0,.34)!important;
}
@media(max-width:620px){
  .collection-card-prices .collection-discount-row>span{font-size:11px!important}
  .collection-card-prices .collection-discount-row>b{gap:4px!important}
  .collection-bundle-card .collection-cover-cell,.collection-detail-cover .collection-cover-cell{border-radius:6px!important;border-width:1.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .collection-bundle-card .collection-cover-cell img,.collection-detail-cover .collection-cover-cell img{transition:none!important}
}

/* ===== USER 3 CLIENT FINAL PATCH — 2026-09-16 ===== */
/* Multi-select Subcategory (maximum 3). */
.subcategory-field{display:grid;gap:7px;min-width:0}
.subcategory-label-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.subcategory-label-row .field-label{font-weight:900;color:var(--text)}
.subcategory-label-row small{font-size:10.5px;font-weight:750;color:var(--muted)}
.subcategory-dropdown{position:relative;border:1px solid var(--border);border-radius:11px;background:var(--card)}
.subcategory-dropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;cursor:pointer;font-weight:850;color:var(--text)}
.subcategory-dropdown>summary::-webkit-details-marker{display:none}
.subcategory-dropdown[open]>summary{border-bottom:1px solid var(--border)}
.subcategory-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;max-height:260px;overflow:auto}
.subcategory-option{display:flex!important;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--soft);color:var(--text);font-size:12px;font-weight:750;cursor:pointer}
.subcategory-option[hidden]{display:none!important}
.subcategory-option input{width:16px;height:16px;min-height:auto;margin:0;padding:0;accent-color:var(--blue)}
.subcategory-option:has(input:checked){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.subcategory-option:has(input:disabled:not(:checked)){opacity:.55;cursor:not-allowed}
.subcategory-count{grid-column:1/-1;color:var(--muted);font-weight:800;padding:2px}
@media(max-width:620px){.subcategory-menu{grid-template-columns:1fr}}

/* Designs analytics thumbnail column. */
.analytics-design-table .design-analytics-img-cell{width:62px;min-width:62px;padding-inline:8px!important}
.design-analytics-thumb{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;object-fit:cover;background:var(--soft);border:1px solid var(--border);overflow:hidden}
.design-analytics-fallback{font-size:10px;font-weight:950;color:var(--blue)}
@media(max-width:700px){.design-analytics-thumb{width:42px;height:42px}.analytics-design-table .design-analytics-img-cell{width:54px;min-width:54px}}

/* Media must show the real file when available and fail gracefully without a broken-image icon. */
.media-slide{position:relative}
.media-slide img,.media-slide video{object-fit:contain!important}
.media-thumb img{object-fit:contain!important;background:#eef4fa}
.media-load-fallback{display:grid;place-items:center;width:100%;min-height:360px;padding:24px;text-align:center;color:var(--muted);font-weight:850;background:var(--soft)}
.media-load-fallback[hidden],.media-thumb-fallback[hidden]{display:none!important}
.media-thumb-fallback{display:grid!important;place-items:center;width:100%;height:100%;font-size:9px!important;font-weight:900;color:var(--muted)}
@media(max-width:900px){.media-load-fallback{min-height:260px}}
@media(max-width:560px){.media-load-fallback{min-height:220px}}

/* Badge artwork must never be cropped: preserve every badge detail in every context. */
.mini-badge,.badgecard-image>img,.badge-detail-image,
.profile-badge-display img,.designer-summary-badges img,.creator-detail-badges img{
  object-fit:contain!important;object-position:center!important;clip-path:none!important;
  transform:none!important;background:transparent!important;padding:1px!important;
  border-radius:0!important;overflow:visible!important;
}
.badgecard-image{overflow:visible!important}
.badgecard-image>img{width:78px!important;height:96px!important;flex:0 0 78px!important}
.badge-detail-image{max-width:190px!important;height:auto!important;aspect-ratio:auto!important}
.badge-click-target{overflow:visible!important}
/* Keep badges next to the creator information instead of stretching toward the far edge. */
.profile-hero-mainline{grid-template-columns:minmax(0,max-content) minmax(0,max-content)!important;justify-content:start!important;align-items:center!important;column-gap:18px!important}
.profile-badge-display{justify-self:start!important;justify-content:flex-start!important;width:max-content!important;max-width:100%!important;margin:0!important}
.badge-cluster{min-width:0!important;width:max-content!important;max-width:min(100%,520px)!important}
@media(max-width:900px){.profile-hero-mainline{grid-template-columns:1fr!important}.profile-badge-display{width:auto!important}}

/* Dark-mode contrast: light surfaces get dark ink; dark surfaces keep light ink. */
body[data-theme="dark"] .status.published,
body[data-theme="dark"] .status.active,
body[data-theme="dark"] .status.available,
body[data-theme="dark"] .status.paid,
body[data-theme="dark"] .status.paid-qa,
body[data-theme="dark"] .status.sent,
body[data-theme="dark"] .status.open{background:#e7f8f1!important;color:#075c43!important}
body[data-theme="dark"] .status.draft,
body[data-theme="dark"] .status.archived,
body[data-theme="dark"] .status.unpublished,
body[data-theme="dark"] .status.disabled,
body[data-theme="dark"] .status.closed{background:#dce7f1!important;color:#294158!important}
body[data-theme="dark"] .status.pending,
body[data-theme="dark"] .status.requested,
body[data-theme="dark"] .status.processing,
body[data-theme="dark"] .status.scheduled{background:#fff0cf!important;color:#754a00!important}
body[data-theme="dark"] .status.rejected,
body[data-theme="dark"] .status.removed,
body[data-theme="dark"] .status.failed,
body[data-theme="dark"] .status.suspended{background:#ffe5e9!important;color:#8f2438!important}
body[data-theme="dark"] .meta-tag-grid .tag-option{background:#f5f8fb!important;border-color:#d5e0ea!important;color:#10233a!important}
body[data-theme="dark"] .meta-tag-grid .tag-option span{color:#10233a!important;opacity:1!important}
body[data-theme="dark"] .field-block>.meta-tag-count,
body[data-theme="dark"] .field-block>small{color:#dbe8f5!important;opacity:1!important}
body[data-theme="dark"] .badgecard{background:#f7f9fb!important;border-color:#d5e0ea!important;color:#10233a!important}
body[data-theme="dark"] .badgecard b{color:#10233a!important}
body[data-theme="dark"] .badgecard small{color:#51657a!important;opacity:1!important}
body[data-theme="dark"] .profile-photo-field{background:#f3f7fa!important;border-color:#d6e1eb!important;color:#10233a!important}
body[data-theme="dark"] .profile-photo-field label,
body[data-theme="dark"] .profile-photo-field label>small{color:#10233a!important;opacity:1!important}
body[data-theme="dark"] .profile-photo-field label>small{color:#52677d!important}
body[data-theme="dark"] .profile-photo-field input[type="file"]{background:#0d2033!important;color:#fff!important;border-color:#1d3d59!important}
body[data-theme="dark"] .subcategory-dropdown{background:#f5f8fb!important;border-color:#d5e0ea!important}
body[data-theme="dark"] .subcategory-dropdown>summary,
body[data-theme="dark"] .subcategory-option,
body[data-theme="dark"] .subcategory-label-row .field-label{color:#10233a!important}
body[data-theme="dark"] .subcategory-menu{background:#eef4f8!important}
body[data-theme="dark"] .subcategory-option{background:#fff!important;border-color:#d5e0ea!important}
body[data-theme="dark"] .subcategory-count{color:#52677d!important}
body[data-theme="dark"] .subcategory-label-row small{color:#c8d9e8!important}

/* The currency artwork is intentionally identical in Light and Dark mode. */
.pref-icon.currency-reference-icon,
body[data-theme="dark"] .pref-icon.currency-reference-icon{width:24px!important;height:24px!important;object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important}
/* Dark mode: the Subcategory label sits on the dark page, while the dropdown itself is a light surface. */
body[data-theme="dark"] .subcategory-label-row .field-label{color:#edf5fc!important}
body[data-theme="dark"] .subcategory-label-row small{color:#c8d9e8!important}

/* ===== USER 3 CLIENT FINAL — Dark readability + frameless badges + exact currency icon ===== */
/* Support, Notifications and Messages: strong, accessible contrast in Dark Mode. */
body[data-theme="dark"] :is(#user-root,.public-market) :is(.titlebar h1,.panel h2,.panel h3){
  color:#f7fbff!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) :is(.titlebar p,.notification-summary span){
  color:#c9d9e8!important;opacity:1!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) .notice{
  color:#edf6ff!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) .notice>div>b,
body[data-theme="dark"] :is(#user-root,.public-market) .notification-row>div>b{
  color:#ffffff!important;opacity:1!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) .notice>div>span,
body[data-theme="dark"] :is(#user-root,.public-market) .notification-row>div>span{
  color:#d8e6f3!important;opacity:1!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) .notice>div>small,
body[data-theme="dark"] :is(#user-root,.public-market) .notification-row>div>small,
body[data-theme="dark"] :is(#user-root,.public-market) .read-state{
  color:#a9bfd3!important;opacity:1!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) .notification-row.is-read{background:#0f1e30!important}
body[data-theme="dark"] :is(#user-root,.public-market) .notification-row.is-unread{background:#102944!important}
body[data-theme="dark"] :is(#user-root,.public-market) .notification-row .notification-action,
body[data-theme="dark"] :is(#user-root,.public-market) .notification-row .btn{
  color:#f7fbff!important;border-color:#3a5875!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) .messages .message{
  background:#132338!important;border-color:#29445f!important;color:#edf6ff!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) .messages .message.mine{
  background:#12345b!important;border-color:#32679f!important;
}
body[data-theme="dark"] :is(#user-root,.public-market) .messages .message>b{color:#ffffff!important;opacity:1!important}
body[data-theme="dark"] :is(#user-root,.public-market) .messages .message>span{color:#e0ecf7!important;opacity:1!important}
body[data-theme="dark"] :is(#user-root,.public-market) .messages .message>small{color:#a7bdd2!important;opacity:1!important}

/* Design names/titles remain readable everywhere in Dark Mode. */
body[data-theme="dark"] :is(#user-root,.public-market) :is(
  .dc-body .row b,
  .design-card h1,.design-card h2,.design-card h3,
  .design-title,.design-name,
  .profile-collection-card h3,
  .collection-card-copy h3,.collection-bundle-copy h3,
  .bundle-design-option b,
  .mini-design span,
  .design-info-block h3,.design-info-grid h3
){color:#f5f9ff!important;opacity:1!important}
body[data-theme="dark"] :is(#user-root,.public-market) table td:nth-child(2){color:#edf6ff}

/* Badge artwork: exact transparent individual assets, no square/card/frame around the badge. */
.badge-cluster,.profile-badge-display .badge-cluster,
.designer-summary-badges .badge-cluster,.creator-detail-badges .badge-cluster{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;
}
.badge-click-target,.profile-badge-display .badge-click-target,
.designer-summary-badges .badge-click-target,.creator-detail-badges .badge-click-target{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:2px!important;overflow:visible!important;
}
.mini-badge,.badgecard-image>img,.badge-detail-image,
.profile-badge-display img,.designer-summary-badges img,.creator-detail-badges img{
  display:block!important;object-fit:contain!important;object-position:center!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;padding:0!important;overflow:visible!important;
}
/* Badges & Achievements uses an invisible click surface instead of a visible rectangle. */
.badgecard,.badgecard-button{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
}
.badgecard-button:hover,.badgecard-button:focus-visible{
  background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;
}
body[data-theme="dark"] .badgecard,
body[data-theme="dark"] .badgecard-button{
  background:transparent!important;border:0!important;box-shadow:none!important;color:#f5f9ff!important;
}
body[data-theme="dark"] .badgecard b{color:#ffffff!important}
body[data-theme="dark"] .badgecard small{color:#bfd0df!important;opacity:1!important}
.badge-detail-image{background:transparent!important;border:0!important;box-shadow:none!important}
/* Keep the badge group attached to the creator/person details, never at the far edge. */
.profile-badge-display,.designer-summary-badges,.creator-detail-badges{
  justify-self:start!important;justify-content:flex-start!important;width:max-content!important;max-width:100%!important;margin-inline:0!important;
}
.profile-badge-display .badge-cluster,.designer-summary-badges .badge-cluster,.creator-detail-badges .badge-cluster{
  justify-content:flex-start!important;width:max-content!important;max-width:100%!important;
}

/* Currency: use the exact same Light-mode artwork in every theme. */
.pref-control .pref-icon.currency-reference-icon,
.pref-control.utility-control .pref-icon.currency-reference-icon,
body[data-theme="dark"] .pref-control .pref-icon.currency-reference-icon,
body[data-theme="dark"] .pref-control.utility-control .pref-icon.currency-reference-icon{
  width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important;
  object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important;
  mix-blend-mode:normal!important;transform:none!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;
}

@media(max-width:720px){
  .profile-badge-display,.designer-summary-badges,.creator-detail-badges{width:auto!important;justify-content:flex-start!important}
  .profile-badge-display .badge-cluster,.designer-summary-badges .badge-cluster,.creator-detail-badges .badge-cluster{width:auto!important;justify-content:flex-start!important}
}

/* ===== USER 3 V3 — exact Light-mode currency icon in both themes ===== */
/* Preserve the Light-mode currency artwork exactly in Dark Mode too: same white square tile, border, sizing and icon. */
.pref-control.utility-control .pref-icon.currency-reference-icon,
body[data-theme="dark"] .pref-control.utility-control .pref-icon.currency-reference-icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  max-width:24px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  background:#fff!important;
  border:1px solid #d7e2ec!important;
  border-radius:2px!important;
  padding:4px!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}


/* ===== USER 3 V5 — media-path resilience, currency icon cleanup, dark title contrast ===== */
/* Currency/exchange icon: slightly larger artwork only, no square/tile in either theme. */
.pref-control.utility-control .pref-icon.currency-reference-icon,
body[data-theme="dark"] .pref-control.utility-control .pref-icon.currency-reference-icon,
body[data-theme="light"] .pref-control.utility-control .pref-icon.currency-reference-icon{
  width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex:0 0 28px!important;
  object-fit:contain!important;object-position:center!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;transform:none!important;
}
@media(max-width:560px){
  .pref-control.utility-control .pref-icon.currency-reference-icon,
  body[data-theme="dark"] .pref-control.utility-control .pref-icon.currency-reference-icon,
  body[data-theme="light"] .pref-control.utility-control .pref-icon.currency-reference-icon{
    width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;flex-basis:26px!important;
  }
}

/* Design names/titles: brand-orange accent in Dark Mode for strong, intentional contrast. */
body[data-theme="dark"] :is(#user-root,.public-market) :is(
  .user-design-detail .details>.row>h1,
  .details>.row>h1,
  .design-title,.design-name,
  .bundle-design-option b,
  .mini-design span,
  .collection-designs-section .design-title,
  .collection-designs-section .design-name
){color:#ff9838!important;opacity:1!important;text-shadow:none!important}
/* Table rows stay high-contrast without turning every cell orange. */
body[data-theme="dark"] :is(#user-root,.public-market) .analytics-design-table tbody td:nth-child(2),
body[data-theme="dark"] :is(#user-root,.public-market) .sales-main-panel tbody td:nth-child(5){color:#f5f9ff!important;opacity:1!important}


/* ===== USER 3 V6 FINAL — 18-badge no-crop audit + exact client currency icon ===== */
:is(.mini-badge,.badgecard-image>img,.badge-detail-image,
.profile-badge-display img,.designer-summary-badges img,.creator-detail-badges img){
  object-fit:contain!important;object-position:center!important;clip-path:none!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;padding:0!important;
}
.badge-click-target,.badgecard-image,.badge-detail-dialog,.badge-cluster{overflow:visible!important}
.badge-click-target{background:transparent!important;border:0!important;box-shadow:none!important}
.badgecard,.badgecard-button{overflow:visible!important}
.badge-detail-image{width:122px!important;height:150px!important;max-width:100%!important;margin-inline:auto!important}

.pref-control.utility-control .pref-icon.currency-reference-icon,
body[data-theme="light"] .pref-control.utility-control .pref-icon.currency-reference-icon,
body[data-theme="dark"] .pref-control.utility-control .pref-icon.currency-reference-icon{
  width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex:0 0 28px!important;
  object-fit:contain!important;object-position:center!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;transform:none!important;
}
@media(max-width:560px){
  .pref-control.utility-control .pref-icon.currency-reference-icon,
  body[data-theme="light"] .pref-control.utility-control .pref-icon.currency-reference-icon,
  body[data-theme="dark"] .pref-control.utility-control .pref-icon.currency-reference-icon{
    width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;flex-basis:26px!important;
  }
}

/* ===== USER 3 V7 FINAL — badge source rebuild + Sales spacing/date polish ===== */
/* Sales stays in the same order; only the horizontal share is rebalanced. */
@media (min-width:1181px){
  body.route-earnings #user-root{
    max-width:1600px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.route-earnings .sales-page-layout{
    grid-template-columns:minmax(0,1fr) 292px!important;
    gap:14px!important;
    width:100%!important;
  }
  body.route-earnings .sales-left{justify-self:stretch!important;width:100%!important}
  body.route-earnings .sales-right{
    width:292px!important;
    max-width:292px!important;
    justify-self:end!important;
  }
  body.route-earnings .sales-summary-grid{gap:8px!important}
  body.route-earnings .sales-kpi{padding:10px 11px!important}
  body.route-earnings .sales-commission{padding:11px!important}
}
@media (min-width:901px) and (max-width:1180px){
  body.route-earnings .sales-page-layout{grid-template-columns:minmax(0,1fr) 278px!important;gap:12px!important}
  body.route-earnings .sales-right{width:278px!important;max-width:278px!important;justify-self:end!important}
}

/* Rebuilt full-art badge assets: never crop, mask, zoom-fill, or frame the artwork. */
:is(.mini-badge,.badgecard-image>img,.badge-detail-image,
.profile-badge-display img,.designer-summary-badges img,.creator-detail-badges img,
.designer-mini-badges img,.badge-cluster img){
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
}
.badge-click-target,.badgecard-image,.badgecard,.badgecard-button,.badge-cluster,.badge-detail-dialog{overflow:visible!important}
.badge-detail-image{width:138px!important;height:166px!important;max-width:100%!important;margin:0 auto 12px!important}

/* ===== USER 3 V8 API READY — badge visibility, Sales overview, Meta Tags ===== */
/* Full-art badges need enough display space for their transparent safety margin. */
.badgecard-image>img{
  width:108px!important;height:132px!important;flex:0 0 108px!important;
  object-fit:contain!important;object-position:center!important;overflow:visible!important;
}
.badge-click-target .mini-badge,
.profile-badge-display .mini-badge{
  width:54px!important;height:68px!important;min-width:54px!important;
  object-fit:contain!important;object-position:center!important;overflow:visible!important;
}
.designer-badge-cluster .mini-badge,
.creator-card-badge-cluster .mini-badge,
.designer-summary-badges .mini-badge,
.creator-detail-badges .mini-badge{
  width:48px!important;height:60px!important;min-width:48px!important;
  object-fit:contain!important;object-position:center!important;overflow:visible!important;
}
.badge-click-target{min-width:62px!important;min-height:76px!important;padding:4px!important;overflow:visible!important}
.designer-badge-cluster .badge-click-target,.creator-card-badge-cluster .badge-click-target{min-width:54px!important;min-height:66px!important}
.badge-cluster{min-height:88px!important;overflow:visible!important}
.badge-detail-image{width:160px!important;height:198px!important;object-fit:contain!important;overflow:visible!important}
@media(max-width:760px){
  .badgecard-image>img{width:94px!important;height:116px!important;flex-basis:94px!important}
  .badge-click-target .mini-badge,.profile-badge-display .mini-badge{width:48px!important;height:60px!important;min-width:48px!important}
  .designer-badge-cluster .mini-badge,.creator-card-badge-cluster .mini-badge,.designer-summary-badges .mini-badge,.creator-detail-badges .mini-badge{width:43px!important;height:54px!important;min-width:43px!important}
  .badge-detail-image{width:146px!important;height:180px!important}
}

/* Sales: compact overview first, full-width table below. */
body.route-earnings #user-root{max-width:1600px!important;width:100%!important}
body.route-earnings .sales-overview-top{
  display:grid!important;grid-template-columns:minmax(360px,520px) minmax(360px,1fr)!important;
  gap:16px!important;align-items:stretch!important;width:100%!important;margin:10px 0 12px!important;
}
body.route-earnings .sales-overview-kpis{justify-self:start!important;width:100%!important;max-width:520px!important}
body.route-earnings .sales-overview-kpis .sales-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
body.route-earnings .sales-overview-kpis .sales-kpi{padding:9px 11px!important;min-height:74px!important}
body.route-earnings .sales-overview-commission{justify-self:stretch!important;min-width:0!important}
body.route-earnings .sales-overview-commission .sales-commission{height:100%!important;margin:0!important;padding:12px 14px!important}
body.route-earnings .sales-hold-note{margin:16px 2px 9px!important;font-weight:700!important;color:var(--muted)!important}
body.route-earnings .sales-table-fullwidth{width:100%!important;min-width:0!important}
body.route-earnings .sales-table-fullwidth .sales-main-panel{width:100%!important;max-width:none!important;margin:0!important}
body.route-earnings .sales-table-fullwidth .sales-main-panel table{width:100%!important;table-layout:auto!important}
@media(max-width:900px){
  body.route-earnings .sales-overview-top{grid-template-columns:1fr!important;gap:10px!important}
  body.route-earnings .sales-overview-kpis{max-width:none!important}
  body.route-earnings .sales-overview-commission{width:100%!important}
}
@media(max-width:520px){
  body.route-earnings .sales-overview-kpis .sales-summary-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.route-earnings .sales-overview-kpis .sales-kpi{padding:8px!important;min-height:68px!important}
}

/* Design information: Category + Subcategory + Meta Tags + custom Tags. */
.design-info-grid-four{
  display:grid!important;grid-template-columns:minmax(130px,.72fr) minmax(170px,.9fr) minmax(230px,1.15fr) minmax(230px,1.15fr)!important;
  gap:18px!important;align-items:start!important;
}
.design-info-grid-four>div{min-width:0!important}
.design-meta-tag-list,.design-custom-tag-list{align-content:flex-start!important}
@media(max-width:960px){.design-info-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.design-info-grid-four{grid-template-columns:1fr!important;gap:12px!important}}


/* ===== USER 3 V9 FINAL — two requested corrections only ===== */
/* Use the complete individual badge artwork without crop/mask/background at every badge size. */
.badgecard-image>img,
.mini-badge,
.badge-detail-image{
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.badgecard-image,.badge-click-target,.badge-cluster,.profile-badge-display,
.designer-badge-cluster,.creator-card-badge-cluster,.designer-summary-badges,.creator-detail-badges{
  overflow:visible!important;
}
/* Keep enough room for the full lower point/star/banners from the individual badge sources. */
.badgecard-image>img{width:112px!important;height:140px!important;flex:0 0 112px!important}
.badge-click-target .mini-badge,.profile-badge-display .mini-badge{width:58px!important;height:72px!important;min-width:58px!important}
.designer-badge-cluster .mini-badge,.creator-card-badge-cluster .mini-badge,
.designer-summary-badges .mini-badge,.creator-detail-badges .mini-badge{width:50px!important;height:63px!important;min-width:50px!important}
.badge-detail-image{width:168px!important;height:210px!important}
@media(max-width:760px){
  .badgecard-image>img{width:98px!important;height:122px!important;flex-basis:98px!important}
  .badge-click-target .mini-badge,.profile-badge-display .mini-badge{width:50px!important;height:63px!important;min-width:50px!important}
  .designer-badge-cluster .mini-badge,.creator-card-badge-cluster .mini-badge,
  .designer-summary-badges .mini-badge,.creator-detail-badges .mini-badge{width:44px!important;height:56px!important;min-width:44px!important}
  .badge-detail-image{width:150px!important;height:188px!important}
}

/* Sales: hold note sits directly under the page title; compact summary preserves more table above the fold. */
body.route-earnings .sales-hold-note{
  margin:2px 0 8px!important;
  font-weight:700!important;
  line-height:1.3!important;
  color:var(--muted)!important;
}
body.route-earnings .sales-overview-top{
  grid-template-columns:minmax(300px,440px) minmax(300px,420px)!important;
  justify-content:space-between!important;
  align-items:stretch!important;
  gap:12px!important;
  margin:0 0 8px!important;
}
body.route-earnings .sales-overview-kpis{max-width:440px!important}
body.route-earnings .sales-overview-kpis .sales-summary-grid{gap:6px!important}
body.route-earnings .sales-overview-kpis .sales-kpi{
  padding:6px 10px!important;
  min-height:56px!important;
  border-radius:11px!important;
}
body.route-earnings .sales-overview-kpis .sales-kpi span{font-size:9.5px!important;line-height:1.15!important}
body.route-earnings .sales-overview-kpis .sales-kpi strong{font-size:15px!important;line-height:1.15!important;margin-top:2px!important}
body.route-earnings .sales-overview-commission{max-width:420px!important;justify-self:end!important}
body.route-earnings .sales-overview-commission .sales-commission{
  padding:8px 11px!important;
  gap:4px!important;
  min-height:0!important;
}
body.route-earnings #user-root .sales-overview-commission .commission-rule strong{font-size:11px!important;line-height:1.2!important}
body.route-earnings #user-root .sales-overview-commission .commission-rule span,
body.route-earnings #user-root .sales-overview-commission .commission-rule small{font-size:9.5px!important;line-height:1.3!important}
body.route-earnings .sales-overview-commission .tier-progress{height:6px!important}
body.route-earnings .sales-table-fullwidth{margin-top:0!important}
body.route-earnings .sales-table-fullwidth .sales-main-panel{min-height:0!important}
@media(max-width:900px){
  body.route-earnings .sales-overview-top{grid-template-columns:1fr!important;gap:8px!important}
  body.route-earnings .sales-overview-kpis,body.route-earnings .sales-overview-commission{max-width:none!important;width:100%!important}
}
@media(max-width:520px){
  body.route-earnings .sales-overview-kpis .sales-kpi{min-height:52px!important;padding:6px 8px!important}
}

/* ===== USER 3 V10 FINAL — full badge source + Sales space fill ===== */
/* Sales summary must fill the complete row above the full-width Sales table. */
body.route-earnings .sales-overview-top{
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
  width:100%!important;
  max-width:none!important;
  gap:10px!important;
  justify-content:stretch!important;
  align-items:stretch!important;
}
body.route-earnings .sales-overview-kpis,
body.route-earnings .sales-overview-commission{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
}
body.route-earnings .sales-overview-kpis .sales-summary-grid{
  width:100%!important;
  height:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
}
body.route-earnings .sales-overview-kpis .sales-kpi{
  width:100%!important;
  height:100%!important;
}
body.route-earnings .sales-overview-commission .sales-commission{
  width:100%!important;
  height:100%!important;
}
@media(max-width:900px){
  body.route-earnings .sales-overview-top{grid-template-columns:1fr!important}
}

/* ===== USER 3 V11 FINAL — adaptive design media + performance ===== */
/* Main Design Details media follows each uploaded file's intrinsic aspect ratio.
   No fixed-height letterboxing, no crop, and no forced square/landscape frame. */
.media-stage{
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
}
.media-slide{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  align-items:initial!important;
  justify-content:initial!important;
}
.media-slide.active{display:block!important}
.media-slide[data-media-kind="image"] img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
.media-slide[data-media-kind="video"] video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(76vh,760px)!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
}
/* The interactive viewer keeps its own controlled canvas size. */
.media-slide.viewer-slide.active{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:360px!important;
}
@media(max-width:900px){.media-slide.viewer-slide.active{min-height:260px!important}}
@media(max-width:560px){.media-slide.viewer-slide.active{min-height:220px!important}}

/* ===== USER 3 V12 API READY — resilient 3D loading ===== */
.viewer-status{display:flex;align-items:center;justify-content:center;min-width:180px;max-width:min(82%,420px);text-align:center;line-height:1.35}
.viewer-error{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:220px}
.viewer-error[hidden]{display:none!important}
.viewer-retry{appearance:none;border:1px solid #b9cde5;background:#fff;color:#1558bb;border-radius:9px;padding:7px 12px;font:inherit;font-weight:800;cursor:pointer;min-height:36px}
.viewer-retry:hover,.viewer-retry:focus-visible{border-color:#1764ea;box-shadow:0 0 0 3px rgba(23,100,234,.10);outline:none}
.viewer-retry[hidden]{display:none!important}
html[data-theme="dark"] .viewer-status{background:rgba(15,27,43,.96);border-color:#40536a;color:#f4f8fc}
html[data-theme="dark"] .viewer-error{background:rgba(28,31,38,.97);border-color:#8b4d4d;color:#ffd2d2}
html[data-theme="dark"] .viewer-retry{background:#18283a;border-color:#54708f;color:#8fc1ff}