/* Monevibe cabinet — tokens shared with pages/static/brand.css, desktop layout on top. */
:root{
  --lime:#D7E72A; --lime-tint:#F7FAD9; --lime-tint-border:#E4E9B8;
  --ink:#0E0E04; --ink-soft:#3A3F47; --muted:#6B7280; --muted2:#9AA1AB;
  --bg:#F4F6F8; --card:#FFFFFF; --line:#EDEFF2; --accent:#C2D400; --olive:#5C6E00; --on-lime:#1E2400;
  --ok:#1F9D55; --ok-bg:#E6F6EC; --warn:#B45309; --warn-bg:#FEF3C7; --bad:#B91C1C; --bad-bg:#FEE2E2;
  --r-lg:16px; --r-md:12px; --r-sm:8px; --r-pill:999px;
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;}
html{font-size:15px;}
body{margin:0;background:var(--bg);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--olive);}
h1{font-size:24px;font-weight:600;letter-spacing:-.4px;margin:0;}
h2{font-size:15px;font-weight:600;margin:0 0 12px;}
h3{font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--ink-soft);}
.muted{color:var(--muted);} .small{font-size:12px;} .right{text-align:right;} .center{justify-content:center;}
.row{display:flex;align-items:center;} .gap{gap:10px;} .between{justify-content:space-between;}
.inline{display:inline;}
.wordmark{font-size:17px;font-weight:600;letter-spacing:-.4px;color:var(--ink);text-decoration:none;}
.wordmark b{color:var(--accent);font-weight:600;}
.wordmark.big{font-size:22px;display:block;margin-bottom:14px;}

/* topbar */
.topbar{display:flex;align-items:center;gap:18px;padding:10px 24px;background:var(--card);border-bottom:.5px solid var(--line);position:sticky;top:0;z-index:5;}
.nav{display:flex;gap:2px;flex:1;overflow-x:auto;}
.nav a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r-pill);color:var(--ink-soft);text-decoration:none;font-size:13.5px;font-weight:500;white-space:nowrap;}
.nav a:hover{background:var(--bg);color:var(--ink);}
.nav a.on{background:var(--lime-tint);color:var(--olive);}
.nav i{font-size:17px;}
.topbar-right{display:flex;align-items:center;gap:10px;}
.env-badge{font-size:11px;font-weight:600;text-transform:uppercase;background:var(--warn-bg);color:var(--warn);border-radius:var(--r-pill);padding:3px 8px;}
.lang-switch{display:flex;gap:2px;background:var(--bg);border-radius:var(--r-pill);padding:2px;}
.lang-switch a{padding:4px 9px;border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;}
.lang-switch a.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08);}
.user-chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:500;padding:6px 10px;border-radius:var(--r-pill);}
.user-chip:hover,.user-chip.on{background:var(--bg);}
.user-chip i{font-size:20px;}
.user-chip span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.icon-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:20px;padding:6px;border-radius:var(--r-pill);}
.icon-btn:hover{background:var(--bg);color:var(--ink);}

.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:22px 24px 40px;}
.footer{text-align:center;font-size:12px;color:var(--muted2);padding:18px;}
.footer a{color:var(--muted);}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap;}
.back{display:inline-block;font-size:13px;color:var(--muted);text-decoration:none;margin-bottom:8px;}
.back:hover{color:var(--ink);}

/* cards / grids */
.card{background:var(--card);border:.5px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;margin-bottom:16px;}
.card.narrow{max-width:560px;}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap;}
.card-head h2{margin:0;}
.cards{display:grid;gap:14px;margin-bottom:16px;}
.cards-4{grid-template-columns:repeat(4,1fr);}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
.grid-2.wide-left{grid-template-columns:3fr 2fr;}
.stat{margin:0;}
.stat-label{font-size:12px;color:var(--muted);font-weight:500;}
.stat-value{font-size:24px;font-weight:600;letter-spacing:-.5px;margin-top:4px;}
.stat-sub{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:var(--muted);}
.kpis{display:flex;gap:22px;flex-wrap:wrap;margin:6px 0 14px;}
.kpis div{display:flex;flex-direction:column;}
.kpi-label{font-size:12px;color:var(--muted);}
.kpi-value{font-size:20px;font-weight:600;letter-spacing:-.3px;}
.kpis.small .kpi-value{font-size:15px;}
.dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:8px 0 0;font-size:13.5px;}
.dl dt{color:var(--muted);} .dl dd{margin:0;font-weight:500;}
.prose{white-space:pre-line;line-height:1.55;font-size:14px;color:var(--ink-soft);}
ul.plain{list-style:none;padding:0;margin:0;font-size:14px;} ul.plain li{padding:4px 0;border-bottom:.5px solid var(--line);}

/* segmented + tabs */
.seg,.tabs{display:inline-flex;gap:2px;background:var(--bg);border-radius:var(--r-pill);padding:3px;}
/* a row of tabs wider than a phone scrolls inside itself instead of widening the page */
.seg,.tabs{max-width:100%;overflow-x:auto;scrollbar-width:none;} .seg::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none;}
.seg a,.tabs a{white-space:nowrap;flex:0 0 auto;}
.seg a,.tabs a{padding:6px 12px;border-radius:var(--r-pill);font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;}
.seg a.on,.tabs a.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08);}
.tabs{margin-bottom:14px;}

/* buttons / badges / flash */
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--r-pill);border:.5px solid var(--line);background:var(--card);color:var(--ink);font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit;}
.btn:hover{background:var(--bg);}
.btn-primary{background:var(--lime);border-color:var(--lime);color:var(--on-lime);}
.btn-primary:hover{background:var(--accent);}
.btn-sm{padding:6px 10px;font-size:12.5px;}
.btn-block{width:100%;justify-content:center;}
.btn.disabled,.btn[disabled]{opacity:.45;pointer-events:none;}
.badge{display:inline-block;font-size:11.5px;font-weight:600;border-radius:var(--r-pill);padding:3px 9px;background:var(--bg);color:var(--muted);white-space:nowrap;}
.badge-ok{background:var(--ok-bg);color:var(--ok);} .badge-warn{background:var(--warn-bg);color:var(--warn);}
.badge-bad{background:var(--bad-bg);color:var(--bad);} .badge-lime{background:var(--lime-tint);color:var(--olive);} .badge-muted{background:var(--bg);color:var(--muted);}
.flash{border-radius:var(--r-md);padding:10px 14px;font-size:13.5px;margin-bottom:14px;}
.flash-ok{background:var(--ok-bg);color:var(--ok);} .flash-warn{background:var(--warn-bg);color:var(--warn);} .flash-bad{background:var(--bad-bg);color:var(--bad);}
.payout-pill{display:inline-block;background:var(--lime-tint);color:var(--olive);border:.5px solid var(--lime-tint-border);border-radius:var(--r-pill);padding:4px 10px;font-weight:600;font-size:13px;white-space:nowrap;}

/* forms */
.form{display:flex;flex-direction:column;gap:12px;}
.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500;color:var(--ink-soft);}
.form input[type=text],.form input[type=email],.form input[type=password],.form input[type=url],.form select,.form textarea,.filters input,.filters select{
  font:inherit;font-size:14px;padding:9px 12px;border:.5px solid #D5D9DF;border-radius:var(--r-sm);background:#fff;color:var(--ink);}
.form select{max-width:100%;text-overflow:ellipsis;}
.form input:focus,.form select:focus,.form textarea:focus,.filters input:focus,.filters select:focus{outline:2px solid var(--lime);border-color:var(--lime);}
.form .help{font-size:12px;color:var(--muted);font-weight:400;}
.field-err{font-size:12px;color:var(--bad);font-weight:500;}
.field-msg{font-size:12px;font-weight:500;min-height:1em;} .field-msg.ok{color:var(--ok);} .field-msg.bad{color:var(--bad);}
label.check{flex-direction:row;align-items:center;gap:8px;font-weight:400;}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 14px;}
.filters input[type=search]{min-width:200px;flex:1;}
.inline-label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);}

/* tables */
.table{width:100%;border-collapse:collapse;font-size:13.5px;}
.table th{text-align:left;font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;border-bottom:.5px solid var(--line);}
.table th.right,.table td.right{text-align:right;}
.table.small td,.table.small th{padding:5px 8px;font-size:12.5px;}
.table td{padding:10px;border-bottom:.5px solid var(--line);vertical-align:middle;}
.table tr:last-child td{border-bottom:none;}
.table tr.hl td{background:var(--lime-tint);}
.mini-logo{width:20px;height:20px;border-radius:5px;object-fit:contain;background:#fff;border:.5px solid var(--line);vertical-align:middle;margin-right:4px;}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 16px;font-size:13px;}

/* copy box */
.copy-box{display:flex;gap:6px;align-items:center;max-width:460px;}
.copy-input{flex:1;font:12.5px var(--mono);padding:7px 10px;border:.5px solid #D5D9DF;border-radius:var(--r-sm);background:var(--bg);color:var(--ink);min-width:0;}
.link-item{padding:10px 0;border-bottom:.5px solid var(--line);} .link-item:last-child{border-bottom:none;} .link-item.hl{background:var(--lime-tint);margin:0 -20px;padding:10px 20px;}

/* offers */
.offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-bottom:16px;}
.offer-card{display:flex;flex-direction:column;background:var(--card);border:.5px solid var(--line);border-radius:var(--r-md);padding:0 0 12px;text-decoration:none;color:var(--ink);transition:box-shadow .15s ease;overflow:hidden;}
/* covers are made 21:9 (skills/offer-covers); the photo is absolute, so a cover of another shape
   (an admin-uploaded square photo) is cropped instead of stretching its card taller than the others */
.offer-hero{position:relative;aspect-ratio:21/9;background:var(--bg);}
.offer-hero img:not(.offer-logo img){width:100%;height:100%;object-fit:cover;display:block;}
.offer-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;}
.offer-hero.default{background:linear-gradient(120deg,var(--lime-tint) 0%,#EEF2D6 45%,var(--bg) 100%);}
.offer-hero.default::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(92,110,0,.16) 1px,transparent 1.5px);background-size:14px 14px;}
.offer-hero .offer-logo{position:absolute;left:14px;bottom:-18px;width:52px;height:52px;box-shadow:0 2px 8px rgba(14,14,4,.12);z-index:1;}
.offer-hero .offer-flags{position:absolute;right:10px;top:10px;z-index:1;}
.offer-main{display:flex;gap:12px;align-items:flex-start;padding:24px 14px 0 14px;}
.offer-card:hover{box-shadow:0 6px 18px rgba(14,14,4,.07);}
/* advertiser logos are transparent PNGs drawn for a white surface — never put them on dark */
.offer-logo{width:48px;height:48px;border-radius:12px;background:#fff;border:.5px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:0 0 auto;overflow:hidden;}
.offer-logo.lg{width:64px;height:64px;border-radius:16px;}
.offer-logo img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box;}
.offer-body{flex:1 1 150px;min-width:0;}
.offer-title{font-weight:600;font-size:14.5px;}
.offer-cats{font-size:12px;color:var(--muted);margin-top:2px;}
.offer-meta{display:flex;gap:6px;align-items:center;margin-top:6px;color:var(--ink-soft);font-size:16px;flex-wrap:wrap;}
.offer-meta i{font-size:15px;}
.flags{display:inline-flex;align-items:center;gap:3px;line-height:1;white-space:nowrap;margin-left:4px;}
img.flag{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.15);display:inline-block;}
.flags-more{font-size:11px;color:var(--muted);margin-left:3px;font-family:var(--font);}
.offer-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 1 auto;margin-left:auto;max-width:100%;text-align:right;padding-top:2px;}
.offer-actions{margin:10px 14px 0;padding-top:8px;border-top:.5px dashed var(--line);display:flex;flex-direction:column;gap:3px;}
.oa-caption{font-size:10.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--muted2);}
.oa-row{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:12.5px;min-width:0;}
.oa-title{font-weight:600;color:var(--ink);} .oa-pay{color:var(--olive);font-weight:600;}
.oa-desc{flex-basis:100%;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.offer-payout{font-weight:600;color:var(--olive);font-size:13.5px;white-space:nowrap;}
.offer-flags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;}

/* chart + level */
.chart{width:100%;height:190px;display:block;}
.chart .bar rect{fill:var(--lime);}
.chart .bar:hover rect{fill:var(--accent);}
.chart text{font-size:10px;fill:var(--muted);font-family:var(--font);}
.chart-axis{stroke:var(--line);stroke-width:1;}
.level-name{font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px;margin:4px 0 10px;}
.level-bronze{color:#A0562B;} .level-silver{color:#6B7280;} .level-gold{color:#B7791F;} .level-platinum{color:#3B82F6;}
.progress{height:8px;background:var(--bg);border-radius:var(--r-pill);overflow:hidden;margin:6px 0;}
.progress-bar{height:100%;background:var(--lime);border-radius:var(--r-pill);}
.screenshot{width:100%;border-radius:var(--r-md);border:.5px solid var(--line);}

/* login + error */
.login-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;}
.login-card{width:100%;max-width:400px;background:var(--card);border:.5px solid var(--line);border-radius:var(--r-lg);padding:28px 28px 22px;}
/* "verify your account" — the card on the dashboard / Studio hub, and the inline instruction
   under every control that link building or generation would have used */
.verify-hint{display:flex;align-items:flex-start;gap:6px;margin:0 0 8px;font-size:12.5px;line-height:1.5;color:var(--olive);}
.verify-hint i{font-size:16px;flex:0 0 auto;} .verify-hint .muted{display:block;}
.verify-card{display:flex;gap:14px;align-items:flex-start;}
.verify-icon{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--lime-tint);color:var(--olive);display:flex;align-items:center;justify-content:center;font-size:22px;}
.verify-body{min-width:0;} .verify-body h2{margin:2px 0 6px;font-size:18px;}
.verify-body p{margin:0 0 6px;font-size:13.5px;line-height:1.55;}
.verify-state{display:flex;align-items:center;gap:6px;color:var(--olive);font-weight:600;font-size:13px;}
@media (max-width:600px){.verify-card{gap:10px;} .verify-icon{width:34px;height:34px;font-size:18px;}}

/* social profiles */
.pf-step{color:var(--olive);font-weight:600;}
.pf-head .lp-avatar.big{width:64px;height:64px;font-size:26px;}
.pf-found .lp-avatar{width:56px;height:56px;}
.pf-bio{margin:-4px 0 4px;}
.pf-cats{border:none;padding:0;margin:0;} .pf-cats legend{padding:0;font-size:13px;font-weight:600;}
.pf-cats .chips{margin-top:6px;max-height:240px;overflow:auto;}
/* inside .form a label stacks its control; a category pill must stay a pill */
.pf-cats label.chip{flex-direction:row;align-items:center;gap:6px;font-weight:400;cursor:pointer;}
.pf-cats .chip input{margin:0;}
.pf-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0;}
.pf-code-value{font-size:26px;letter-spacing:4px;line-height:1.2;}
.pf-step-card h2{display:flex;align-items:center;gap:8px;font-size:18px;margin-top:0;}
.pf-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px;}
.pf-shot{position:relative;} .pf-shot img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-sm);background:var(--bg);display:block;}
.pf-shot form{position:absolute;top:4px;right:4px;}
.pf-check{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;}
.pf-check li{display:flex;align-items:center;gap:8px;color:var(--muted);}
.pf-check li i{font-size:17px;} .pf-check li.done{color:var(--ink);} .pf-check li.done i{color:var(--ok);}
.pf-sm h2{display:flex;align-items:center;gap:8px;font-size:18px;margin-top:0;flex-wrap:wrap;}
.pf-sm-text{flex:1 1 320px;min-width:0;} .pf-sm p{margin:0 0 6px;}
.pf-offer{text-decoration:none;color:inherit;align-items:center;}
.pf-offer .offer-logo{width:36px;height:36px;font-size:13px;}
.pf-offer .lp-body{display:flex;flex-direction:column;}
@media (max-width:600px){.pf-code-value{font-size:22px;} .pf-head .lp-avatar.big{width:52px;height:52px;}}

/* Smart Matching deep analysis */
.pf-scan{margin-top:10px;padding:12px;border:.5px dashed var(--lime-tint-border);border-radius:var(--r-md);background:var(--lime-tint);}
.pf-scan h3{margin:0 0 4px;font-size:15px;} .pf-scan p{margin:0 0 10px;}
.ins-advice{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;}
.ins-h3{font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--ink-soft);}
.ins-grid-wrap{overflow-x:auto;}
.ins-grid{border-collapse:separate;border-spacing:3px;font-size:12px;width:100%;min-width:300px;}
.ins-grid th{font-weight:500;color:var(--muted);padding:2px 4px;text-align:center;white-space:nowrap;}
.ins-grid tbody th{text-align:left;}
.ins-grid td{height:30px;text-align:center;border-radius:6px;color:var(--ink);background:var(--bg);}
.ins-grid td.lvl-x{background:transparent;border:.5px dashed var(--line);}
.ins-grid td.lvl-0{background:#f3f1ea;} .ins-grid td.lvl-1{background:#eef3c4;} .ins-grid td.lvl-2{background:#e2ec8f;}
.ins-grid td.lvl-3{background:#d7e72a;} .ins-grid td.lvl-4{background:#a9b81a;color:#fff;font-weight:600;}
.ins-bars{display:flex;flex-direction:column;gap:6px;}
.ins-bar{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 54px;align-items:center;gap:8px;font-size:13px;}
.ins-bar .progress{height:8px;margin:0;} .ins-bar-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ins-bar-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);}
.ins-bar.best .ins-bar-label{font-weight:600;} .ins-bar.best .ins-bar-value{color:var(--olive);font-weight:600;}
.ins-bar.thin{opacity:.5;}
@media (max-width:600px){.ins-bar{grid-template-columns:minmax(0,110px) minmax(0,1fr) 46px;font-size:12.5px;}}

/* cookie notice on the login page: informational, so it never covers the form */
.login-wrap.with-note{padding-bottom:110px;}
.consent-note{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px;background:var(--card);border-top:.5px solid var(--line);box-shadow:0 -8px 24px rgba(14,14,4,.10);}
.consent-note-in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px;}
.consent-note-text{min-width:0;font-size:13px;line-height:1.5;}
.consent-note-text b{display:flex;align-items:center;gap:6px;font-size:13.5px;}
.consent-note-text p{margin:2px 0 0;}
.consent-note .btn{white-space:nowrap;}
@media (max-width:600px){.consent-note-in{flex-direction:column;align-items:stretch;gap:10px;} .consent-note .btn{width:100%;}
  .login-wrap.with-note{padding-bottom:200px;}}
.login-card h1{margin-bottom:4px;} .login-card .form{margin-top:18px;}
.login-card .lang-switch{margin-top:14px;display:inline-flex;}
.error-wrap{text-align:center;padding:60px 0;}
.error-code{font-size:56px;font-weight:700;color:var(--muted2);letter-spacing:-2px;}
.error-wrap .row{justify-content:center;margin-top:18px;}

.menu-btn{display:none;} .nav a.nav-mobile{display:none;}
@media (max-width:900px){
  .cards-4{grid-template-columns:repeat(2,1fr);}
  .grid-2,.grid-2.wide-left{grid-template-columns:minmax(0,1fr);}   /* a long select option must not widen the page */
  .topbar{padding:8px 12px;gap:10px;} .main{padding:16px 12px 32px;}
  .nav a span,.user-chip span{display:none;}
  .table{display:block;overflow-x:auto;}
}
/* mobile: the section list becomes a menu under the topbar (☰ + current section) */
@media (max-width:760px){
  .menu-btn{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;background:var(--lime-tint);color:var(--olive);
    border:none;border-radius:var(--r-pill);padding:7px 12px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;}
  .menu-btn i{font-size:19px;} .menu-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body.nav-open .menu-btn{background:var(--ink);color:var(--lime);}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;padding:8px 10px 12px;
    background:var(--card);border-bottom:.5px solid var(--line);box-shadow:0 12px 24px rgba(14,14,4,.10);overflow:visible;}
  body.nav-open .nav{display:flex;}
  .nav a{padding:11px 12px;font-size:15px;border-radius:var(--r-md);} .nav i{font-size:20px;}
  .nav a.nav-mobile{display:inline-flex;} .nav a.nav-mobile:first-of-type{margin-top:4px;}
  .topbar-right .desktop-only{display:none;}   /* API + profile live in the menu on phones */
  .topbar-right{gap:4px;} .lang-switch a{padding:4px 7px;}
}
@media (max-width:600px){
  .cards-4{grid-template-columns:1fr;} .page-head{align-items:flex-start;flex-direction:column;}
  .offer-grid{grid-template-columns:1fr;}
}

/* studio */
.wrap{flex-wrap:wrap;}
.materials{border:.5px solid var(--line);border-radius:var(--r-md);padding:12px 14px;margin:0;min-width:0;}   /* a fieldset is min-content wide by default */
.materials legend{font-size:13px;font-weight:600;color:var(--ink-soft);padding:0 6px;}
.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:10px 0;}
label.material{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--line);border-radius:var(--r-md);padding:8px;cursor:pointer;font-weight:400;text-align:center;}
label.material.on{border-color:var(--lime);background:var(--lime-tint);}
label.material input{position:absolute;opacity:0;pointer-events:none;}
label.material img{width:90px;height:90px;object-fit:contain;border-radius:8px;background:#fff;}
.material-type{font-size:11px;font-weight:600;color:var(--olive);text-transform:uppercase;letter-spacing:.3px;}
.material-title{font-size:11px;color:var(--muted);}
.chips{display:flex;gap:6px;flex-wrap:wrap;}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 10px;border-radius:var(--r-pill);border:.5px solid var(--line);background:var(--card);color:var(--ink-soft);text-decoration:none;cursor:pointer;}
.chip.on{background:var(--lime-tint);border-color:var(--lime-tint-border);color:var(--olive);font-weight:600;}
.chip input{margin:0;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:12px 0;}
.product-card{display:flex;flex-direction:column;gap:6px;border:.5px solid var(--line);border-radius:var(--r-md);padding:10px;background:var(--card);}
.product-img{position:relative;aspect-ratio:1/1;background:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.product-img img{width:100%;height:100%;object-fit:contain;}
.product-body{flex:1;font-size:12.5px;}
.product-brand{font-weight:600;} .product-type{color:var(--muted);} .product-price{font-weight:600;color:var(--olive);margin-top:2px;}
/* compact grid (catalog) */
.product-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.product-grid.compact .product-card{padding:6px;gap:4px;transition:box-shadow .15s ease;}
.product-grid.compact .product-card:hover{box-shadow:0 6px 18px rgba(14,14,4,.08);}
.product-grid.compact .product-img{aspect-ratio:3/4;border-radius:6px;}
.product-grid.compact .product-img img{object-fit:cover;}
.product-sale{position:absolute;top:6px;left:6px;font-size:11px;font-weight:700;background:var(--lime);color:var(--on-lime);border-radius:var(--r-pill);padding:2px 7px;}
.product-line{display:flex;justify-content:space-between;align-items:baseline;gap:6px;min-width:0;}
.product-line .product-brand,.product-line .product-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.product-line .product-price{margin:0;white-space:nowrap;}
.product-actions{display:flex;gap:4px;align-items:center;}
.product-actions .btn-sm{padding:5px 8px;} .product-actions .grow{flex:1;display:flex;}
/* carousel (product page) */
.carousel{position:relative;background:#fff;border-radius:var(--r-md);overflow:hidden;}
.carousel-main{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;max-height:560px;}
.carousel-main img{width:100%;height:100%;object-fit:contain;}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:none;background:rgba(14,14,4,.55);color:#fff;font-size:22px;line-height:36px;cursor:pointer;padding:0;opacity:.85;}
.carousel-btn:hover{opacity:1;} .carousel-btn.prev{left:10px;} .carousel-btn.next{right:10px;}
.carousel-count{position:absolute;bottom:8px;right:10px;font-size:11px;background:rgba(14,14,4,.55);color:#fff;border-radius:var(--r-pill);padding:2px 8px;}
.carousel-thumbs{display:flex;gap:6px;overflow-x:auto;padding:8px 2px 2px;}
.carousel-thumbs .thumb{flex:0 0 auto;border:2px solid transparent;border-radius:8px;padding:0;background:#fff;cursor:pointer;}
.carousel-thumbs .thumb.on{border-color:var(--lime);}
.carousel-thumbs .thumb img{width:56px;height:56px;object-fit:contain;border-radius:6px;display:block;}
.carousel-card{padding:12px;}
.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.job-card{display:flex;flex-direction:column;border:.5px solid var(--line);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:var(--ink);background:var(--card);}
.job-card:hover{box-shadow:0 6px 18px rgba(14,14,4,.07);}
.job-thumb{aspect-ratio:9/12;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--muted2);overflow:hidden;}
.job-thumb img{width:100%;height:100%;object-fit:cover;}
.job-meta{padding:8px 10px;display:flex;flex-direction:column;gap:3px;}
.job-title{font-weight:600;font-size:13px;}
.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.result-card{border:.5px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--card);display:flex;flex-direction:column;}
.result-img{display:block;background:var(--bg);} .result-img img{width:100%;display:block;}
.result-body{padding:12px;display:flex;flex-direction:column;gap:10px;}
.result-copy{display:flex;flex-direction:column;gap:6px;font-size:13.5px;} .result-copy>div{display:flex;flex-direction:column;}
/* studio job: what went into the generation */
.input-strip{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;}
.input-item{display:flex;flex-direction:column;gap:6px;width:110px;text-decoration:none;color:var(--ink);}
.input-item.lead{width:200px;}
.input-img{display:block;aspect-ratio:3/4;background:var(--bg);border:.5px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
.input-img img{width:100%;height:100%;object-fit:contain;display:block;}
.input-item:hover .input-img{box-shadow:0 6px 18px rgba(14,14,4,.07);}
.input-label{font-size:12px;font-weight:600;color:var(--olive);}
.input-idea{font-size:13.5px;margin-bottom:0;} .input-idea .kpi-label{display:block;}
@media (max-width:520px){.input-item.lead{width:calc(50% - 6px);} .input-item{width:calc(25% - 9px);min-width:70px;}}
.spinner{width:18px;height:18px;border:3px solid var(--line);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite;flex:0 0 auto;}
@keyframes spin{to{transform:rotate(360deg);}}

/* materials gallery (offer page) + studio picker */
.material-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.material-card{border:.5px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--card);display:flex;flex-direction:column;}
.material-img{display:block;aspect-ratio:1/1;background:#fff;} .material-img img{width:100%;height:100%;object-fit:contain;}
.material-body{padding:10px;display:flex;flex-direction:column;gap:6px;font-size:13px;}
.material-name{font-weight:600;}
.material-desc summary{cursor:pointer;color:var(--olive);font-size:12.5px;}
.prose.small{font-size:12.5px;margin-top:4px;}
.picker-selected{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;}
.picker-slot{position:relative;border:1.5px dashed var(--line);border-radius:var(--r-md);padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:96px;}
.picker-slot.on{border-style:solid;border-color:var(--lime);background:var(--lime-tint);}
.picker-slot-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;}
.picker-slot img{width:64px;height:64px;object-fit:contain;border-radius:6px;background:#fff;}
.picker-clear{position:absolute;top:4px;right:4px;border:none;background:var(--ink);color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:18px;cursor:pointer;padding:0;}
.picker-tabs{margin:6px 0 4px;}
button.material{font:inherit;background:var(--card);cursor:pointer;}
@media (max-width:600px){.picker-selected{grid-template-columns:repeat(2,1fr);}}
.key-reveal{border-color:var(--lime);background:var(--lime-tint);}
.key-reveal .copy-box{max-width:none;} .key-reveal .copy-input{font-size:14px;}
pre.code{font:12px var(--mono);background:var(--bg);border-radius:var(--r-sm);padding:10px 12px;overflow-x:auto;white-space:pre;margin:8px 0 0;}
.icon-btn.on{background:var(--lime-tint);color:var(--olive);}
a.icon-btn{text-decoration:none;display:inline-flex;}
.empty-state{text-align:center;padding:40px 20px;} .empty-state i{font-size:36px;color:var(--muted2);} .empty-state h2{margin:8px 0 4px;}
.catalog-filters select{max-width:220px;} .catalog-colors{margin:-6px 0 14px;}
.product-price.big{font-size:22px;}
.try-product-body{display:flex;gap:14px;align-items:center;} .try-product-img{flex:0 0 120px;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;background:var(--bg);display:block;} .try-product-img img{width:100%;height:100%;object-fit:contain;display:block;}

/* dashboard chart: bars = income, lines = clicks / publications */
.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin:0 0 6px;}
.legend .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;}
.sw-income{background:var(--lime);} .sw-clicks{background:#F59E0B;border-radius:50%;} .sw-pubs{background:#3B82F6;border-radius:50%;}
.chart .line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;}
.chart .line-clicks{stroke:#F59E0B;} .chart .line-pubs{stroke:#3B82F6;}
.chart .dot-clicks{fill:#F59E0B;} .chart .dot-pubs{fill:#3B82F6;}
.chart-table{margin-top:8px;} .chart-table summary{cursor:pointer;}
.payout-cell{white-space:nowrap;}
/* feedback chips are toggled with the `hidden` attribute — must beat display:flex */
.chips[hidden]{display:none;}
[data-feedback] .row.gap{margin-bottom:10px;} [data-feedback] .chips{margin:6px 0 10px;}
.material-title{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
button.material,label.material{min-width:0;overflow:hidden;}
.form .row.gap.wrap>label{flex:1 1 160px;min-width:0;}
.filters.in-card{padding:0 0 12px;margin:0 0 12px;border-bottom:.5px solid var(--line);}
.reasons{align-items:center;} .reasons-label{margin-right:4px;font-size:14px;}
.fb-done{display:flex;flex-direction:column;align-items:flex-start;gap:10px;} .fb-done-title{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--olive);} .fb-summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center;} .fb-summary:empty{display:none;} .fb-comment{font-size:13px;color:var(--ink-soft);font-style:italic;}
.chart .chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;}
.chart .axis{font-size:9.5px;fill:var(--muted2);font-family:var(--font);}
.chart .axis-count{fill:#B45309;} .chart .axis-income{fill:var(--olive);}
.chart .pt{font-size:10px;font-weight:600;font-family:var(--font);} .chart .pt-clicks{fill:#B45309;} .chart .pt-pubs{fill:#2563EB;}
/* utilities (CSP forbids inline style attributes) */
.mt-8{margin-top:8px;} .mt-10{margin-top:10px;} .mt-12{margin-top:12px;} .mt-14{margin-top:14px;} .mb-8{margin:0 0 8px;}
.w-90{width:90px;}
.progress-bar{width:0;transition:width .3s ease;}
/* product lookup */
.lookup-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;}
.lookup-form input[type=url]{flex:1;min-width:240px;font:inherit;font-size:14px;padding:10px 12px;border:.5px solid #D5D9DF;border-radius:var(--r-sm);}
.lookup-form input:focus{outline:2px solid var(--lime);border-color:var(--lime);}
.dash-lookup{margin-bottom:16px;} .lookup-label{flex:0 0 auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:100%;}
@media (max-width:600px){.lookup-label{flex:1 1 100%;} .lookup-label .small{flex-basis:100%;} .lookup-form input[type=url]{min-width:0;flex-basis:100%;}}
.lookup-img{flex:0 0 200px;background:#fff;border-radius:var(--r-md);overflow:hidden;border:.5px solid var(--line);}
.lookup-img img{width:100%;display:block;object-fit:contain;max-height:280px;}
.lookup-body{flex:1;min-width:220px;} .lookup-body h2{margin:6px 0 4px;font-size:18px;}
.row.top{align-items:flex-start;} h2.m0{margin:0;}
/* busy feedback: top progress bar + spinner on the clicked control */
.nav-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--lime);z-index:100;opacity:0;pointer-events:none;box-shadow:0 0 6px rgba(215,231,42,.8);}
.nav-progress.on{opacity:1;animation:navgrow 12s cubic-bezier(.1,.6,.2,1) forwards;}
.nav-progress.done{opacity:0;width:100%;transition:width .2s ease,opacity .35s ease .15s;animation:none;}
@keyframes navgrow{0%{width:0}15%{width:35%}50%{width:70%}100%{width:92%}}
/* blocks loaded after the page (offer: catalog, materials, deeplink domains) */
.nav-progress.on-lazy{opacity:1;transition:width .3s ease;}
.nav-progress.on-lazy.done{opacity:0;width:100%;transition:width .2s ease,opacity .35s ease .15s;}
.upload-pill{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:101;padding:9px 16px;border-radius:999px;background:rgba(14,14,4,.88);color:#fff;font-size:13px;font-weight:500;box-shadow:0 6px 18px rgba(0,0,0,.25);font-variant-numeric:tabular-nums;pointer-events:none;}
.upload-pill[hidden]{display:none;}
.lazy-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);border:.5px dashed var(--line);color:var(--muted);font-size:13px;white-space:nowrap;}
.spinner.sm{width:14px;height:14px;border-width:2px;}
.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:14px;}
.skeleton{display:block;min-height:150px;border-radius:var(--r-md);background:linear-gradient(90deg,var(--bg) 25%,#E9ECF0 50%,var(--bg) 75%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite;}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.lazy-failed{color:var(--muted);font-size:13px;}
html.is-busy,html.is-busy body{cursor:progress;}
.is-loading{position:relative;pointer-events:none;opacity:.75;}
.btn.is-loading::after,button.is-loading::after{content:"";display:inline-block;width:12px;height:12px;margin-left:6px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;}
a.is-loading:not(.btn){opacity:.6;}
.btn[disabled].is-loading{opacity:.75;}
.created-link{border-color:var(--lime);background:var(--lime-tint);}
.created-link .copy-box{max-width:none;} .created-link .copy-input{background:#fff;font-size:14px;}
/* catalog landing: category tiles */
/* catalog: category cards with a 2×2 photo mosaic (photos arrive after the page, collage.py) */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}
.cat-card{display:flex;flex-direction:column;border:.5px solid var(--line);border-radius:var(--r-md);background:var(--card);text-decoration:none;color:var(--ink);overflow:hidden;min-width:0;transition:box-shadow .15s ease,border-color .15s ease,transform .1s ease;}
.cat-card:hover{border-color:var(--lime-tint-border);box-shadow:0 8px 20px rgba(14,14,4,.09);}
.cat-card:active{transform:scale(.99);}
.cat-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:1/1;background:var(--bg);}
.cat-mosaic>.skeleton{grid-column:1/-1;grid-row:1/-1;min-height:0;border-radius:0;}
.cat-mosaic img{width:100%;height:100%;object-fit:cover;display:block;background:#fff;min-width:0;min-height:0;}
.cat-mosaic.n1 img{grid-column:1/-1;grid-row:1/-1;}
.cat-mosaic.n2 img{grid-row:1/-1;}
.cat-mosaic.n3 img:first-child{grid-row:1/-1;}
.cat-mosaic img.broken{visibility:hidden;}
.cat-mosaic.empty{display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--muted2);background:var(--lime-tint);}
.cat-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;}
.cat-foot i{color:var(--muted);transition:transform .15s ease;} .cat-card:hover .cat-foot i{transform:translateX(3px);color:var(--ink);}
.cat-text{display:flex;flex-direction:column;min-width:0;}
.cat-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .cat-count{font-size:12px;color:var(--muted);white-space:nowrap;}
@media (max-width:520px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}
.offer-rate{padding:8px 14px;border:.5px solid var(--lime-tint-border);background:var(--lime-tint);border-radius:var(--r-md);min-width:120px;}
.offer-rate-value{font-size:20px;font-weight:700;color:var(--olive);letter-spacing:-.3px;}
.offer-payout{font-size:15px;line-height:1.2;}
/* `hidden` attribute always wins over display rules (picker panes, chips, blocks) */
[hidden]{display:none !important;}
.material img,button.material img,label.material img{width:90px;height:90px;object-fit:contain;border-radius:8px;background:#fff;display:block;}
.material img.broken{visibility:hidden;}
.material-img{display:block;height:180px;background:#fff;} .material-img img{width:100%;height:100%;object-fit:contain;}
/* #6: spinner must not push the Link button out of a compact card */
.product-actions{flex-wrap:wrap;} .product-actions .btn.is-loading::after{margin-left:0;}
.product-actions .btn.is-loading>i{display:none;}
/* #9: buttons align with the selects in a form row */
.form .row.gap.wrap{align-items:flex-end;}
.form .row.gap.wrap>.btn{margin-bottom:1px;}
.chart .line-convs{stroke:#7C3AED;} .chart .dot-convs{fill:#7C3AED;} .sw-convs{background:#7C3AED;border-radius:50%;} .chart .pt-convs{fill:#6D28D9;}
/* my page (link-in-bio) */
.lp-list{display:flex;flex-direction:column;}
.lp-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:.5px solid var(--line);}
.lp-row{scroll-margin-top:72px;} .lp-row:last-child{border-bottom:none;} #profile{scroll-margin-top:72px;} .lp-row.off{opacity:.55;} .lp-row.off .lp-actions{opacity:1;}
.lp-list.compact .lp-row{padding:6px 0;}
.lp-tile{width:52px;height:52px;border-radius:12px;background:#fff;border:.5px solid var(--line);display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;color:var(--muted2);font-size:20px;text-decoration:none;}
.lp-tile img{width:100%;height:100%;object-fit:cover;display:block;}
.lp-tile.big{width:120px;height:120px;border-radius:16px;}
.lp-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.lp-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lp-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;}
.btn-toggle i{font-size:18px;color:var(--muted2);} .btn-toggle.on{background:var(--lime-tint);border-color:var(--lime-tint-border);color:var(--olive);} .btn-toggle.on i{color:var(--olive);}
.btn-danger{color:var(--bad);}
.lp-slug-row{align-items:center;} .lp-prefix{white-space:nowrap;font-weight:400;} .lp-slug-row input{flex:1;min-width:0;}
.lp-avatar-row{align-items:center;} .lp-avatar-row .grow{flex:1;}
.lp-avatar{width:64px;height:64px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;color:var(--muted2);font-size:24px;}
.lp-avatar img{width:100%;height:100%;object-fit:cover;}
.lp-preview{display:flex;gap:14px;align-items:flex-start;}
.lp-group{margin:12px 0 0;text-transform:uppercase;letter-spacing:.3px;font-size:11px;}
.lp-head-actions .copy-box{margin:0;}
@media (max-width:640px){.lp-row{flex-wrap:wrap;} .lp-actions{width:100%;justify-content:flex-start;}}
.lp-break{overflow-wrap:anywhere;}
.dash-offers{margin-bottom:16px;} .dash-offers .offer-grid{margin:0;} .dash-offers .card-head h2 i{color:var(--olive);}
.offer-banner{aspect-ratio:21/9;max-height:380px;width:100%;border-radius:var(--r-md);overflow:hidden;margin:8px 0 14px;border:.5px solid var(--line);background:var(--bg);} .offer-banner{position:relative;} .offer-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.access-card{border-left:3px solid var(--warn);} .access-card.access-pending{border-left-color:var(--warn);} .access-accounts{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;}
.dash-pending{margin-bottom:16px;} .dash-pending .card-head h2 i{color:var(--warn);}
.offer-desc{font-size:12.5px;color:var(--ink-soft);margin-top:6px;line-height:1.4;}
.offer-more{color:var(--olive);font-weight:600;cursor:pointer;white-space:nowrap;} .offer-more:hover{text-decoration:underline;}
dialog.modal{border:none;border-radius:var(--r-lg);padding:0;max-width:min(560px,calc(100vw - 32px));width:100%;box-shadow:0 20px 60px rgba(14,14,4,.25);background:var(--card);color:var(--ink);}
dialog.modal::backdrop{background:rgba(14,14,4,.45);}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 8px;} .modal-head h2{margin:0;font-size:17px;}
.modal-body{padding:0 18px 18px;font-size:14px;line-height:1.55;max-height:70vh;overflow:auto;}
.modal-text p{white-space:pre-line;margin:0 0 10px;} .modal-text h3{font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted2);margin:14px 0 6px;} .modal-text ul{margin:0;padding-left:18px;} .modal-text li{margin-bottom:6px;}
.modal-head h2 .ti{color:var(--ink);} .modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px;}
#link-modal{max-width:min(460px,calc(100vw - 32px));} #link-modal .modal-body p{margin:0 0 10px;}
.linkask-view{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--r-md);background:var(--bg);color:var(--ink-soft);}
.linkask-btns{display:inline-flex;gap:6px;flex-wrap:wrap;} .linkask-btns .btn{margin:0;}
@media (max-width:600px){.modal-actions .btn{flex:1 1 auto;}}

/* search by photo */
.dash-lookup-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:12px;align-items:stretch;margin-bottom:16px;}
.dash-lookup-wrap .dash-lookup{margin:0;align-content:start;}
.dash-photo{margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:6px;justify-content:center;background:var(--lime-tint);border-color:var(--lime-tint-border);}
.dash-photo-head{display:flex;align-items:center;gap:8px;font-size:14.5px;} .dash-photo-head i{font-size:20px;color:var(--olive);}
.dash-photo p{margin:0;} .dash-photo .btn{align-self:flex-start;cursor:pointer;margin-top:2px;}
@media (max-width:760px){.dash-lookup-wrap{grid-template-columns:1fr;} .dash-photo .btn{align-self:stretch;justify-content:center;}}
.ph-stage-card{padding:12px;}
.ph-stage{position:relative;display:block;width:100%;max-height:70vh;background:#0E0E04;border-radius:var(--r-md);overflow:hidden;line-height:0;}
.ph-stage img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;margin:0 auto;}
.ph-noimg{height:220px;display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:14px;line-height:1.4;}
.ph-box{position:absolute;border:2px solid rgba(255,255,255,.85);border-radius:8px;background:rgba(215,231,42,.08);box-shadow:0 0 0 1px rgba(14,14,4,.35);cursor:pointer;padding:0;transition:border-color .15s,background .15s;}
.ph-box:hover{background:rgba(215,231,42,.18);}
.ph-box.on{border-color:var(--lime);background:rgba(215,231,42,.22);box-shadow:0 0 0 1px rgba(14,14,4,.35),0 0 0 3px rgba(215,231,42,.35);}
.ph-box.empty{border-style:dashed;opacity:.7;}
.ph-box.approx{border-style:dotted;border-width:2px;}
.ph-num{position:absolute;top:-10px;left:-10px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:12px;font-weight:700;line-height:22px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.4);}
.ph-box.on .ph-num{background:var(--lime);color:var(--on-lime);}
.ph-chips{margin-top:10px;flex-wrap:wrap;gap:6px;} .ph-chips .chip{flex:0 1 auto;max-width:100%;min-width:0;font:inherit;font-size:12.5px;}
.ph-chip-label{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;}
.ph-chip-count{white-space:nowrap;}
.ph-object-title{flex-wrap:wrap;min-width:0;} .ph-object-title>span:not(.ph-chip-num){min-width:0;overflow-wrap:anywhere;}
@media (max-width:600px){.ph-chip-label{max-width:62vw;} .ph-chips .chip{padding:6px 11px;}}
.ph-chip-num{display:inline-block;min-width:18px;height:18px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:11px;font-weight:700;line-height:18px;text-align:center;}
.chip.on .ph-chip-num{background:var(--olive);}
.badge.tier-exact{background:var(--ok-bg);color:var(--ok);} .badge.tier-likely{background:var(--lime-tint);color:var(--olive);} .badge.tier-similar{background:var(--bg);color:var(--muted);}
.ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
/* without this the automatic minimum of a card (its nowrap title) blows the 1fr tracks up
   to the text width — on a phone the whole result page scrolled sideways */
.ph-grid>*{min-width:0;}
.ph-cand{display:flex;flex-direction:column;gap:6px;border:.5px solid var(--line);border-radius:var(--r-md);padding:8px;background:var(--card);}
.ph-cand.tier-exact{border-color:var(--ok);} .ph-cand.tier-likely{border-color:var(--lime-tint-border);}
.ph-cand .product-actions{margin-top:auto;}   /* buttons line up across a row of uneven titles */
.ph-cand-img{position:relative;display:block;aspect-ratio:3/4;background:#fff;border-radius:8px;overflow:hidden;} .ph-cand-img img{width:100%;height:100%;object-fit:cover;display:block;}
.ph-cand-img .badge{position:absolute;left:6px;top:6px;}
.ph-cand-body{font-size:12.5px;min-width:0;}
.ph-cand-title{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
.ph-cand{font-size:13.5px;} .ph-cand-body{font-size:13px;} .ph-cand-title{font-size:14px;}
/* the best match of the item leads the list: a full-width card, photo on the left */
.ph-cand.lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;row-gap:10px;padding:12px;}
.ph-cand.lead .ph-cand-img{grid-row:1/3;aspect-ratio:3/4;}
.ph-cand.lead .ph-cand-body{font-size:14px;align-self:start;} .ph-cand.lead .ph-cand-title{font-size:17px;-webkit-line-clamp:3;line-clamp:3;}
.ph-cand.lead .product-price{font-size:18px;margin-top:6px;}
.ph-cand.lead .product-actions{grid-column:2;align-self:end;}
/* the photo could not be shown: a readable note instead of a black box, no floating frames */
.ph-stage.noimg{background:var(--bg);} .ph-stage.noimg .ph-box{display:none;} .ph-stage .ph-noimg[hidden]{display:none;}
/* «tap a frame»: the frames pulse one after another, with a caption over the photo */
.ph-hint{position:absolute;left:12px;right:12px;bottom:12px;margin:0 auto;width:fit-content;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(14,14,4,.82);color:#fff;font-size:13px;line-height:1.3;box-shadow:0 4px 14px rgba(0,0,0,.3);animation:phhintin .35s ease-out both;pointer-events:none;}
.ph-hint[hidden]{display:none;} .ph-hint i{color:var(--lime);font-size:18px;animation:phtap 1s ease-in-out infinite;}
.ph-box.hint{animation:phpulse-box 1.3s ease-in-out 2;}
.ph-box.hint::after{content:"";position:absolute;inset:-6px;border-radius:12px;border:2px solid var(--lime);animation:phring 1.3s ease-out 2;pointer-events:none;}
@keyframes phpulse-box{0%,100%{background:rgba(215,231,42,.08);}50%{background:rgba(215,231,42,.34);border-color:var(--lime);}}
@keyframes phring{0%{opacity:.9;transform:scale(.96);}100%{opacity:0;transform:scale(1.12);}}
@keyframes phtap{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
@keyframes phhintin{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:reduce){.ph-box.hint,.ph-box.hint::after,.ph-hint,.ph-hint i{animation:none;}}
.ph-object .card-head h2{display:flex;align-items:center;gap:6px;} .ph-object{scroll-margin-top:72px;}
@media (max-width:600px){
  .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .ph-stage-card{padding:8px;}
  .ph-cand.lead{grid-template-columns:minmax(0,44%) minmax(0,1fr);column-gap:12px;padding:10px;}
  .ph-cand.lead .ph-cand-title{font-size:15px;} .ph-cand.lead .product-actions{grid-column:1/-1;}
  .ph-cand.lead .ph-cand-img{grid-row:1/2;}
  .ph-hint{font-size:12px;bottom:8px;}
  /* the photo must not eat the whole first screen — chips and the first matches stay reachable */
  .ph-stage,.ph-stage img{max-height:46vh;}
  .ph-cand{padding:6px;gap:4px;} .ph-cand-body{font-size:12px;}
  .ph-cand-img .badge{font-size:10.5px;padding:2px 6px;} .ph-cand-img .badge .tier-word{display:none;}
  .ph-cand .product-actions{gap:6px;} .ph-cand .product-actions .btn-sm{padding:7px 10px;}
  .ph-cand .product-actions .grow{flex:1 0 100%;}          /* the link button gets its own row */
}
@media (min-width:900px){
  .photo-search{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:16px;align-items:start;}
  .ph-stage-card{grid-column:1;grid-row:1 / span 20;position:sticky;top:72px;margin:0;}
  .ph-object,.photo-search>p{grid-column:2;margin:0;}
  .ph-stage,.ph-stage img{max-height:calc(100vh - 220px);}
}

/* photo search: the "searching" page */
.ph-searching{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.ph-scan{position:relative;flex:0 1 380px;max-width:100%;border-radius:var(--r-md);overflow:hidden;background:#0E0E04;line-height:0;}
.ph-scan img{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain;}
.ph-scan-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,4,.25),rgba(14,14,4,.05) 40%,rgba(14,14,4,.25));animation:phpulse 2.4s ease-in-out infinite;}
.ph-scan-line{position:absolute;left:0;right:0;top:0;height:3px;background:var(--lime);box-shadow:0 0 18px 6px rgba(215,231,42,.55);animation:phscan 2.2s ease-in-out infinite;}
.ph-corner{position:absolute;width:26px;height:26px;border:3px solid var(--lime);animation:phpulse 1.6s ease-in-out infinite;}
.ph-corner.tl{top:10px;left:10px;border-right:none;border-bottom:none;border-radius:6px 0 0 0;}
.ph-corner.tr{top:10px;right:10px;border-left:none;border-bottom:none;border-radius:0 6px 0 0;}
.ph-corner.bl{bottom:10px;left:10px;border-right:none;border-top:none;border-radius:0 0 0 6px;}
.ph-corner.br{bottom:10px;right:10px;border-left:none;border-top:none;border-radius:0 0 6px 0;}
@keyframes phscan{0%{top:0}50%{top:calc(100% - 3px)}100%{top:0}}
@keyframes phpulse{0%,100%{opacity:.55}50%{opacity:1}}
.ph-searching-text{flex:1 1 260px;min-width:0;}
.ph-searching-title{font-size:17px;font-weight:600;display:flex;align-items:center;gap:10px;}
.ph-searching-title .spinner{width:18px;height:18px;}
.ph-steps{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--muted);}
.ph-steps li{display:flex;align-items:center;gap:8px;} .ph-steps li i{font-size:17px;}
.ph-steps li.on{color:var(--ink);font-weight:600;} .ph-steps li.on i{color:var(--olive);}
.ph-steps li.done{color:var(--olive);}
@media (max-width:600px){.ph-searching{flex-direction:column;align-items:stretch;gap:14px;} .ph-scan{flex-basis:auto;}
  /* the status text and the steps have to be visible while the search runs, not below the fold */
  .ph-scan img{max-height:38vh;} .ph-corner{width:20px;height:20px;}}
@media (prefers-reduced-motion:reduce){.ph-scan-line,.ph-scan-veil,.ph-corner{animation:none;}}
.ph-cand.off-gender{opacity:.6;} .ph-cand.off-gender:hover{opacity:1;}
.ph-approx{font-size:14px;color:var(--muted2);margin-left:2px;vertical-align:-1px;}
.ph-group-label{display:flex;align-items:center;gap:5px;margin:10px 2px 4px;text-transform:uppercase;letter-spacing:.3px;font-size:11px;}
.ph-verdict{font-size:11.5px;display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--muted);}
.ph-verdict.v-same{color:var(--ok);font-weight:600;} .ph-verdict.v-variant{color:var(--olive);} .ph-verdict.v-different{color:var(--bad);}

/* ---------------------------------------------------------------- My page: tabs, «O mnie» first on phones */
.lp-tabs{margin:0 0 14px;}
.lp-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"cards about";gap:16px;align-items:start;}
.lp-about{grid-area:about;} .lp-cards{grid-area:cards;}
@media (max-width:900px){.lp-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"about" "cards";}}

/* «Wygląd»: settings + a phone preview of the public page */
.look{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,330px);grid-template-areas:"form preview";gap:16px;align-items:start;}
.look-form{grid-area:form;display:flex;flex-direction:column;gap:0;} .look-preview{grid-area:preview;position:sticky;top:16px;}
@media (max-width:900px){.look{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview" "form";} .look-preview{position:static;}}
.theme-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;}
.theme-preset{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--card);cursor:pointer;font:inherit;color:var(--ink);}
.theme-preset:hover{border-color:var(--muted2);} .theme-preset.on{border-color:var(--ink);}
.theme-swatch{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:4/3;border-radius:9px;padding:0 0 10px;border:.5px solid var(--line);background:#F4F6F8;}
.theme-swatch-cta{width:62%;height:9px;border-radius:999px;background:#D7E72A;}
.theme-preset-name{font-size:12px;font-weight:500;text-align:center;}
.bg-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
@media (max-width:560px){.bg-styles{grid-template-columns:repeat(2,minmax(0,1fr));}}
.bg-style{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;border:1.5px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-weight:400;text-align:center;}
.bg-style.on{border-color:var(--ink);background:var(--bg);} .bg-style.on .bg-style-name{font-weight:600;}
.bg-style input{position:absolute;opacity:0;pointer-events:none;}
.bg-style-name{font-size:13px;}
.bg-pic{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:48px;height:64px;padding-top:9px;border-radius:10px;background:#2E2E2E;overflow:hidden;}
.bg-pic>span{position:relative;z-index:1;}
.bg-pic-avatar{width:11px;height:11px;border-radius:50%;background:#fff;margin-bottom:2px;}
.bg-pic-line{width:72%;height:4px;border-radius:2px;background:#fff;}
.bg-pic-gradient{background:linear-gradient(180deg,#A5A5A5 0%,#2E2E2E 100%);}
.bg-pic-cover{background:linear-gradient(160deg,#B86BFF 0%,#FF5FA2 50%,#2BC0E4 100%);}
.bg-pic-header::before{content:"";position:absolute;left:0;right:0;top:0;height:21px;background:linear-gradient(120deg,#FF8A3D,#C06CFF,#2BC0E4);}
.look-colors{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;}
.color-field{display:flex;align-items:stretch;border:.5px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card);width:200px;margin-top:4px;}
.color-field input[type=color]{flex:0 0 46px;width:46px;height:40px;border:0;padding:0;margin:0;background:none;cursor:pointer;}
.color-field input[type=text]{flex:1;min-width:0;border:0;border-left:.5px solid var(--line);border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;}
.look-image{margin-top:14px;} .look-image-now{margin-top:8px;align-items:center;}
.look-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;border:.5px solid var(--line);}
.look-save{position:sticky;bottom:0;z-index:2;padding:18px 0 12px;background:linear-gradient(180deg,rgba(244,246,248,0) 0%,var(--bg) 45%);}

/* the phone preview — a scaled copy of pages/static/brand.css, colours from --pv-* (cabinet.js) */
.pv-phone{max-width:290px;margin:4px auto 0;padding:7px;border-radius:36px;background:#111;}
.pv-screen{--pv-bg:#F4F6F8;--pv-page-bg2:#F4F6F8;--pv-page-ink:#0E0E04;--pv-page-soft:#3A3F47;--pv-page-muted:#6B7280;--pv-page-faint:#9AA1AB;
  --pv-page-accent:#5C6E00;--pv-lime:#D7E72A;--pv-on-lime:#1E2400;--pv-lime-tint:#F7FAD9;--pv-lime-tint-border:#E4E9B8;--pv-olive:#5C6E00;--pv-lime-edge:transparent;
  position:relative;height:540px;overflow-y:auto;overflow-x:hidden;border-radius:29px;background:var(--pv-bg);scrollbar-width:none;}
.pv-screen::-webkit-scrollbar{display:none;}
.pv-screen.theme-gradient{background:linear-gradient(180deg,var(--pv-bg) 0%,var(--pv-page-bg2) 100%);}
.pv-screen.theme-cover{background:#1E1E1E;}
.pv-bgimg{position:sticky;top:0;height:540px;margin-bottom:-540px;z-index:0;overflow:hidden;}
.pv-bgimg img{width:100%;height:100%;object-fit:cover;display:block;}
.theme-cover .pv-bgimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.42) 45%,rgba(0,0,0,.62) 100%);}
.theme-header .pv-bgimg{position:absolute;top:0;left:0;right:0;height:112px;margin:0;}
.theme-header .pv-bgimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 55%);}
.pv-page{position:relative;z-index:1;}
.pv-wordmark{text-align:center;font-size:11px;font-weight:500;color:var(--pv-page-ink);padding-top:14px;} .pv-wordmark span{color:#C2D400;}
.theme-header .pv-wordmark{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.35);}
.theme-cover .pv-wordmark,.theme-cover .pv-profile,.theme-cover .pv-label{text-shadow:0 1px 6px rgba(0,0,0,.5);}
.pv-profile{text-align:center;padding:8px 14px 2px;}
.theme-header .pv-profile{padding-top:60px;}
.pv-avatar{width:48px;height:48px;margin:0 auto 6px;border-radius:50%;background:#0E0E04;color:var(--pv-lime);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;overflow:hidden;}
.pv-avatar img{width:100%;height:100%;object-fit:cover;}
.theme-header .pv-avatar{border:2px solid var(--pv-bg);}
.on-dark .pv-avatar{box-shadow:0 0 0 2px rgba(255,255,255,.22);}
.pv-name{font-size:13px;font-weight:600;color:var(--pv-page-ink);}
.pv-handle{font-size:10px;color:var(--pv-page-muted);margin-top:1px;}
.pv-bio{font-size:10px;line-height:1.4;color:var(--pv-page-soft);margin-top:4px;}
.pv-tagline{margin:10px 10px 0;padding:8px;border-radius:10px;background:var(--pv-lime-tint);border:.5px solid var(--pv-lime-tint-border);text-align:center;font-size:11px;font-weight:500;color:#0E0E04;}
.pv-tagline i{color:var(--pv-olive);}
.pv-label{display:flex;align-items:center;gap:4px;margin:10px 12px 6px;font-size:10px;font-weight:500;color:var(--pv-page-accent);}
.pv-row{display:flex;align-items:center;gap:8px;margin:0 10px 6px;padding:7px 8px;border-radius:10px;background:#fff;border:.5px solid #EDEFF2;}
.pv-row.featured{background:var(--pv-lime-tint);border-color:var(--pv-lime-tint-border);}
.pv-tile{flex:0 0 28px;width:28px;height:28px;border-radius:7px;background:#0E0E04;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pv-tile img{width:100%;height:100%;object-fit:cover;}
.pv-body{flex:1;min-width:0;display:flex;flex-direction:column;font-size:10px;color:#0E0E04;}
.pv-body small{font-size:9px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pv-cta{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:var(--pv-lime);color:var(--pv-on-lime);font-size:9px;font-weight:500;box-shadow:inset 0 0 0 1px var(--pv-lime-edge);}
.pv-disclosure{margin:8px 14px;font-size:9px;line-height:1.4;text-align:center;color:var(--pv-page-faint);}
.pv-footer{margin-top:10px;padding:14px;text-align:center;background:#0E0E04;}
.pv-footer span{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--pv-lime);color:var(--pv-on-lime);font-size:9px;font-weight:500;box-shadow:inset 0 0 0 1px var(--pv-lime-edge);}
@media (max-width:900px){.pv-phone{max-width:250px;} .pv-screen{height:400px;} .pv-bgimg{height:400px;margin-bottom:-400px;}}

/* offer creatives: graphics grid + text list (lazy part of the offer page) */
.cr-h3{font-size:14px;margin:14px 0 8px;}
.cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.cr-card{display:flex;flex-direction:column;border:.5px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--card);min-width:0;}
.cr-img{display:block;aspect-ratio:4/5;background:var(--bg);} .cr-img img{width:100%;height:100%;object-fit:contain;display:block;}
.cr-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;}
.cr-badges{display:flex;flex-wrap:wrap;gap:4px;}
.cr-caption{font-size:13px;line-height:1.45;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.cr-code{display:flex;align-items:center;gap:6px;} .cr-code code{font-weight:600;}
.btn.btn-xs{padding:3px 7px;font-size:12px;min-height:0;}
.cr-texts{display:flex;flex-direction:column;gap:10px;}
.cr-text{border:.5px solid var(--line);border-radius:var(--r-md);padding:12px 14px;background:var(--card);}
.cr-text-body{font-size:14px;line-height:1.5;white-space:pre-line;}
.cr-text-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap;}
@media (max-width:520px){.cr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}

/* file fields in the cabinet's language (cabinet.js): the native input stays, visually hidden */
.file-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0;}
.file-pick{display:flex;align-items:center;gap:12px;margin-top:6px;padding:8px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--card);cursor:pointer;font-weight:400;min-width:0;transition:border-color .15s ease,background .15s ease;}
.file-pick:hover{border-color:var(--muted2);} .file-pick.has-file{border-style:solid;}
.file-native:focus-visible+.file-pick{outline:2px solid var(--lime);outline-offset:2px;}
.file-thumb{flex:0 0 56px;width:56px;height:56px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted2);font-size:22px;}
.file-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.file-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;flex:1;}
.file-btn{pointer-events:none;}
.file-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.file-clear{flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:.5px solid var(--line);background:var(--card);color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0;}
.file-clear:hover{color:var(--ink);border-color:var(--muted2);} .file-clear[hidden]{display:none;}

/* finance → payout methods */
.pm-list{display:flex;flex-direction:column;gap:10px;}
.pm-row{display:flex;gap:14px;align-items:flex-start;padding:14px;border:.5px solid var(--line);border-radius:var(--r-md);background:var(--card);}
.pm-row.default{border-color:var(--lime-tint-border);background:var(--lime-tint);}
.pm-icon{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--olive);overflow:hidden;}
.pm-icon img{width:100%;height:100%;object-fit:contain;}
.pm-body{flex:1;min-width:0;}
.pm-details{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 12px;margin:8px 0 0;font-size:13px;}
.pm-details dt{color:var(--muted);} .pm-details dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.pm-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end;}
@media (max-width:600px){.pm-row{flex-wrap:wrap;} .pm-actions{flex-direction:row;width:100%;justify-content:flex-end;}}
.pm-providers{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;}
.pm-provider{display:flex;gap:12px;align-items:center;padding:12px;border:.5px solid var(--line);border-radius:var(--r-md);text-decoration:none;color:var(--ink);background:var(--card);}
.pm-provider:hover{border-color:var(--muted2);} .pm-provider>span:last-child{display:flex;flex-direction:column;gap:2px;}
.pm-head{display:flex;gap:12px;align-items:center;margin-bottom:6px;}
.pm-status .kpi-value.small{font-size:15px;}
label.has-error input,label.has-error select{border-color:#D14343;}
.field-error{display:block;color:#B42318;font-size:12.5px;margin-top:4px;font-weight:400;}
.field-error[hidden]{display:none;}
.req{color:#B42318;}

/* «Dochód do 50 zł z każdej sprzedaży» on product cards (cabinet/earnings.py) */
.earn{display:flex;align-items:center;gap:7px;margin-top:6px;padding:6px 9px;border-radius:10px;background:var(--lime-tint);border:.5px solid var(--lime-tint-border);color:var(--olive);font-size:12px;line-height:1.3;}
.earn>i{font-size:17px;flex:0 0 auto;}
.earn-text{min-width:0;} .earn strong{color:var(--ink);font-size:13.5px;white-space:nowrap;} .earn-sub{display:block;font-size:11px;}
.earn.big{padding:10px 12px;margin:10px 0 12px;font-size:13.5px;} .earn.big>i{font-size:22px;} .earn.big strong{font-size:18px;} .earn.big .earn-sub{font-size:12.5px;}
.earn.big{align-items:flex-start;} .earn.big .earn-text{flex:1 1 auto;} .earn-tiers{display:flex;flex-direction:column;gap:5px;margin-top:10px;}
.earn-tiers-head{font-size:12px;color:var(--olive);}
.earn-tier{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;background:var(--card);color:var(--ink);}
.earn-tier-name{flex:1 1 auto;min-width:0;font-size:13px;} .earn-tier-rate{font-size:12px;color:var(--muted);white-space:nowrap;}
.earn.big .earn-tier strong{font-size:14px;}