@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --navy:#0c1e6b;
  --navy-2:#0a1858;
  --navy-line:#1a2e8f;
  --yellow:#f2dc65;
  --yellow-bright:#f0e150;
  --cyan:#02b5e0;
  --cyan-2:#00a0c8;
  --cream:#fdf6e8;
  --peach:#f9e4cc;
  --skyblue:#eaf2ff;
  --white:#ffffff;
  --gray-1:#f6f7fb;
  --gray-2:#edeff7;
  --gray-3:#d8dceb;
  --ink:#0c1e6b;
  --ink-2:#1a2470;
  --ink-3:#4b5a9a;
  --ink-4:#7c87b3;
  --danger:#b42318;
  --danger-bg:#fef3f2;
  --success:#057a55;
  --success-bg:#ecfdf3;
  --bg:#fdf6e8;
  --card:#ffffff;
  --border:rgba(12,30,107,.10);
  --shadow:rgba(12,30,107,.10);
  --shadow-strong:rgba(12,30,107,.18);
  --rad-card:14px;
  --rad-cardL:22px;
  --rad-pill:999px;
  --f-display:'Sora',system-ui,sans-serif;
  --f-body:'Plus Jakarta Sans',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 4%, rgba(2,181,224,.16), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(242,220,101,.28), transparent 26%),
    linear-gradient(180deg,#fff 0%,var(--cream) 34%,#fff 100%);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:28px 18px 42px}
.admin-wrap{max-width:1280px}
.narrow{max-width:660px}

/* Brand header */
.topbar,
.hero-card{
  position:relative;
  overflow:hidden;
  background:var(--navy);
  color:var(--white);
  border-radius:var(--rad-cardL);
  padding:30px;
  margin:0 0 22px;
  box-shadow:0 18px 50px var(--shadow-strong);
}
.topbar:before,
.hero-card:before{
  content:'';
  position:absolute;
  width:270px;
  height:270px;
  border-radius:50%;
  right:-90px;
  top:-100px;
  background:var(--navy-line);
  opacity:.58;
}
.topbar:after,
.hero-card:after{
  content:'';
  position:absolute;
  width:100px;
  height:100px;
  border-radius:50%;
  left:7%;
  bottom:-42px;
  background:var(--cyan);
  opacity:.20;
}
.topbar>* , .hero-card>*{position:relative;z-index:2}
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--white);
  font-family:var(--f-display);
  font-weight:900;
  letter-spacing:.04em;
  line-height:1;
}
.mark{
  width:36px;
  height:36px;
  border-radius:10px;
  background:var(--cyan);
  color:var(--white);
  display:grid;
  place-items:center;
  box-shadow:0 8px 20px rgba(2,181,224,.28);
}
.brand span:nth-child(2){color:var(--white);font-size:14px}
.brand span:nth-child(3){color:var(--yellow);font-size:14px;margin-left:-4px}

h1,h2,h3{font-family:var(--f-display);letter-spacing:-.02em}
h1{
  margin:18px 0 8px;
  color:var(--white);
  font-size:clamp(30px,4vw,48px);
  line-height:1.05;
  font-weight:900;
}
h2{margin:0 0 14px;color:var(--navy);font-size:clamp(22px,2.4vw,30px);line-height:1.12;font-weight:800}
h3{margin:0 0 8px;color:var(--navy-line);font-size:18px;line-height:1.22;font-weight:800}
p{margin:0 0 12px}.muted{color:var(--ink-3)}
.topbar p,.hero-card p{color:rgba(255,255,255,.78);max-width:860px}
.topbar strong,.hero-card strong{color:var(--yellow)}
.hero-card .highlight{color:var(--yellow)}

/* Navigation and actions */
.nav,.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 0}
.btn,a.btn,button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:42px;
  background:var(--yellow);
  color:var(--navy);
  border:0;
  border-radius:var(--rad-pill);
  padding:12px 20px;
  font-family:var(--f-display);
  font-weight:800;
  font-size:14px;
  line-height:1.15;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 8px 0 rgba(12,30,107,.14),0 14px 30px rgba(242,220,101,.30);
  transition:transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.btn:hover,a.btn:hover,button:hover{transform:translateY(-2px);background:var(--yellow-bright)}
.btn.secondary,a.btn.secondary{
  background:rgba(255,255,255,.10);
  color:var(--white);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:none;
}
.card .btn.secondary,
.notice .btn.secondary,
a.btn.secondary[href*='dashboard'],
a.btn.secondary[href*='login'],
a.btn.secondary[href*='forgot'],
a.btn.secondary[href*='commissions'],
a.btn.secondary[href*='export'],
a.btn.secondary[href*='logout']{
  background:rgba(2,181,224,.12);
  border:1px solid rgba(2,181,224,.24);
  color:var(--navy);
}
.btn.danger,a.btn.danger{background:#fee4e2;color:var(--danger);box-shadow:none;border:1px solid rgba(180,35,24,.18)}
.btn.danger:hover,a.btn.danger:hover{background:#ffd7d2}

/* Cards */
.card{
  background:rgba(255,255,255,.94);
  border:1px solid var(--border);
  box-shadow:0 10px 28px var(--shadow);
  border-radius:var(--rad-cardL);
  padding:24px;
  margin:16px 0;
}
.card.narrow{margin-left:auto;margin-right:auto}
.card p:last-child{margin-bottom:0}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}
.stat{
  position:relative;
  overflow:hidden;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--rad-cardL);
  padding:20px;
  box-shadow:0 10px 28px rgba(12,30,107,.08);
}
.stat:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--yellow),var(--cyan))}
.stat strong{
  display:block;
  color:var(--navy);
  font-family:var(--f-display);
  font-size:clamp(28px,3vw,40px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
  margin-bottom:7px;
}
.stat span{color:var(--ink-3);font-weight:700;font-size:13px}

/* Forms */
form{margin:0}
label{
  display:block;
  margin:14px 0 6px;
  color:var(--navy);
  font-family:var(--f-display);
  font-weight:800;
  font-size:13px;
}
input,textarea,select{
  width:100%;
  border:1.5px solid var(--gray-2);
  border-radius:14px;
  padding:13px 14px;
  font:inherit;
  color:var(--ink);
  background:var(--white);
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(2,181,224,.12)}
textarea{min-height:112px;resize:vertical}
input[readonly]{background:var(--gray-1);font-family:var(--f-mono);font-size:12.5px;color:var(--ink-2)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.inline-form{max-width:480px}
.commission-form{align-items:center}
.commission-form input{max-width:160px}
.commission-form button{white-space:nowrap}

/* Messages */
.notice{
  background:var(--skyblue);
  border:1px solid rgba(2,181,224,.24);
  color:var(--ink-2);
  padding:16px 18px;
  border-radius:var(--rad-card);
  margin:16px 0;
  box-shadow:0 8px 18px rgba(2,181,224,.06);
}
.notice strong{color:var(--navy)}
.success{background:var(--success-bg);border-color:rgba(5,122,85,.24);color:#055b3e}
.error{background:var(--danger-bg);border-color:rgba(180,35,24,.22);color:var(--danger)}

/* Tables */
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--rad-cardL);box-shadow:0 8px 22px rgba(12,30,107,.06)}
table{width:100%;border-collapse:collapse;background:var(--white);min-width:760px}
th,td{text-align:left;vertical-align:top;padding:13px 12px;border-bottom:1px solid rgba(12,30,107,.08);font-size:13px}
th{background:var(--navy-line);color:var(--white);font-family:var(--f-display);font-size:12px;font-weight:800;letter-spacing:.01em}
tbody tr:nth-child(even){background:#fcfbf7}
tbody tr:hover{background:#fffbe7}
td input[readonly]{min-width:260px}
.status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--rad-pill);
  padding:6px 10px;
  background:#eef2ff;
  color:var(--navy);
  font-weight:800;
  font-size:12px;
  white-space:nowrap;
}
.status.ok{background:var(--success-bg);color:var(--success)}
.status.bad{background:var(--danger-bg);color:var(--danger)}

/* Referral tools */
.sharebox{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sharebox input{flex:1 1 260px;font-size:12.5px}
.checklist{margin:14px 0 0;padding-left:20px;color:rgba(255,255,255,.82)}
.checklist li{margin:7px 0}
.footer-note{font-size:12px;color:var(--ink-4);margin-top:22px;text-align:center}

/* Public referral card */
.hero-card.narrow{margin-left:auto;margin-right:auto;text-align:left}
.hero-card h1{font-size:clamp(34px,4.8vw,58px);max-width:640px}
.hero-card .brand{margin-bottom:10px}
.hero-card + .notice.narrow,
.hero-card + .notice + .card.narrow,
.hero-card + .card.narrow{margin-left:auto;margin-right:auto}

/* Auth pages */
.topbar.narrow{margin-left:auto;margin-right:auto}
.topbar.narrow h1{font-size:clamp(30px,4.2vw,44px)}

/* Landing-page style helpers */
.price-pill,.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:var(--white);
  border-radius:var(--rad-pill);
  padding:8px 14px;
  font-size:13px;
  font-weight:700;
}
.accent-yellow{color:var(--yellow)}
.accent-cyan{color:var(--cyan)}

@media(max-width:900px){
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body{font-size:15px}
  .wrap{padding:18px 12px 32px}
  .topbar,.hero-card{padding:24px 20px;border-radius:20px}
  .grid,.grid3,.form-row{grid-template-columns:1fr}
  .card{padding:18px;border-radius:18px}
  .btn,a.btn,button{width:100%;padding:12px 16px}
  .nav,.actions{gap:8px}
  .sharebox{display:block}
  .sharebox .btn{margin-top:8px}
  table{min-width:900px}
}

/* UX polish update - v6 */
.topbar{padding:24px 28px;margin-bottom:20px}
.topbar h1{font-size:clamp(28px,3.2vw,42px);margin:16px 0 8px}
.topbar p{font-size:15px;margin-bottom:8px}
.nav{gap:8px;margin-top:14px}
.topbar .nav .btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.26)}
.topbar .nav .btn.secondary:hover{background:rgba(255,255,255,.2)}
.topbar .nav .btn.danger{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.20);box-shadow:none}
.card .btn.secondary,.notice .btn.secondary{background:rgba(2,181,224,.10);border:1px solid rgba(2,181,224,.24);color:var(--navy);box-shadow:none}
.btn.small,button.small,a.btn.small{min-height:34px;padding:8px 12px;font-size:12px;box-shadow:none}
.btn.text-link,a.btn.text-link{background:transparent;color:var(--navy);box-shadow:none;border:0;padding:0;min-height:auto}
.table-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0}
.table-actions button,.table-actions .btn{min-height:32px;padding:7px 10px;font-size:11.5px;box-shadow:none}
.inline-form button,.commission-form button{margin-top:10px}
.form-help{display:block;color:var(--ink-4);font-size:12.5px;margin-top:5px;line-height:1.45}
.section-note{background:#fff9d8;border:1px solid rgba(242,220,101,.75);border-radius:16px;padding:14px 16px;color:var(--ink-2);margin:14px 0}
.status.info{background:#e0f2fe;color:#075985}
.status.pending{background:#fff7ed;color:#9a3412}
.status.bad{background:var(--danger-bg);color:var(--danger)}
.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.copy-row input{min-width:0}
.copy-row .btn{white-space:nowrap;box-shadow:none}
.mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mini-actions .btn{box-shadow:none}
.input-prefix{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;border:1.5px solid var(--gray-2);border-radius:14px;background:#fff;overflow:hidden}
.input-prefix span{display:grid;place-items:center;height:100%;background:var(--gray-1);font-family:var(--f-display);font-weight:900;color:var(--navy)}
.input-prefix input{border:0;border-radius:0}.input-prefix:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(2,181,224,.12)}
.checkbox-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:16px 0;color:var(--ink-2);font-weight:600;font-family:var(--f-body);font-size:14px;line-height:1.55}
.checkbox-row input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--cyan)}
.public-hero{max-width:980px;margin:0 auto 18px;background:var(--navy);color:#fff;border-radius:28px;padding:34px;position:relative;overflow:hidden;box-shadow:0 18px 50px var(--shadow-strong)}
.public-hero:before{content:'';position:absolute;width:320px;height:320px;right:-120px;top:-120px;background:var(--navy-line);border-radius:50%;opacity:.60}.public-hero:after{content:'';position:absolute;width:130px;height:130px;left:7%;bottom:-60px;background:var(--cyan);border-radius:50%;opacity:.22}.public-hero>*{position:relative;z-index:2}
.public-hero h1{font-size:clamp(30px,4.5vw,54px);max-width:760px;margin:18px 0 14px}.public-hero p{max-width:720px;color:rgba(255,255,255,.80)}
.benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 0;padding:0;list-style:none}.benefit-list li{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 14px;color:#fff;font-weight:700}.benefit-list li:before{content:'✓';color:var(--yellow);font-weight:900;margin-right:8px}
.referral-form-card{max-width:760px;margin:0 auto}.referral-form-card h2{margin-bottom:8px}.referral-footer{text-align:center;color:var(--ink-4);font-size:13px;margin-top:18px}.referral-footer strong{color:var(--navy)}
@media(max-width:760px){.copy-row{grid-template-columns:1fr}.copy-row .btn{width:100%}.benefit-list{grid-template-columns:1fr}.public-hero{padding:24px 20px;border-radius:22px}.topbar{padding:22px 20px}.table-actions{display:grid;grid-template-columns:1fr}.table-actions button{width:100%}}

/* Withdrawal workflow - v7 */
.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.balance-box{background:#fff9d8;border:1px solid rgba(242,220,101,.75);border-radius:18px;padding:16px;box-shadow:0 8px 18px rgba(12,30,107,.05)}
.balance-box span{display:block;color:var(--ink-3);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.balance-box strong{display:block;color:var(--navy);font-family:var(--f-display);font-size:clamp(24px,2.6vw,34px);line-height:1;font-weight:900}
.withdrawal-form{margin-top:14px}.withdrawal-form textarea{min-height:82px}.withdrawal-form button{margin-top:12px}
.table-actions textarea{min-width:180px;min-height:64px;font-size:12px;padding:9px 10px;border-radius:12px}
@media(max-width:760px){.balance-grid{grid-template-columns:1fr}.table-actions textarea{width:100%;min-width:0}}

/* Banner library - v8 */
.banner-thumb{max-width:180px;max-height:92px;width:auto;height:auto;border:1px solid var(--gray-2);border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(12,30,107,.06)}
.banner-edit-form{min-width:310px}.banner-edit-form input[type="file"]{font-size:12px;padding:10px}
.banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.banner-card{background:#fff;border:1px solid var(--border);border-radius:var(--rad-cardL);padding:18px;box-shadow:0 10px 28px rgba(12,30,107,.07)}
.banner-preview{display:flex;align-items:center;justify-content:center;min-height:150px;background:linear-gradient(135deg,#f6f7fb,#fff9d8);border:1px dashed rgba(12,30,107,.18);border-radius:18px;margin-bottom:14px;overflow:hidden;padding:12px}
.banner-preview img{max-width:100%;max-height:220px;width:auto;height:auto;border:0;display:block}
.banner-meta{margin-bottom:12px}.banner-meta h3{margin-bottom:4px}.code-textarea{font-family:var(--f-mono);font-size:12px;min-height:126px;line-height:1.45;background:var(--gray-1)}
@media(max-width:900px){.banner-grid{grid-template-columns:1fr}.banner-edit-form{min-width:0}}

/* Reports and analytics - v10 */
.report-filter-form .form-row{grid-template-columns:1.2fr 1fr 1fr;align-items:end}
.report-filter-form .mini-actions{margin-top:14px}
@media(max-width:760px){.report-filter-form .form-row{grid-template-columns:1fr}}

/* Affiliate visibility permissions - v12 */
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 18px}
.permission-item{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;background:var(--gray-1);border:1px solid var(--gray-2);border-radius:14px;padding:10px 12px;margin:0;font-family:var(--f-body);font-size:13px;font-weight:700;color:var(--ink-2)}
.permission-item input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--cyan)}
.affiliate-permission-list{display:grid;gap:16px;margin-top:16px}
.permission-card{background:#fff;border:1px solid var(--border);border-radius:var(--rad-cardL);padding:18px;box-shadow:0 8px 22px rgba(12,30,107,.06)}
.permission-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.permission-card h4{font-family:var(--f-display);color:var(--navy);margin:14px 0 8px;font-size:15px}
.inline-mini-form{margin-top:0}
@media(max-width:900px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.permission-grid{grid-template-columns:1fr}.permission-card-head{display:block}.permission-card-head .status{margin-top:8px}}
.clean-list{margin:0;padding-left:20px;color:var(--ink-2);line-height:1.7}.clean-list li{margin:6px 0}.table-actions input{min-width:180px;margin-bottom:6px}.balance-box:nth-child(2) strong{color:#b45309}

/* Affiliate user management - v14 */
.affiliate-edit-form{min-width:520px;max-width:680px}
.affiliate-edit-form textarea{min-height:68px}
.affiliate-edit-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.affiliate-edit-form label{margin-top:9px}
.affiliate-edit-form input,.affiliate-edit-form textarea,.affiliate-edit-form select{padding:10px 12px;border-radius:12px;font-size:13px}
@media(max-width:760px){.affiliate-edit-form{min-width:0}.affiliate-edit-form .form-row{grid-template-columns:1fr}}

/* Admin information architecture */
.admin-topbar{padding:26px 30px 24px}
.topbar-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.admin-user-menu{position:relative;margin-left:auto;z-index:6}
.admin-user-menu summary{list-style:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:var(--rad-pill);padding:8px 12px;color:var(--white);font-family:var(--f-display);font-size:13px;font-weight:800}
.admin-user-menu summary::-webkit-details-marker{display:none}
.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font-family:var(--f-display);font-weight:900;box-shadow:0 8px 18px rgba(242,220,101,.25)}
.user-label{color:var(--white)}
.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:8px;box-shadow:0 18px 45px rgba(12,30,107,.20)}
.user-dropdown a{display:flex;align-items:center;justify-content:space-between;color:var(--danger);font-family:var(--f-display);font-size:13px;font-weight:800;padding:10px 12px;border-radius:12px}
.user-dropdown a:hover{background:var(--danger-bg)}
.admin-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;position:relative;z-index:5}
.admin-nav .nav-main,.admin-nav .nav-group>summary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rad-pill);padding:11px 16px;font-family:var(--f-display);font-weight:850;font-size:13px;line-height:1.1;cursor:pointer;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:var(--white);box-shadow:none;transition:background .15s ease, transform .15s ease, color .15s ease}
.admin-nav .nav-main:hover,.admin-nav .nav-group>summary:hover{transform:translateY(-1px);background:rgba(255,255,255,.18)}
.admin-nav .nav-main.active,.admin-nav .nav-group.active>summary{background:var(--yellow);color:var(--navy);border-color:transparent;box-shadow:0 8px 0 rgba(12,30,107,.14),0 14px 30px rgba(242,220,101,.24)}
.nav-group{position:relative;z-index:9}
.nav-group>summary{list-style:none;gap:8px}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:after{content:'▾';font-size:11px;line-height:1;opacity:.8}
.nav-submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:245px;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:8px;box-shadow:0 22px 55px rgba(12,30,107,.22);z-index:10}
.nav-submenu a{display:flex;align-items:center;color:var(--navy);font-family:var(--f-display);font-size:13px;font-weight:800;padding:11px 12px;border-radius:12px;white-space:nowrap}
.nav-submenu a:hover{background:rgba(2,181,224,.10);color:var(--navy-line)}
@media(max-width:760px){.admin-topbar{padding:22px}.topbar-head{align-items:flex-start}.admin-nav{align-items:stretch}.admin-nav .nav-main,.admin-nav .nav-group,.admin-nav .nav-group>summary{width:100%;justify-content:space-between}.nav-submenu{position:static;min-width:0;margin-top:8px}.user-label{display:none}}

/* Admin dropdown layering fix - v16
   Keep category submenus and the admin user menu above dashboard cards. */
.admin-wrap{position:relative;overflow:visible}
.admin-topbar{
  position:relative;
  overflow:visible;
  z-index:3000;
  margin-bottom:34px;
}
.admin-topbar:before,
.admin-topbar:after{pointer-events:none}
.admin-topbar > *{position:relative;z-index:2}
.admin-nav{position:relative;z-index:3200;overflow:visible}
.admin-nav .nav-group{position:relative;z-index:3300}
.admin-nav .nav-group[open]{z-index:3600}
.nav-submenu{
  z-index:4000;
  transform:translateZ(0);
}
.admin-user-menu{position:relative;z-index:4100}
.admin-user-menu[open]{z-index:4300}
.user-dropdown{z-index:4400}
.grid,.grid3,.card,.stat,.notice{position:relative;z-index:1}
@media(max-width:760px){
  .admin-topbar{margin-bottom:22px}
  .nav-submenu{z-index:auto;transform:none}
}

/* Admin navigation v17 - no overlay dropdowns.
   Subcategories render as a normal row inside the header, so they cannot hide behind dashboard cards. */
.admin-nav .nav-section{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--rad-pill);
  padding:11px 16px;
  font-family:var(--f-display);
  font-weight:850;
  font-size:13px;
  line-height:1.1;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.10);
  color:var(--white);
  box-shadow:none;
  transition:background .15s ease, transform .15s ease, color .15s ease;
}
.admin-nav .nav-section:hover{transform:translateY(-1px);background:rgba(255,255,255,.18)}
.admin-nav .nav-section.active{background:var(--yellow);color:var(--navy);border-color:transparent;box-shadow:0 8px 0 rgba(12,30,107,.14),0 14px 30px rgba(242,220,101,.24)}
.admin-subnav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:14px;
  padding:10px;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  position:relative;
  z-index:3;
}
.admin-subnav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(255,255,255,.92);
  color:var(--navy);
  font-family:var(--f-display);
  font-weight:850;
  font-size:12.5px;
  box-shadow:0 8px 18px rgba(12,30,107,.12);
}
.admin-subnav a:hover{background:var(--yellow);color:var(--navy)}
.admin-topbar{overflow:visible;margin-bottom:22px}
@media(max-width:760px){
  .admin-nav .nav-section{width:100%;justify-content:space-between}
  .admin-subnav{display:grid;grid-template-columns:1fr;padding:8px}
  .admin-subnav a{justify-content:flex-start;width:100%}
}


/* Admin navigation v18 - fixed non-dropdown layout
   This intentionally removes dropdown behavior. Subcategories render in a normal row
   inside the blue header, so they cannot be covered by dashboard cards. */
.admin-topbar{
  overflow:visible !important;
  padding-bottom:30px !important;
  margin-bottom:34px !important;
}
.admin-nav{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  position:relative !important;
  z-index:2 !important;
}
.admin-nav .nav-main,
.admin-nav .nav-section{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:11px 18px !important;
  font-family:var(--f-display) !important;
  font-weight:850 !important;
  font-size:13px !important;
  line-height:1.1 !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.10) !important;
  color:var(--white) !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
.admin-nav .nav-main.active,
.admin-nav .nav-section.active{
  background:var(--yellow) !important;
  color:var(--navy) !important;
  border-color:transparent !important;
  box-shadow:0 8px 0 rgba(12,30,107,.14),0 14px 30px rgba(242,220,101,.24) !important;
}
.admin-nav .nav-main::after,
.admin-nav .nav-section::after{
  content:none !important;
  display:none !important;
}
.admin-nav details,
.admin-nav summary,
.admin-nav .nav-group,
.admin-nav .nav-submenu{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.admin-subnav{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
  margin-top:16px !important;
  margin-bottom:0 !important;
  padding:12px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  position:relative !important;
  z-index:2 !important;
  clear:both !important;
}
.admin-subnav::before{
  content:'Section:';
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 4px;
  color:rgba(255,255,255,.78);
  font-family:var(--f-display);
  font-size:12px;
  font-weight:850;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.admin-subnav a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  border-radius:999px !important;
  padding:8px 13px !important;
  background:rgba(255,255,255,.96) !important;
  color:var(--navy) !important;
  font-family:var(--f-display) !important;
  font-weight:850 !important;
  font-size:12.5px !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(12,30,107,.12) !important;
}
.admin-subnav a:hover{
  background:var(--yellow) !important;
  color:var(--navy) !important;
}
.grid,.grid3,.card,.stat,.notice{
  position:relative !important;
  z-index:1 !important;
}
@media(max-width:760px){
  .admin-nav .nav-main,
  .admin-nav .nav-section{width:100% !important;justify-content:flex-start !important}
  .admin-subnav{display:grid !important;grid-template-columns:1fr !important}
  .admin-subnav::before{padding:6px 4px !important}
  .admin-subnav a{justify-content:flex-start !important;width:100% !important}
}


/* v20 affiliate management clarity */
.management-toolbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.toolbar-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
}
.section-head-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:16px;
}
.action-stack{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
}
.action-stack form{width:100%}
.action-stack .btn,
.action-stack button{width:100%;justify-content:center;box-shadow:none;min-height:36px;padding:8px 12px;font-size:12px}
.action-stack.wide .btn,
.action-stack.wide button{min-height:44px;font-size:14px;padding:12px 18px}
.ghost-danger{background:#fff;color:var(--danger);border:1px solid rgba(180,35,24,.28);box-shadow:none}
.ghost-danger:hover{background:var(--danger-bg)}
.admin-form-card{max-width:none}
.admin-form-card .form-section-title{font-size:20px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(12,30,107,.10)}
.affiliate-admin-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);align-items:start}
.affiliate-list-table th:last-child,
.affiliate-list-table td:last-child{min-width:140px}
.affiliate-list-table th:first-child,
.affiliate-list-table td:first-child{min-width:220px}
.btn.small,button.small{min-height:34px;padding:8px 12px;font-size:12px;box-shadow:none}
.nav-section.active,.nav-main.active{background:var(--yellow);color:var(--navy);border-color:transparent}
.admin-subnav a[href*="affiliate-new"]{background:var(--yellow);color:var(--navy);font-weight:900}
@media(max-width:900px){
  .management-toolbar,.section-head-row{flex-direction:column;align-items:stretch}
  .toolbar-actions{justify-content:flex-start}
  .affiliate-admin-grid{grid-template-columns:1fr}
}

/* v21 critical admin usability fixes */
.admin-account-box{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  border-radius:18px;
  padding:8px 12px;
  color:#fff;
  position:relative;
  z-index:5;
}
.admin-avatar{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--yellow);
  color:var(--navy);
  font-family:var(--f-display);
  font-weight:900;
  box-shadow:0 8px 18px rgba(242,220,101,.25);
}
.admin-account-meta{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.admin-account-meta span{font-family:var(--f-display);font-weight:900;font-size:13px;color:#fff}
.admin-logout-link{
  display:inline-flex;
  align-items:center;
  color:var(--yellow);
  font-family:var(--f-display);
  font-weight:900;
  font-size:12px;
  text-decoration:none;
}
.admin-logout-link:hover{text-decoration:underline;color:var(--yellow-bright)}
.admin-user-menu{display:none !important}
.quick-actions-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.quick-action-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  padding:20px;
  box-shadow:0 10px 28px rgba(12,30,107,.08);
}
.quick-action-card h3{margin-bottom:8px;color:var(--navy)}
.quick-action-card p{color:var(--ink-3);font-size:14px;min-height:44px}
.quick-action-card .btn{margin-top:10px;box-shadow:none;width:100%}
.empty-state{
  display:grid;
  place-items:center;
  text-align:center;
  padding:30px 18px;
  background:linear-gradient(135deg,#fff,#fff9d8);
  border:1px dashed rgba(12,30,107,.22);
  border-radius:22px;
  margin-top:16px;
}
.empty-state h3{font-size:22px;color:var(--navy);margin-bottom:8px}
.empty-state p{max-width:620px;color:var(--ink-3);margin-bottom:16px}
.affiliate-top-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:0 0 16px;
}
.affiliate-top-actions .btn{box-shadow:none}
.btn.primary-strong,
a.btn.primary-strong{
  background:var(--yellow);
  color:var(--navy);
  box-shadow:0 8px 0 rgba(12,30,107,.14),0 14px 30px rgba(242,220,101,.30);
}
@media(max-width:900px){.quick-actions-grid{grid-template-columns:1fr}.admin-account-box{align-self:flex-end}.quick-action-card p{min-height:0}}


/* Affiliate code display */
.affiliate-code-box{margin:10px 0;padding:10px 12px;border:1px solid rgba(2,181,224,.24);background:rgba(2,181,224,.08);border-radius:14px;display:flex;align-items:flex-start;gap:8px;flex-direction:column;max-width:100%;}
.affiliate-code-box span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#4b5a9a;}
.affiliate-code-box code{display:block;width:100%;font-family:var(--f-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);font-size:13px;font-weight:800;color:#0c1e6b;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.35;}
.affiliate-code-box-inline{margin-top:8px;max-width:420px;}

/* v24 quick controls edit affiliate details */
.tracking-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}
.tracking-option{
  background:#fafcff;
  border:1px solid rgba(12,30,107,.10);
  border-radius:18px;
  padding:16px;
}
.tracking-option.full{grid-column:1 / -1;}
.tracking-option h3{margin:0 0 6px;color:var(--navy);font-size:16px;}
.tracking-option .copy-row{margin-top:8px;}
.tracking-option input{font-family:var(--f-mono, ui-monospace, monospace);font-size:12px;overflow-wrap:anywhere;}
.tracking-option textarea.code-textarea{min-height:120px;font-family:var(--f-mono, ui-monospace, monospace);font-size:12px;}
@media(max-width:900px){.tracking-options{grid-template-columns:1fr}.tracking-option.full{grid-column:auto}}

#affiliate-details-form{scroll-margin-top:24px;}

/* v25 admin default affiliate URL display */
.affiliate-url-box{background:#fffdf1;border-color:rgba(242,220,101,.80);}
.affiliate-url-box code{font-size:12px;font-weight:700;}

/* v27 dynamic payout method fields */
.payout-dynamic-fields{margin-top:14px;}
.payout-method-panel{display:none;margin-top:14px;padding:16px;border:1px solid rgba(12,30,107,.12);border-radius:18px;background:#fafcff;}
.payout-method-panel.active{display:block;}
.payout-panel-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(12,30,107,.08);}
.payout-panel-heading strong{color:var(--navy);font-size:16px;}
.payout-panel-heading span{color:var(--ink-3);font-size:13px;line-height:1.45;}
.payout-method-select{margin-bottom:4px;}
.payout-method-panel .form-row{margin-bottom:0;}
.payout-method-panel textarea{min-height:92px;}

/* v27 affiliate removal confirmation */
.notice.warn{background:#fff9d8;border-color:rgba(242,220,101,.75);color:var(--ink-2)}
.danger-zone-card{border-color:rgba(180,35,24,.18)}
.confirm-remove-form{max-width:620px}
.checkbox-line{display:flex;align-items:center;gap:10px;font-weight:700;margin:14px 0 16px;color:var(--ink-2)}
.checkbox-line input{width:auto;min-height:auto;transform:scale(1.15)}

/* v28 currency management */
.currency-row{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}
.currency-row input,.currency-row select{margin-top:0}
@media(max-width:760px){.currency-row{grid-template-columns:1fr}}

/* v29 admin permissions */
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:16px 0}
.compact-grid{gap:10px;margin:0}
.soft-card{background:#fafcff;border:1px solid rgba(12,30,107,.10);box-shadow:none}
.permission-card{margin-top:18px}
.inline-check{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--f-body);font-weight:700;color:var(--ink-2)}
.inline-check input{width:auto;min-height:auto;margin:0;transform:scale(1.1)}
.admin-account-meta small{display:block;color:rgba(255,255,255,.58);font-size:11px;font-weight:700;line-height:1.1;margin-top:1px}
.actions-cell{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.actions-cell .inline-form{margin:0;display:inline-flex;max-width:none}
.actions-cell .inline-form button{margin:0}
@media(max-width:900px){.grid2{grid-template-columns:1fr}.actions-cell{flex-direction:column;align-items:flex-start}}

/* v30 fixed admin header height
   Keep the blue admin header the same visual height when moving between
   Dashboard, Reports, Affiliates, Commissions, Payment, Marketing Materials and Admin Users & Permissions.
   The subcategory row keeps a reserved height even when the active category has
   fewer links, so the dashboard/stat cards do not jump up or down. */
@media (min-width: 901px){
  .admin-topbar{
    min-height: 354px !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .admin-topbar .topbar-head{
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
  }
  .admin-topbar h1{
    min-height: 58px !important;
    display: flex !important;
    align-items: flex-end !important;
    margin-top: 22px !important;
    margin-bottom: 8px !important;
  }
  .admin-topbar > p{
    min-height: 32px !important;
    margin-bottom: 0 !important;
  }
  .admin-nav{
    min-height: 52px !important;
    margin-top: 22px !important;
    margin-bottom: 0 !important;
  }
  .admin-subnav{
    min-height: 78px !important;
    align-content: flex-start !important;
    margin-top: 16px !important;
  }
}
@media (max-width:900px){
  .admin-topbar{
    min-height: auto !important;
  }
  .admin-subnav{
    min-height: auto !important;
  }
}

/* v32 affiliate table filters and sorting */
.affiliate-filter-form .form-row{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end;
  gap:12px;
}
.affiliate-filter-form .form-row + .form-row{margin-top:12px;}
.sort-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#fff;
  font-weight:900;
  text-decoration:none;
  line-height:1.25;
}
.sort-link:hover{color:var(--yellow);}
.affiliate-list-table th .sort-link{white-space:nowrap;}
@media(max-width:1100px){.affiliate-filter-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.affiliate-filter-form .form-row{grid-template-columns:1fr;}}


/* v33: make affiliate filters impossible to miss */
.affiliate-page-intro { border: 2px solid rgba(2,181,224,.18); }
.affiliate-filter-panel {
  border: 2px solid rgba(2,181,224,.35);
  background: linear-gradient(180deg, #ffffff 0%, #f4fbff 100%);
  box-shadow: 0 18px 44px rgba(12,30,107,.12);
  scroll-margin-top: 24px;
}
.filter-panel-header {
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(12,30,107,.10);
}
.eyebrow-mini {
  display:inline-flex;
  align-items:center;
  background:rgba(2,181,224,.12);
  border:1px solid rgba(2,181,224,.25);
  color:#0c1e6b;
  border-radius:999px;
  font-family:var(--f-display, Arial, sans-serif);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:6px 10px;
  margin-bottom:8px;
}
.visible-filter-form {
  background:#fff;
  border:1px solid rgba(12,30,107,.10);
  border-radius:18px;
  padding:18px;
}
.visible-filter-form .form-row {
  display:grid;
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:14px;
  align-items:end;
  margin-bottom:14px;
}
.visible-filter-form .form-row:nth-of-type(2) {
  grid-template-columns:repeat(5,minmax(150px,1fr));
}
.visible-filter-form label {
  display:block;
  font-weight:900;
  color:#0c1e6b;
  font-size:13px;
  margin-bottom:6px;
}
.visible-filter-form input,
.visible-filter-form select {
  width:100%;
  min-height:44px;
  border:1px solid rgba(12,30,107,.18);
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  background:#fff;
}
.filter-actions {
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  margin-top:6px;
}
.sort-link {
  color:#fff;
  font-weight:900;
  text-decoration:none;
}
.sort-link:hover { text-decoration:underline; }
@media(max-width:1000px){
  .visible-filter-form .form-row,
  .visible-filter-form .form-row:nth-of-type(2){grid-template-columns:repeat(2,minmax(150px,1fr));}
  .filter-panel-header{flex-direction:column;}
}
@media(max-width:640px){
  .visible-filter-form .form-row,
  .visible-filter-form .form-row:nth-of-type(2){grid-template-columns:1fr;}
  .filter-actions{flex-direction:column;align-items:stretch;}
}

/* v34: affiliate filters fixed at top and fully expanded */
.affiliate-filter-panel-top{
  margin-top: 22px !important;
  margin-bottom: 20px !important;
  border: 3px solid rgba(2,181,224,.45) !important;
  background: linear-gradient(180deg,#ffffff 0%,#f1fbff 100%) !important;
}
.always-visible-affiliate-filters{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  max-height:none !important;
  overflow:visible !important;
}
.filter-grid{
  display:grid !important;
  gap:14px !important;
  align-items:end !important;
  margin-bottom:14px !important;
}
.filter-grid-4{grid-template-columns:repeat(4,minmax(160px,1fr)) !important;}
.filter-grid-5{grid-template-columns:repeat(5,minmax(145px,1fr)) !important;}
.filter-grid label{
  display:block !important;
  font-weight:900 !important;
  color:#0c1e6b !important;
  font-size:13px !important;
  margin-bottom:6px !important;
}
.filter-grid input,.filter-grid select{
  width:100% !important;
  min-height:46px !important;
  border:1px solid rgba(12,30,107,.18) !important;
  border-radius:14px !important;
  padding:10px 12px !important;
  background:#fff !important;
  color:#0c1e6b !important;
  font-size:14px !important;
}
.compact-management-toolbar{margin-top:0 !important;}
@media(max-width:1200px){.filter-grid-4,.filter-grid-5{grid-template-columns:repeat(2,minmax(180px,1fr)) !important;}}
@media(max-width:700px){.filter-grid-4,.filter-grid-5{grid-template-columns:1fr !important;}}

/* v35: inline filters inside Affiliate List table card */
.affiliate-table-filter-panel{
  background:#f8fbff;
  border:1px solid rgba(2,181,224,.22);
  border-radius:22px;
  padding:20px;
  margin:18px 0 22px;
  box-shadow:0 10px 26px rgba(12,30,107,.06);
}
.affiliate-table-filter-panel .filter-panel-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:16px;
}
.affiliate-table-filter-panel h3{
  margin:2px 0 6px;
  color:var(--navy);
  font-size:22px;
  font-family:var(--f-display);
  letter-spacing:-.02em;
}
.affiliate-row-id{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 9px;
  margin-bottom:8px;
  border-radius:999px;
  background:#eef8fb;
  border:1px solid rgba(2,181,224,.25);
  color:var(--navy);
  font-family:var(--f-mono);
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.affiliate-list-table th .sort-link{
  color:#fff;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.affiliate-list-table th .sort-link:hover{color:var(--yellow)}
@media(max-width:900px){
  .affiliate-table-filter-panel .filter-panel-header{flex-direction:column;align-items:stretch}
}

/* v37: landing page live preview layout */
.landing-pages-card{overflow:visible}
.landing-page-list{display:flex;flex-direction:column;gap:24px;margin-top:20px}
.landing-page-row-card{
  display:grid;
  grid-template-columns:minmax(360px,42%) 1fr;
  gap:24px;
  align-items:start;
  border:1px solid rgba(12,30,107,.10);
  border-radius:24px;
  background:#fffdf3;
  padding:22px;
  box-shadow:0 12px 28px rgba(12,30,107,.06);
}
.landing-live-preview-panel,.landing-page-details-panel{min-width:0}
.preview-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.preview-panel-head strong{display:block;color:var(--navy);font-family:var(--f-display);font-size:18px;line-height:1.2;margin-top:3px}
.eyebrow-mini{display:block;text-transform:uppercase;letter-spacing:.12em;font-family:var(--f-mono);font-size:11px;font-weight:800;color:var(--cyan)}
.landing-preview-browser{
  background:#fff;
  border:1px solid rgba(12,30,107,.14);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 14px 30px rgba(12,30,107,.09);
}
.preview-browser-bar{
  min-height:36px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  background:#f6f7fb;
  border-bottom:1px solid rgba(12,30,107,.08);
}
.preview-browser-bar span{width:10px;height:10px;border-radius:999px;background:#d9deee;display:inline-block;flex:0 0 auto}
.preview-browser-bar span:nth-child(1){background:#ff6b6b}.preview-browser-bar span:nth-child(2){background:#f2dc65}.preview-browser-bar span:nth-child(3){background:#02b5e0}
.preview-browser-bar em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5f6888;font-family:var(--f-mono);font-size:11px;margin-left:6px}
.landing-preview-viewport{
  height:360px;
  background:#eef8fb;
  overflow:hidden;
  position:relative;
}
.landing-preview-viewport iframe{
  width:1440px;
  height:1200px;
  border:0;
  transform:scale(.32);
  transform-origin:top left;
  background:#fff;
  pointer-events:none;
}
.preview-note{font-size:12px;color:#5f6888;margin:10px 2px 0;line-height:1.5}
.landing-page-summary-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:start;
  margin-bottom:16px;
}
.landing-page-summary-row h3{margin:0 0 8px;color:var(--navy);font-size:22px;font-family:var(--f-display)}
.url-display{display:inline-block;margin-top:8px;color:var(--navy);font-family:var(--f-mono);font-size:13px;word-break:break-all;background:#eef8fb;border:1px solid rgba(2,181,224,.22);border-radius:12px;padding:8px 10px}
.landing-page-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-weight:800;color:var(--navy);white-space:nowrap}
.landing-page-edit-card{background:#fff;border:1px solid rgba(12,30,107,.09);border-radius:18px;padding:18px;margin-top:12px}
@media(max-width:1100px){.landing-page-row-card{grid-template-columns:1fr}.landing-preview-viewport{height:300px}.landing-preview-viewport iframe{transform:scale(.25)}}
@media(max-width:760px){.landing-page-summary-row{grid-template-columns:1fr}.landing-page-meta{align-items:flex-start}.preview-panel-head{flex-direction:column;align-items:flex-start}.landing-page-row-card{padding:16px}.landing-preview-viewport{height:260px}}


/* v38: Landing page search */
.landing-page-search-card{margin-top:18px;margin-bottom:18px}
.landing-page-search-form{margin-top:14px}
.filter-grid-3{display:grid;grid-template-columns:2fr 1fr auto;gap:14px;align-items:end}
.landing-filter-actions{display:flex;gap:10px;align-items:end;margin:0;padding-bottom:0}
.landing-filter-actions .btn,.landing-filter-actions button{white-space:nowrap;min-height:48px}
@media(max-width:900px){.filter-grid-3{grid-template-columns:1fr 1fr}.landing-filter-actions{grid-column:1 / -1}}
@media(max-width:640px){.filter-grid-3{grid-template-columns:1fr}.landing-filter-actions{flex-direction:column;align-items:stretch}.landing-filter-actions .btn,.landing-filter-actions button{width:100%}}

/* v46 Payment submenu layout and Payments Overview cleanup */
.admin-subnav-finance{
  display:grid !important;
  grid-template-columns:max-content repeat(7,max-content) !important;
  grid-auto-rows:minmax(36px,auto) !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:8px !important;
  row-gap:10px !important;
}
.admin-subnav-finance::before{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:start !important;
  margin-top:1px !important;
}
.admin-subnav-finance .finance-export-chargebacks{
  grid-column:2 !important;
  grid-row:2 !important;
}
@media(max-width:1100px){
  .admin-subnav-finance{
    display:flex !important;
    flex-wrap:wrap !important;
  }
  .admin-subnav-finance::before{
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .admin-subnav-finance .finance-export-chargebacks{
    grid-column:auto !important;
    grid-row:auto !important;
  }
}


/* v47 auth login spacing polish */
.auth-login-card{
  padding:28px 28px 30px;
}
.auth-login-card form{
  display:flex;
  flex-direction:column;
}
.auth-login-card label{
  margin-top:16px;
  margin-bottom:8px;
}
.auth-login-card input{
  min-height:52px;
}
.auth-login-card button[type=submit]{
  align-self:flex-start;
  margin-top:24px;
  margin-bottom:24px;
  min-width:118px;
}
.auth-login-note{
  margin-top:0;
  padding-top:18px;
  border-top:1px solid rgba(12,30,107,.10);
  line-height:1.65;
}
.auth-login-note a{
  color:var(--navy);
  font-weight:900;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
@media(max-width:760px){
  .auth-login-card{padding:22px 20px 24px}
  .auth-login-card button[type=submit]{width:100%;align-self:stretch;margin-top:20px;margin-bottom:20px}
}

/* v48 mobile hamburger admin menu */
.admin-mobile-menu-toggle{display:none;align-items:center;gap:10px;min-height:44px;margin-top:18px;background:var(--yellow);color:var(--navy);border:0;border-radius:999px;padding:12px 18px;font-family:var(--f-display);font-weight:900;font-size:14px;box-shadow:0 8px 0 rgba(12,30,107,.14),0 14px 30px rgba(242,220,101,.24)}
.hamburger-icon{display:inline-flex;flex-direction:column;gap:4px;width:20px}.hamburger-icon span{display:block;height:3px;width:100%;border-radius:999px;background:var(--navy)}
.admin-menu-panel{display:block}
@media(max-width:760px){.admin-topbar{padding:20px !important}.topbar-head{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.admin-account-box{justify-self:start;margin-left:0;max-width:100%}.admin-mobile-menu-toggle{display:inline-flex;width:100%;justify-content:space-between}.admin-menu-panel{display:none;margin-top:12px}.admin-menu-panel.is-open{display:block}.admin-nav{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;margin-top:0 !important}.admin-nav .nav-section{width:100% !important;justify-content:flex-start !important;min-height:46px !important}.admin-subnav{display:grid !important;grid-template-columns:1fr !important;margin-top:10px !important;padding:10px !important}.admin-subnav::before{padding:6px 4px !important}.admin-subnav a{width:100% !important;justify-content:flex-start !important;min-height:42px !important}}

/* v51 affiliate approval status visibility */
.status-management-card{border:1px solid rgba(2,181,224,.18);background:linear-gradient(180deg,#ffffff,#f8fcff)}
.status-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.status-guide-item{border:1px solid rgba(12,30,107,.10);border-radius:16px;padding:14px;background:#fff}
.status-guide-item p{margin:8px 0 0;color:var(--ink-3);font-size:13px;line-height:1.45}
.status-guide-stack{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.status-guide-stack p{margin:0;color:var(--ink-3);font-size:13px;line-height:1.45}
.inline-status-form,.quick-status-form{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.inline-status-form select,.quick-status-form select{min-width:170px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.compact .toolbar-actions{margin-left:auto}
@media(max-width:900px){.status-guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.status-guide-grid{grid-template-columns:1fr}}

/* v53 social login */
.social-login-block{margin:16px 0 20px;padding:16px;border:1px solid rgba(12,30,107,.10);background:#f8fbff;border-radius:18px}
.social-login-title{font-family:var(--f-display,Arial,sans-serif);font-weight:800;color:var(--navy,#0c1e6b);font-size:14px;margin-bottom:12px;text-align:center}
.social-login-grid{display:grid;gap:10px}
.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(12,30,107,.15);background:#fff;color:var(--navy,#0c1e6b);border-radius:999px;padding:12px 14px;font-weight:900;text-decoration:none;min-height:46px;box-shadow:0 4px 12px rgba(12,30,107,.06)}
.social-btn span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--cyan,#02b5e0);color:#fff;font-weight:900;font-size:13px}
.social-btn-google span{background:#4285f4}.social-btn-facebook span{background:#1877f2}.social-btn-apple span{background:#111}
.social-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(12,30,107,.10)}
.social-btn.disabled{opacity:.58;cursor:not-allowed;filter:grayscale(.2);box-shadow:none}
.social-btn.disabled small{margin-left:4px;color:#6b7280;font-weight:700}
.social-login-note{font-size:12.5px;color:#64748b;text-align:center;margin:10px 0 0;line-height:1.45}
.auth-password-form{margin-top:18px;padding-top:18px;border-top:1px solid rgba(12,30,107,.10)}


/* v53 social login placement */
.social-login-below{margin-top:22px;padding-top:18px;border-top:1px solid rgba(12,30,107,.10)}
.auth-password-form + .social-login-below{margin-bottom:18px}

/* v54 social login polish */
.social-login-block{margin-top:30px;padding:24px;border:1px solid rgba(12,30,107,.10);background:#f8fbff;border-radius:22px}
.social-login-title{font-family:var(--f-display,Arial,sans-serif);font-weight:900;color:var(--navy,#0c1e6b);font-size:17px;margin:0 0 18px;text-align:center;letter-spacing:.01em}
.social-login-grid{display:grid;gap:14px}
.social-btn{display:flex;align-items:center;justify-content:center;gap:14px;border-radius:12px;padding:16px 20px;min-height:58px;font-family:var(--f-display,Arial,sans-serif);font-weight:900;font-size:17px;text-decoration:none;box-shadow:0 8px 20px rgba(12,30,107,.08);transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;border:1px solid rgba(12,30,107,.10)}
.social-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(12,30,107,.14)}
.social-btn span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-weight:900;font-size:18px;line-height:1}
.social-btn-google{background:#fff;color:#5f6368;border-color:#e5e7eb}.social-btn-google span{background:transparent;color:#4285f4;font-family:Arial,sans-serif;font-size:22px}
.social-btn-facebook{background:#1877f2;color:#fff;border-color:#1877f2}.social-btn-facebook span{background:rgba(255,255,255,.16);color:#fff;font-family:Arial,sans-serif;font-size:22px}
.social-btn-apple{background:#000;color:#fff;border-color:#000}.social-btn-apple span{background:transparent;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:24px}
.social-login-note{font-size:13px;color:#64748b;text-align:center;margin:14px 0 0;line-height:1.5}
.social-login-below{padding-top:24px;border-top:1px solid rgba(12,30,107,.12)}
.auth-password-form + .social-login-below{margin-bottom:22px}
/* v55 demo affiliate login note */
.demo-affiliate-note{background:#fffdf0;border:1px solid rgba(242,220,101,.70);border-radius:16px;padding:14px 16px;margin-bottom:20px}


/* v56 affiliate portal menu */
.affiliate-topbar .admin-nav .nav-section{white-space:nowrap}
.affiliate-topbar .admin-account-meta{gap:3px}
.affiliate-topbar .admin-account-meta .admin-logout-link{font-size:11px}
@media(max-width:760px){.affiliate-topbar .admin-account-box{justify-self:start}.affiliate-topbar .admin-subnav{display:grid !important;grid-template-columns:1fr !important}}

/* v1.2 admin spacing and affiliate settings readability */
@media (min-width:901px){
  .admin-topbar{
    min-height:auto !important;
    padding:24px 30px 28px !important;
    margin-bottom:22px !important;
  }
  .admin-topbar .topbar-head{min-height:auto !important;margin-bottom:16px !important;}
  .admin-topbar h1{min-height:auto !important;margin:16px 0 8px !important;align-items:flex-start !important;}
  .admin-topbar > p{min-height:auto !important;margin-bottom:14px !important;}
  .admin-menu-panel{margin-top:0 !important;}
  .admin-nav{min-height:auto !important;margin-top:0 !important;margin-bottom:12px !important;row-gap:12px !important;}
  .admin-subnav{min-height:auto !important;margin-top:10px !important;margin-bottom:0 !important;padding:10px !important;}
}

.affiliate-settings-card{padding:26px;}
.affiliate-settings-head{margin-bottom:20px;}
.affiliate-settings-head .btn{white-space:nowrap;}
.affiliate-settings-list{display:grid;gap:16px;}
.affiliate-settings-item{
  border:1px solid rgba(12,30,107,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 22px rgba(12,30,107,.06);
  padding:18px;
}
.affiliate-settings-form{display:grid;gap:18px;}
.affiliate-settings-profile{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(12,30,107,.08);
}
.affiliate-settings-profile strong{display:block;color:var(--navy);font-family:var(--f-display);font-size:16px;font-weight:900;margin-bottom:3px;}
.affiliate-settings-profile span{display:block;color:var(--ink-3);font-size:13px;margin-bottom:3px;}
.affiliate-settings-profile code{display:inline-flex;font-size:12.5px;color:var(--navy);background:#f8fbff;border:1px solid rgba(12,30,107,.10);border-radius:999px;padding:4px 8px;}
.affiliate-settings-fields{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.affiliate-settings-fields label{grid-column:span 3;margin:0;min-width:0;}
.affiliate-settings-fields label > span:first-child{display:block;margin:0 0 6px;color:var(--navy);font-family:var(--f-display);font-size:12px;font-weight:900;letter-spacing:.01em;}
.affiliate-settings-fields input,
.affiliate-settings-fields select,
.affiliate-settings-fields textarea{min-width:0;width:100%;font-size:13px;padding:12px 13px;border-radius:13px;}
.affiliate-settings-fields textarea{min-height:74px;}
.affiliate-settings-wide{grid-column:span 12 !important;}
.affiliate-settings-wide input[readonly]{font-size:12px;line-height:1.35;}
.affiliate-settings-check{grid-column:span 3;}
.inline-check-panel{
  min-height:48px;
  display:flex !important;
  align-items:center;
  gap:10px;
  border:1.5px solid var(--gray-2);
  border-radius:13px;
  background:#fff;
  padding:11px 13px;
  color:var(--ink-2) !important;
  font-family:var(--f-body) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
.inline-check-panel input{width:18px !important;height:18px !important;margin:0 !important;accent-color:var(--cyan);padding:0 !important;}
.affiliate-settings-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:2px;}
.affiliate-settings-actions .btn,
.affiliate-settings-actions button{min-width:132px;box-shadow:none;}
@media(max-width:1100px){
  .affiliate-settings-fields label{grid-column:span 4;}
  .affiliate-settings-check{grid-column:span 4;}
}
@media(max-width:760px){
  .affiliate-settings-card{padding:18px;}
  .affiliate-settings-profile{display:grid;grid-template-columns:1fr;}
  .affiliate-settings-fields{grid-template-columns:1fr;}
  .affiliate-settings-fields label,
  .affiliate-settings-check,
  .affiliate-settings-wide{grid-column:1 / -1 !important;}
  .affiliate-settings-actions{display:grid;grid-template-columns:1fr;}
  .affiliate-settings-actions .btn,
  .affiliate-settings-actions button{width:100%;}
}


/* v1.3 compact dashboard stats */
.stats-grid-compact{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:12px 0 20px;
}
.stats-grid-compact .stat{
  padding:16px 18px;
  min-height:120px;
  border-radius:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 8px 20px rgba(12,30,107,.07);
}
.stats-grid-compact .stat:before{height:4px}
.stats-grid-compact .stat strong{
  font-size:clamp(22px,2.4vw,34px);
  margin-bottom:8px;
}
.stats-grid-compact .stat span{
  font-size:12.5px;
  line-height:1.35;
  max-width:18ch;
}
@media(max-width:1100px){
  .stats-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:820px){
  .stats-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));}
  .stats-grid-compact .stat{min-height:108px;}
}
@media(max-width:560px){
  .stats-grid-compact{grid-template-columns:1fr;}
}


/* v1.4 stronger compact dashboard cards - cache-busted */
.stats-grid-compact{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(150px,1fr)) !important;
  gap:10px !important;
  margin:10px 0 18px !important;
}
.stats-grid-compact .stat{
  min-height:86px !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  box-shadow:0 5px 14px rgba(12,30,107,.06) !important;
}
.stats-grid-compact .stat:before{height:3px !important;}
.stats-grid-compact .stat strong{
  font-size:clamp(20px,1.7vw,28px) !important;
  line-height:.95 !important;
  margin-bottom:8px !important;
  letter-spacing:-.025em !important;
}
.stats-grid-compact .stat span{
  font-size:11.5px !important;
  line-height:1.25 !important;
  max-width:none !important;
}
@media(max-width:1280px){
  .stats-grid-compact{grid-template-columns:repeat(4,minmax(145px,1fr)) !important;}
}
@media(max-width:980px){
  .stats-grid-compact{grid-template-columns:repeat(3,minmax(145px,1fr)) !important;}
}
@media(max-width:700px){
  .stats-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:480px){
  .stats-grid-compact{grid-template-columns:1fr !important;}
}

/* v1.6 admin table tools */
.table-tools{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  margin:18px 0 10px;
  padding:12px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 8px 20px rgba(12,30,107,.06);
}
.table-tools-title{
  font-family:var(--f-display);
  font-weight:850;
  color:var(--navy);
  font-size:13px;
}
.table-search{
  max-width:260px;
  min-height:38px;
  padding:9px 12px;
  border-radius:999px;
  font-size:13px;
}
.table-filter-group{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  flex:1;
}
.table-filter{
  width:auto;
  min-width:130px;
  min-height:38px;
  padding:8px 30px 8px 12px;
  border-radius:999px;
  font-size:12.5px;
}
.table-tools-meta{
  font-weight:750;
  color:var(--ink-3);
  font-size:12px;
  white-space:nowrap;
}
.table-clear-btn{
  min-height:36px;
  padding:8px 13px;
  border-radius:999px;
  box-shadow:none;
  font-size:12px;
  background:rgba(2,181,224,.12);
  border:1px solid rgba(2,181,224,.24);
  color:var(--navy);
}
th.sortable{
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
}
th.sortable::after{
  content:' ⇅';
  opacity:.45;
  font-size:11px;
}
th.sortable.sort-asc::after{
  content:' ↑';
  opacity:1;
}
th.sortable.sort-desc::after{
  content:' ↓';
  opacity:1;
}
@media(max-width:760px){
  .table-tools{align-items:stretch}
  .table-search{max-width:none}
  .table-filter-group{width:100%}
  .table-filter{width:100%}
  .table-tools-meta{width:100%}
}



/* v1.6.1 admin verification badge and clearer table filters */
.version-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 12px 0;
  padding:7px 10px;
  border-radius:999px;
  background:#e6fffb;
  color:#075985;
  border:1px solid #99f6e4;
  font-size:12px;
  font-weight:800;
}
.table-tools{
  border:1px solid #bfdbfe;
  background:#eff6ff;
}
.table-tools-title{
  color:#0f172a;
}
.table-search{
  background:#fff;
}
.table-filter{
  background:#fff;
}

/* v1.8 multi share card management */
.form-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.share-card-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.share-option-card{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.share-option-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.share-card-preview h1{
  font-size:clamp(28px,3.2vw,44px);
}
.link-tools label{
  margin-top:0;
}
.recommended-message summary{
  cursor:pointer;
  font-weight:800;
  color:#102057;
  margin-bottom:10px;
}
.action-stack{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.btn.danger{
  background:#fee2e2;
  color:#991b1b;
  border-color:#fecaca;
}
.small{font-size:12px;}
@media(max-width:1000px){
  .share-card-options,
  .form-grid-2{
    grid-template-columns:1fr;
  }
}


/* v1.10 finance balance and wallet detail views */
.action-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.detail-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.detail-list > div{
  padding:12px 14px;
  border:1px solid rgba(12,30,107,.10);
  border-radius:16px;
  background:#f8fbff;
}
.detail-list span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:4px;
}
.detail-list strong{
  display:block;
  color:var(--navy);
  font-size:15px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
#affiliate-open-balances .table-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:135px;
}
#affiliate-open-balances .table-actions .btn{
  width:100%;
  justify-content:center;
}
@media(max-width:900px){
  .action-row{justify-content:flex-start;}
}


/* v1.13 finance layout cleanup */
.finance-secondary-btn{
  background:#eef7ff !important;
  color:var(--navy) !important;
  border:1px solid rgba(2,181,224,.22) !important;
  box-shadow:none !important;
}
.finance-secondary-btn:hover{background:#e3f4ff !important}
.section-head-row .action-row .btn{
  min-width:200px;
  padding:12px 18px;
}
.affiliate-balance-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.compact-balance-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.balance-card-v2{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:18px;
  border:1px solid rgba(12,30,107,.10);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 24px rgba(12,30,107,.06);
}
.balance-card-v2__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.balance-card-v2__header h3{margin:0 0 6px;font-size:20px}
.balance-card-v2__header .muted{margin:0;line-height:1.45}
.balance-card-v2__method{
  padding:12px 14px;
  border-radius:16px;
  background:#f8fbff;
  border:1px solid rgba(12,30,107,.08);
}
.balance-card-v2__method .label,
.metric-pill span{
  display:block;
  color:var(--ink-3);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:5px;
}
.balance-card-v2__method strong{
  display:block;
  font-size:16px;
  color:var(--navy);
}
.small-text{font-size:13px;line-height:1.45}
.balance-card-v2__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.metric-pill{
  padding:12px 14px;
  border-radius:16px;
  background:#f8faff;
  border:1px solid rgba(12,30,107,.08);
}
.metric-pill strong{
  display:block;
  color:var(--navy);
  font-family:var(--f-display);
  font-size:20px;
  line-height:1.1;
}
.metric-pill small{
  display:block;
  color:var(--ink-3);
  margin-top:4px;
  font-size:12px;
}
.metric-pill--highlight{
  background:linear-gradient(180deg,#fffbe8 0%,#fff 100%);
  border-color:rgba(242,220,101,.65);
}
.balance-card-v2__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.balance-card-v2__actions .btn{
  flex:1 1 180px;
  min-width:0;
  min-height:40px;
  padding:10px 16px;
  justify-content:center;
}
@media(max-width:1180px){
  .balance-card-v2__stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
  .affiliate-balance-grid,.compact-balance-grid{grid-template-columns:1fr;}
  .balance-card-v2__header{flex-direction:column;align-items:flex-start;}
  .section-head-row .action-row .btn{min-width:0;flex:1 1 180px;}
}
@media(max-width:640px){
  .balance-card-v2__stats{grid-template-columns:1fr;}
  .balance-card-v2__actions .btn{flex:1 1 100%;}
}

/* v1.14 finance safety release */
.finance-filter-toolbar{
  display:grid;
  gap:12px;
  margin:10px 0 18px;
  padding:14px;
  border:1px solid rgba(12,30,107,.10);
  border-radius:18px;
  background:#f8fbff;
}
.finance-filter-title{
  color:var(--navy);
  font-family:var(--f-display);
  font-size:14px;
  font-weight:900;
}
.finance-filter-controls{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr auto auto auto;
  gap:10px;
  align-items:center;
}
.finance-filter-controls input,
.finance-filter-controls select{
  min-height:40px;
  margin:0;
  border-radius:999px;
}
.inline-check{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0;
  color:var(--navy);
  font-family:var(--f-body);
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.inline-check input{width:auto;min-height:0;margin:0}
.view-only-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff7e6;
  color:#9a5b00;
  border:1px solid rgba(180,110,0,.18);
  font-family:var(--f-display);
  font-size:12px;
  font-weight:800;
}
.payment-preview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.payment-preview-grid > div{
  padding:12px 14px;
  border:1px solid rgba(12,30,107,.10);
  border-radius:16px;
  background:#f8fbff;
}
.payment-preview-grid span{
  display:block;
  color:var(--ink-3);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:5px;
}
.payment-preview-grid strong{
  display:block;
  color:var(--navy);
  font-family:var(--f-display);
  font-size:20px;
  line-height:1.1;
}
.payment-preview-total{
  grid-column:1/-1;
  background:linear-gradient(180deg,#fffbe8 0%,#fff 100%) !important;
  border-color:rgba(242,220,101,.65) !important;
}
.payment-preview-total strong{font-size:26px}
@media(max-width:1150px){
  .finance-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
  .finance-filter-controls,.payment-preview-grid{grid-template-columns:1fr;}
  .inline-check{white-space:normal;}
}


/* v1.15 finance layout fit fixes */
html,body{overflow-x:hidden;}
.wrap,.admin-wrap{overflow-x:clip;}

/* Make the finance submenu wrap cleanly with no horizontal scrolling */
.admin-subnav-finance{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  overflow:visible !important;
}
.admin-subnav-finance::before{
  flex:0 0 auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  margin-top:0 !important;
  margin-right:4px !important;
}
.admin-subnav-finance a{
  flex:0 1 auto !important;
  max-width:100% !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.25 !important;
  padding:10px 16px !important;
}

/* Better proportions inside finance cards */
.section-head-row .action-row{
  gap:12px;
  align-items:flex-start;
}
.section-head-row .action-row .btn{
  min-width:230px;
  white-space:normal;
  text-align:center;
  line-height:1.2;
}

/* Payment filter toolbar that fits without cut-off controls */
.finance-filter-toolbar{
  overflow:hidden;
}
.finance-filter-controls{
  display:grid;
  grid-template-columns:repeat(4,minmax(170px,1fr));
  gap:12px;
  align-items:center;
}
.finance-filter-controls input,
.finance-filter-controls select,
.finance-filter-controls .btn{
  width:100%;
  min-width:0;
}
.finance-filter-controls select{
  padding-right:40px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.finance-filter-controls .inline-check{
  min-height:40px;
  white-space:normal;
  align-items:center;
}
.finance-filter-controls [data-finance-positive]{grid-column:1 / span 1;}
.finance-filter-controls [data-finance-missing]{grid-column:2 / span 1;}
.finance-filter-controls [data-finance-clear]{grid-column:4 / span 1;justify-self:end;max-width:140px;}

/* keep button row from being pushed out */
#affiliate-open-balances .section-head-row{
  align-items:flex-start;
}
#affiliate-open-balances .section-head-row .action-row{
  flex:0 0 auto;
  max-width:100%;
}

@media(max-width:1320px){
  .admin-subnav-finance a{font-size:12px !important;padding:9px 14px !important;}
  .finance-filter-controls{grid-template-columns:repeat(3,minmax(170px,1fr));}
  .finance-filter-controls [data-finance-positive]{grid-column:auto;}
  .finance-filter-controls [data-finance-missing]{grid-column:auto;}
  .finance-filter-controls [data-finance-clear]{grid-column:auto;justify-self:start;max-width:none;}
}
@media(max-width:1100px){
  .section-head-row .action-row .btn{min-width:200px;}
  .finance-filter-controls{grid-template-columns:repeat(2,minmax(170px,1fr));}
}
@media(max-width:760px){
  .admin-subnav-finance::before{width:100%;margin-right:0 !important;}
  .admin-subnav-finance a{width:100% !important;justify-content:flex-start !important;text-align:left !important;}
  .finance-filter-controls{grid-template-columns:1fr;}
  .section-head-row .action-row{width:100%;}
  .section-head-row .action-row .btn{min-width:0;width:100%;}
}

/* v1.16 finance UI consistency */
.grid3,
.stats-grid-compact{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(150px,1fr)) !important;
  gap:10px !important;
  margin:10px 0 18px !important;
}
.grid3 .stat,
.stats-grid-compact .stat{
  min-height:86px !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  box-shadow:0 5px 14px rgba(12,30,107,.06) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}
.grid3 .stat:before,
.stats-grid-compact .stat:before{height:3px !important;}
.grid3 .stat strong,
.stats-grid-compact .stat strong{
  font-size:clamp(20px,1.7vw,28px) !important;
  line-height:.95 !important;
  margin-bottom:8px !important;
  letter-spacing:-.025em !important;
}
.grid3 .stat span,
.stats-grid-compact .stat span{
  font-size:11.5px !important;
  line-height:1.25 !important;
  max-width:none !important;
}
.admin-subnav-finance{
  display:grid !important;
  grid-template-columns:max-content repeat(5,minmax(160px,max-content)) !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px 12px !important;
}
.admin-subnav-finance::before{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:start !important;
  margin-top:10px !important;
}
.admin-subnav-finance a{
  min-width:0 !important;
  white-space:normal !important;
}
.admin-subnav-finance .finance-row-start{
  grid-column:2 !important;
}
@media(max-width:1280px){
  .grid3,.stats-grid-compact{grid-template-columns:repeat(4,minmax(145px,1fr)) !important;}
  .admin-subnav-finance{grid-template-columns:max-content repeat(4,minmax(160px,max-content)) !important;}
  .admin-subnav-finance .finance-row-start{grid-column:2 !important;}
}
@media(max-width:980px){
  .grid3,.stats-grid-compact{grid-template-columns:repeat(3,minmax(145px,1fr)) !important;}
  .admin-subnav-finance{grid-template-columns:max-content repeat(3,minmax(160px,max-content)) !important;}
  .admin-subnav-finance .finance-row-start{grid-column:auto !important;}
}
@media(max-width:700px){
  .grid3,.stats-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .admin-subnav-finance{grid-template-columns:1fr !important;}
  .admin-subnav-finance::before{grid-column:1 !important;grid-row:auto !important;margin-top:0 !important;width:100% !important;}
  .admin-subnav-finance .finance-row-start{grid-column:1 !important;}
}
@media(max-width:480px){
  .grid3,.stats-grid-compact{grid-template-columns:1fr !important;}
}


/* v1.17 final finance stability and consistency fixes */
html,body{overflow-x:hidden;}
.admin-wrap,.wrap{max-width:100%;overflow-x:clip;}
.admin-subnav-finance{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
.admin-subnav-finance::before{flex:0 0 auto!important;margin-right:4px!important;}
.admin-subnav-finance a{flex:0 1 auto!important;white-space:normal!important;line-height:1.2!important;text-align:center!important;max-width:100%!important;}
.finance-row-start{margin-left:0!important;}
.finance-filter-controls{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:12px;align-items:center;}
.finance-filter-controls input,.finance-filter-controls select,.finance-filter-controls .btn{width:100%;min-width:0;}
.finance-filter-controls select{padding-right:42px;text-overflow:ellipsis;}
.grid3,.stats-grid-compact{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;}
.stat{min-height:110px;}
.stat strong{line-height:1.05;}
@media(max-width:900px){.admin-subnav-finance::before{width:100%;}.admin-subnav-finance a{width:100%;text-align:left!important;justify-content:flex-start!important;}.finance-filter-controls{grid-template-columns:1fr;}}

/* v1.18 affiliate per-card SubID builder */
.share-subid-builder .subid-builder-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin-top:18px;
}
.share-subid-builder .subid-apply-btn{
  min-width:230px;
  margin-bottom:28px;
}
.card-subid-builder{
  padding:16px;
  border:1px solid rgba(12,30,107,.10);
  border-radius:18px;
  background:#f8fbff;
}
.card-subid-builder label{
  margin-top:0;
}
.share-subid-row{
  margin-top:8px;
  gap:12px;
}
.share-subid-row .btn{
  min-width:100px;
}
.share-option-card .link-tools{
  padding-top:2px;
}
.share-option-card .actions-row .btn{
  min-width:170px;
  justify-content:center;
}
@media(max-width:860px){
  .share-subid-builder .subid-builder-form{
    grid-template-columns:1fr;
    gap:14px;
  }
  .share-subid-builder .subid-apply-btn{
    min-width:0;
    width:100%;
    margin-bottom:0;
  }
  .share-option-card .actions-row .btn{
    width:100%;
    min-width:0;
  }
}


/* v1.19 report table filtering support */
.table-wrap + .table-tools,
.table-tools + .table-wrap{margin-top:10px;}
.table-tools{width:100%;box-sizing:border-box;}
.table-filter-group{min-width:220px;}
.table-filter{max-width:260px;}
.affiliate-topbar .affiliate-subnav-share a{min-width:140px;}
@media(max-width:760px){
  .table-filter{max-width:none;}
  .table-filter-group{min-width:0;}
}


/* v1.20 equal affiliate share card layout */
.share-card-options{
  align-items:stretch !important;
}
.share-option-card{
  height:100%;
  display:grid !important;
  grid-template-rows:auto 350px auto auto auto;
  gap:18px;
}
.share-option-card .share-option-header{
  min-height:72px;
}
.share-option-card .share-card-preview{
  height:350px;
  min-height:350px;
  max-height:350px;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
.share-option-card .share-card-preview .brand{
  min-height:42px;
  flex-wrap:wrap;
}
.share-card-preview-image{
  width:100%;
  height:90px;
  min-height:90px;
  max-height:90px;
  object-fit:cover;
  border-radius:18px;
  margin:14px 0 8px;
}
.share-option-card .share-card-preview .pill{
  align-self:flex-start;
  margin-top:10px !important;
}
.share-option-card .share-card-preview h1{
  margin:14px 0 10px;
  font-size:clamp(28px,2.7vw,40px);
  line-height:1.08;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.share-option-card .share-card-preview p{
  margin:0 0 10px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.share-option-card .card-subid-builder{
  min-height:170px;
}
.share-option-card .link-tools{
  min-height:154px;
}
.share-option-card .recommended-message{
  margin-top:auto;
}
@media(max-width:1100px){
  .share-option-card{
    grid-template-rows:auto 330px auto auto auto;
  }
  .share-option-card .share-card-preview{
    height:330px;
    min-height:330px;
    max-height:330px;
  }
}
@media(max-width:1000px){
  .share-option-card{
    grid-template-rows:auto auto auto auto auto;
  }
  .share-option-card .share-card-preview{
    height:auto;
    min-height:300px;
    max-height:none;
  }
  .share-option-card .share-option-header,
  .share-option-card .card-subid-builder,
  .share-option-card .link-tools{
    min-height:0;
  }
}


/* v1.23 TrabahoPinas report-style headers */
body{
  background:
    radial-gradient(circle at 8% 4%, rgba(234,242,255,.95), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(242,220,101,.30), transparent 25%),
    linear-gradient(180deg,#ffffff 0%,#fffdf4 42%,#ffffff 100%) !important;
}

.topbar,
.hero-card,
.public-hero{
  background:
    radial-gradient(circle at 88% 18%, rgba(242,220,101,.36), transparent 30%),
    radial-gradient(circle at 7% 10%, rgba(234,242,255,.95), transparent 34%),
    linear-gradient(110deg,#f8fbff 0%,#ffffff 54%,#fff7dc 100%) !important;
  color:var(--navy) !important;
  border:1px solid rgba(12,30,107,.08) !important;
  border-radius:30px !important;
  box-shadow:0 18px 54px rgba(12,30,107,.10) !important;
}

.topbar:before,
.hero-card:before,
.public-hero:before{
  background:rgba(242,220,101,.30) !important;
  opacity:.52 !important;
  width:360px !important;
  height:360px !important;
  right:-130px !important;
  top:-140px !important;
}

.topbar:after,
.hero-card:after,
.public-hero:after{
  background:rgba(234,242,255,.90) !important;
  opacity:.70 !important;
  width:170px !important;
  height:170px !important;
  left:-38px !important;
  bottom:-70px !important;
}

.topbar h1,
.hero-card h1,
.public-hero h1,
.admin-topbar h1{
  color:var(--navy) !important;
  font-family:var(--f-display) !important;
  font-weight:900 !important;
  letter-spacing:-.055em !important;
  line-height:.98 !important;
  text-shadow:none !important;
}

.topbar h1,
.public-hero h1{
  font-size:clamp(38px,5.6vw,78px) !important;
  max-width:980px !important;
  margin:34px 0 16px !important;
}

.admin-topbar h1{
  font-size:clamp(34px,4.6vw,64px) !important;
}

.topbar p,
.hero-card p,
.public-hero p,
.admin-topbar > p{
  color:#405078 !important;
  font-size:clamp(16px,1.45vw,22px) !important;
  line-height:1.45 !important;
  max-width:1120px !important;
}

.topbar strong,
.hero-card strong,
.public-hero strong{
  color:var(--navy) !important;
}

.tp-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  color:var(--navy) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.tp-brand-mark{
  width:54px !important;
  height:54px !important;
  display:inline-grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
}

.tp-brand-mark svg{
  width:54px !important;
  height:54px !important;
  display:block !important;
  overflow:visible !important;
}

.tp-brand-mark .tp-sun circle{
  fill:#f2dc65;
}

.tp-brand-mark .tp-sun path{
  stroke:#f2dc65;
  stroke-width:5;
  stroke-linecap:round;
  fill:none;
}

.tp-brand-mark .tp-wave,
.tp-brand-mark .tp-dot{
  fill:#1a4f9a;
}

.tp-brand-word{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:0 !important;
  font-family:var(--f-display) !important;
  font-weight:900 !important;
  font-size:clamp(22px,2.3vw,36px) !important;
  letter-spacing:-.04em !important;
  line-height:1 !important;
}

.tp-brand-main{
  color:var(--navy) !important;
}

.tp-brand-accent{
  color:#e7bc20 !important;
}

.brand .mark{display:none !important;}
.brand span:nth-child(2),
.brand span:nth-child(3){font-size:inherit !important;margin-left:0 !important;}

.admin-account-box{
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(12,30,107,.10) !important;
  color:var(--navy) !important;
  box-shadow:0 10px 24px rgba(12,30,107,.08) !important;
}

.admin-account-meta span,
.admin-account-meta small{
  color:var(--navy) !important;
}

.admin-logout-link{
  color:#1a4f9a !important;
}

.admin-logout-link:hover{
  color:var(--navy) !important;
}

.admin-nav .nav-main,
.admin-nav .nav-section{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(12,30,107,.12) !important;
  color:var(--navy) !important;
  box-shadow:0 8px 20px rgba(12,30,107,.06) !important;
}

.admin-nav .nav-main:hover,
.admin-nav .nav-section:hover{
  background:#ffffff !important;
}

.admin-nav .nav-main.active,
.admin-nav .nav-section.active{
  background:var(--yellow) !important;
  color:var(--navy) !important;
  border-color:rgba(242,220,101,.70) !important;
  box-shadow:0 8px 0 rgba(12,30,107,.10),0 14px 28px rgba(242,220,101,.26) !important;
}

.admin-subnav{
  background:rgba(255,255,255,.66) !important;
  border:1px solid rgba(12,30,107,.10) !important;
}

.admin-subnav::before{
  color:#6b749a !important;
}

.admin-subnav a{
  background:#ffffff !important;
  color:var(--navy) !important;
  border:1px solid rgba(12,30,107,.08) !important;
  box-shadow:0 7px 18px rgba(12,30,107,.07) !important;
}

.admin-subnav a:hover,
.admin-subnav a[href*="affiliate-new"]{
  background:var(--yellow) !important;
  color:var(--navy) !important;
}

.pill{
  background:rgba(255,255,255,.85) !important;
  border-color:rgba(12,30,107,.10) !important;
  color:var(--navy) !important;
}

.accent-yellow{
  color:#d7a900 !important;
}

.card h1,
.auth-card h1{
  color:var(--navy) !important;
}

.share-option-card .share-card-preview h1{
  font-size:clamp(28px,2.7vw,40px) !important;
  margin:14px 0 10px !important;
}

.share-option-card .share-card-preview .tp-brand-mark,
.share-option-card .share-card-preview .tp-brand-mark svg{
  width:38px !important;
  height:38px !important;
}

.share-option-card .share-card-preview .tp-brand-word{
  font-size:22px !important;
}

@media(max-width:760px){
  .topbar,
  .hero-card,
  .public-hero{
    border-radius:24px !important;
    padding:24px 20px !important;
  }
  .topbar h1,
  .public-hero h1{
    font-size:clamp(34px,12vw,52px) !important;
    margin:26px 0 12px !important;
  }
  .admin-topbar h1{
    font-size:clamp(32px,10vw,48px) !important;
  }
  .tp-brand-mark,
  .tp-brand-mark svg{
    width:44px !important;
    height:44px !important;
  }
  .tp-brand-word{
    font-size:clamp(22px,8vw,30px) !important;
  }
}


/* v1.24 official TrabahoPinas logo and affiliate navigation tooltips */
.tp-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  color:transparent !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  text-transform:none !important;
}
.tp-brand-logo{
  display:block !important;
  width:clamp(178px,18vw,260px) !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
}
.tp-brand-mark,
.tp-brand-word,
.tp-brand-main,
.tp-brand-accent{
  display:none !important;
}
.brand .mark{display:none !important;}
.share-card-preview .tp-brand-logo,
.share-option-card .share-card-preview .tp-brand-logo{
  width:clamp(150px,42%,200px) !important;
}
.auth-card .tp-brand-logo,
.topbar.narrow .tp-brand-logo{
  width:clamp(190px,34vw,250px) !important;
}
.affiliate-topbar .affiliate-help-link{
  position:relative !important;
  overflow:visible !important;
}
.affiliate-topbar .affiliate-help-link::before,
.affiliate-topbar .affiliate-help-link::after{
  position:absolute !important;
  display:block !important;
  left:50% !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%,8px) !important;
  transition:opacity .16s ease,transform .16s ease !important;
  z-index:9000 !important;
}
.affiliate-topbar .affiliate-help-link::before{
  content:attr(data-affiliate-tooltip) !important;
  top:calc(100% + 12px) !important;
  width:max-content !important;
  max-width:310px !important;
  white-space:normal !important;
  text-align:left !important;
  background:var(--navy) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
  padding:11px 13px !important;
  font-family:var(--f-body) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  box-shadow:0 16px 34px rgba(12,30,107,.22) !important;
}
.affiliate-topbar .affiliate-help-link::after{
  content:'' !important;
  top:calc(100% + 5px) !important;
  width:14px !important;
  height:14px !important;
  background:var(--navy) !important;
  border-radius:3px !important;
  transform:translate(-50%,8px) rotate(45deg) !important;
  box-shadow:-1px -1px 0 rgba(255,255,255,.10) !important;
}
.affiliate-topbar .affiliate-help-link:hover::before,
.affiliate-topbar .affiliate-help-link:focus-visible::before{
  opacity:1 !important;
  transform:translate(-50%,0) !important;
}
.affiliate-topbar .affiliate-help-link:hover::after,
.affiliate-topbar .affiliate-help-link:focus-visible::after{
  opacity:1 !important;
  transform:translate(-50%,0) rotate(45deg) !important;
}
.affiliate-topbar .admin-nav,
.affiliate-topbar .admin-subnav,
.affiliate-topbar .admin-menu-panel{
  overflow:visible !important;
}
.affiliate-topbar .affiliate-subnav .affiliate-help-link::before{
  max-width:340px !important;
}
@media(max-width:760px){
  .tp-brand-logo{width:clamp(170px,58vw,230px) !important;}
  .affiliate-topbar .affiliate-help-link::before{
    left:0 !important;
    right:auto !important;
    width:min(300px,calc(100vw - 64px)) !important;
    max-width:min(300px,calc(100vw - 64px)) !important;
    transform:translate(0,8px) !important;
  }
  .affiliate-topbar .affiliate-help-link::after{
    left:24px !important;
  }
  .affiliate-topbar .affiliate-help-link:hover::before,
  .affiliate-topbar .affiliate-help-link:focus-visible::before{
    transform:translate(0,0) !important;
  }
}


/* v1.25 affiliate tooltip cleanup and viewport-safe positioning */
.affiliate-topbar .affiliate-help-link[data-affiliate-tooltip]::before{
  width:280px !important;
  max-width:min(280px,calc(100vw - 56px)) !important;
  box-sizing:border-box !important;
}
.affiliate-topbar .affiliate-nav .affiliate-help-link:first-child::before,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:first-child::before{
  left:0 !important;
  right:auto !important;
  transform:translate(0,8px) !important;
}
.affiliate-topbar .affiliate-nav .affiliate-help-link:first-child:hover::before,
.affiliate-topbar .affiliate-nav .affiliate-help-link:first-child:focus-visible::before,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:first-child:hover::before,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:first-child:focus-visible::before{
  transform:translate(0,0) !important;
}
.affiliate-topbar .affiliate-nav .affiliate-help-link:first-child::after,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:first-child::after{
  left:48px !important;
}
.affiliate-topbar .affiliate-nav .affiliate-help-link:last-child::before,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:last-child::before{
  left:auto !important;
  right:0 !important;
  transform:translate(0,8px) !important;
}
.affiliate-topbar .affiliate-nav .affiliate-help-link:last-child:hover::before,
.affiliate-topbar .affiliate-nav .affiliate-help-link:last-child:focus-visible::before,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:last-child:hover::before,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:last-child:focus-visible::before{
  transform:translate(0,0) !important;
}
.affiliate-topbar .affiliate-nav .affiliate-help-link:last-child::after,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:last-child::after{
  left:auto !important;
  right:42px !important;
}
.affiliate-topbar .affiliate-nav .affiliate-help-link:first-child:last-child::before,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:first-child:last-child::before{
  left:0 !important;
  right:auto !important;
}
.affiliate-topbar .affiliate-nav .affiliate-help-link:first-child:last-child::after,
.affiliate-topbar .affiliate-subnav .affiliate-help-link:first-child:last-child::after{
  left:48px !important;
  right:auto !important;
}


/* v1.27 affiliate tooltip placement fix near Section row */
@media (min-width:761px){
  .affiliate-topbar .affiliate-nav{
    z-index:9400 !important;
  }
  .affiliate-topbar .affiliate-subnav{
    z-index:200 !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]::before{
    top:auto !important;
    bottom:calc(100% + 13px) !important;
    transform:translate(-50%,-8px) !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]::after{
    top:auto !important;
    bottom:calc(100% + 6px) !important;
    transform:translate(-50%,-8px) rotate(45deg) !important;
    box-shadow:1px 1px 0 rgba(255,255,255,.10) !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]:hover::before,
  .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]:focus-visible::before{
    transform:translate(-50%,0) !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]:hover::after,
  .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]:focus-visible::after{
    transform:translate(-50%,0) rotate(45deg) !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link:first-child[data-affiliate-tooltip]::before{
    left:0 !important;
    right:auto !important;
    transform:translate(0,-8px) !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link:first-child[data-affiliate-tooltip]:hover::before,
  .affiliate-topbar .affiliate-nav .affiliate-help-link:first-child[data-affiliate-tooltip]:focus-visible::before{
    transform:translate(0,0) !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link:first-child[data-affiliate-tooltip]::after{
    left:48px !important;
    right:auto !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link:last-child[data-affiliate-tooltip]::before{
    left:auto !important;
    right:0 !important;
    transform:translate(0,-8px) !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link:last-child[data-affiliate-tooltip]:hover::before,
  .affiliate-topbar .affiliate-nav .affiliate-help-link:last-child[data-affiliate-tooltip]:focus-visible::before{
    transform:translate(0,0) !important;
  }
  .affiliate-topbar .affiliate-nav .affiliate-help-link:last-child[data-affiliate-tooltip]::after{
    left:auto !important;
    right:42px !important;
  }
  .affiliate-topbar .affiliate-subnav .affiliate-help-link[data-affiliate-tooltip]::before{
    top:calc(100% + 14px) !important;
  }
  .affiliate-topbar .affiliate-subnav .affiliate-help-link[data-affiliate-tooltip]::after{
    top:calc(100% + 7px) !important;
  }
}


/* v1.28 remove pale left header circle */
.topbar,
.hero-card,
.public-hero{
  background:
    radial-gradient(circle at 88% 18%, rgba(242,220,101,.36), transparent 30%),
    linear-gradient(110deg,#f8fbff 0%,#ffffff 54%,#fff7dc 100%) !important;
}
.topbar::after,
.hero-card::after,
.public-hero::after{
  content:none !important;
  display:none !important;
  background:transparent !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
}

/* v1.33 admin affiliates table and active subnavigation cleanup */
.admin-subnav a[href*="affiliate-new"]{
  background:#ffffff !important;
  color:var(--navy) !important;
  border-color:rgba(12,30,107,.08) !important;
  box-shadow:0 7px 18px rgba(12,30,107,.07) !important;
}
.admin-subnav a.is-active,
.admin-subnav a.is-active:hover{
  background:var(--yellow) !important;
  color:var(--navy) !important;
  border-color:rgba(242,220,101,.70) !important;
  box-shadow:0 8px 0 rgba(12,30,107,.10),0 14px 28px rgba(242,220,101,.26) !important;
  font-weight:900 !important;
}
.affiliate-settings-table-wrap{
  margin-top:8px;
}
.affiliate-settings-table td{
  vertical-align:middle;
}
.affiliate-settings-table .inline-code,
.inline-code{
  display:inline-flex;
  align-items:center;
  margin-top:4px;
  padding:4px 9px;
  border-radius:999px;
  background:#f8fbff;
  border:1px solid rgba(12,30,107,.10);
  color:var(--navy);
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.affiliate-settings-table .selected-row{
  background:rgba(242,220,101,.12);
}
.payment-model-summary{
  line-height:1.45;
  color:var(--navy);
  font-size:13px;
}
.payment-model-summary strong{
  font-family:var(--f-display);
  font-weight:900;
}
.affiliate-settings-edit-card{
  margin-top:20px;
}
.affiliate-settings-edit-panel{
  margin-top:6px;
}
.affiliate-settings-profile-no-action{
  justify-content:flex-start;
}
@media(max-width:760px){
  .affiliate-settings-table td:last-child .btn{
    width:100%;
  }
}


/* v1.36 redesign from Affiliate Dashboard shareable prototype */
:root{
  --tp-navy:#1B2559;
  --tp-yellow:#F5A623;
  --tp-bg:#F7F6F0;
  --tp-cream:#FFF8E8;
  --tp-border:#ECE8DC;
  --tp-border-strong:#E1DECF;
  --tp-muted:#6B7280;
  --tp-soft:#8B8778;
  --tp-pill:#EEF0FA;
  --tp-green:#1F7A45;
  --tp-green-bg:#EFF7F0;
  --tp-green-border:#D3EBD7;
  --tp-warn:#8A5A00;
  --tp-warn-bg:#FEF6E7;
  --tp-warn-border:#F5DFAE;
  --tp-card-shadow:0 1px 2px rgba(27,37,89,.06);
}

body.tp-aff-lite{
  background:var(--tp-bg) !important;
  color:var(--tp-navy);
  font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size:15px;
  line-height:1.55;
}
body.tp-aff-lite h1,
body.tp-aff-lite h2,
body.tp-aff-lite h3,
body.tp-aff-lite .btn,
body.tp-aff-lite button{
  font-family:'Poppins', system-ui, sans-serif;
  letter-spacing:-.01em;
}
body.tp-aff-lite .wrap.tp-page-shell{
  max-width:none;
  width:100%;
  margin:0;
  padding:0;
}
.tp-container{
  width:min(1280px, calc(100% - 80px));
  margin:0 auto;
}
.tp-content-stack{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.tp-main{
  padding:28px 0 60px;
}

.tp-page-header{
  min-height:auto;
  background:var(--tp-bg);
}
.tp-global-bar{
  background:#fff;
  border-bottom:1px solid var(--tp-border);
  padding:18px 0;
}
.tp-global-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
body.tp-aff-lite .tp-brand{
  display:inline-flex;
  align-items:center;
  gap:0;
  padding:0;
  line-height:1;
}
body.tp-aff-lite .tp-brand-logo{
  width:174px;
  height:auto;
  display:block;
}
body.tp-aff-lite .admin-account-box{
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--tp-bg);
  border:0;
  padding:6px 16px 6px 6px;
  border-radius:999px;
  box-shadow:none;
  min-height:46px;
}
body.tp-aff-lite .admin-avatar{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:50%;
  background:var(--tp-navy);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:700;
  font-size:14px;
}
body.tp-aff-lite .affiliate-account-box .admin-avatar{
  background:var(--tp-yellow);
  color:var(--tp-navy);
}
body.tp-aff-lite .admin-account-meta{
  display:flex;
  flex-direction:column;
  gap:0;
  line-height:1.25;
  color:var(--tp-navy);
}
body.tp-aff-lite .admin-account-meta span{
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:700;
  font-size:13px;
  color:var(--tp-navy);
}
body.tp-aff-lite .admin-account-meta small,
body.tp-aff-lite .admin-account-meta a{
  font-size:12px;
  color:var(--tp-navy);
  text-decoration:none;
  font-weight:600;
}
body.tp-aff-lite .admin-account-meta a:hover{text-decoration:underline;}

.tp-hero{
  background:linear-gradient(180deg,var(--tp-cream) 0%, var(--tp-bg) 100%);
  padding:32px 0 0;
}
.tp-hero h1{
  margin:0 0 6px;
  color:var(--tp-navy);
  font-weight:800;
  font-size:32px;
  line-height:1.12;
}
.tp-hero p{
  max-width:760px;
  margin:0 0 22px;
  color:var(--tp-muted);
  font-size:15px;
  line-height:1.5;
}
.tp-menu-panel{display:block;}
body.tp-aff-lite .admin-mobile-menu-toggle{display:none;}
body.tp-aff-lite .tp-main-tabs,
body.tp-aff-lite .admin-nav{
  display:flex;
  gap:6px;
  flex-wrap:nowrap;
  overflow-x:auto;
  border-bottom:1px solid #E7E2D2;
  margin:0;
  padding:0;
}
body.tp-aff-lite .tp-main-tabs::-webkit-scrollbar{height:0;}
body.tp-aff-lite .tp-tab,
body.tp-aff-lite .nav-section{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:10px 16px 12px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--tp-soft);
  box-shadow:none;
  font-family:'Inter', system-ui, sans-serif;
  font-weight:500;
  font-size:14px;
  line-height:1.25;
  border-bottom:3px solid transparent;
  white-space:nowrap;
  cursor:pointer;
}
body.tp-aff-lite .tp-tab.active,
body.tp-aff-lite .nav-section.active{
  color:var(--tp-navy);
  border-bottom-color:var(--tp-yellow);
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:700;
  background:transparent;
}
body.tp-aff-lite .tp-subnav,
body.tp-aff-lite .admin-subnav,
body.tp-aff-lite .affiliate-subnav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:16px 0;
  margin:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.tp-section-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  color:#9A9587;
  text-transform:uppercase;
  margin-right:4px;
}
body.tp-aff-lite .tp-subtab,
body.tp-aff-lite .admin-subnav a,
body.tp-aff-lite .affiliate-subnav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:7px 14px;
  border-radius:999px;
  border:0;
  box-shadow:none;
  background:transparent;
  color:#9A9587;
  font-family:'Inter', system-ui, sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1.25;
  white-space:nowrap;
}
body.tp-aff-lite .tp-subtab.is-active,
body.tp-aff-lite .admin-subnav a.is-active,
body.tp-aff-lite .affiliate-subnav a.is-active{
  background:var(--tp-pill);
  color:var(--tp-navy);
  font-weight:700;
}
.tp-subnav-spacer{height:16px;}

body.tp-aff-lite .notice,
.tp-status-strip{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:12px;
  padding:12px 18px;
  font-size:14px;
  font-weight:600;
  box-shadow:none;
  margin:0;
}
body.tp-aff-lite .notice.success,
.tp-status-strip.success{
  background:var(--tp-green-bg);
  border:1px solid var(--tp-green-border);
  color:var(--tp-green);
}
body.tp-aff-lite .notice.error,
.tp-status-strip.warning,
body.tp-aff-lite .notice.warn{
  background:var(--tp-warn-bg);
  border:1px solid var(--tp-warn-border);
  color:var(--tp-warn);
}
.tp-status-strip svg{flex:0 0 auto;}

.tp-kpi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:20px;
}
.tp-kpi-card{
  background:#fff;
  border:0;
  border-radius:16px;
  padding:22px 24px;
  box-shadow:var(--tp-card-shadow);
}
.tp-kpi-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
}
.tp-kpi-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  background:#EEF0FA;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--tp-navy);
}
.tp-kpi-icon.click{background:#E8F7F4;color:#17A98F;}
.tp-kpi-icon.pay{background:#FDF1DE;color:#B77B10;}
.tp-kpi-title{
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:700;
  font-size:13px;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--tp-navy);
}
.tp-kpi-values{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.tp-kpi-values.three{
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:14px;
}
.tp-kpi-value strong{
  display:block;
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:800;
  font-size:26px;
  line-height:1.1;
  color:var(--tp-navy);
  letter-spacing:-.03em;
}
.tp-kpi-values .tp-kpi-value:nth-child(-n+2) strong{font-size:30px;}
.tp-kpi-value span{
  display:block;
  font-size:12.5px;
  color:var(--tp-soft);
  margin-top:2px;
  font-weight:500;
}

body.tp-aff-lite .card{
  background:#fff;
  border:0;
  border-radius:16px;
  padding:26px;
  box-shadow:var(--tp-card-shadow);
  margin:0;
  color:var(--tp-navy);
}
body.tp-aff-lite .card h2{
  color:var(--tp-navy);
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:700;
  font-size:19px;
  line-height:1.25;
  margin:0 0 8px;
}
body.tp-aff-lite .card h3{
  color:var(--tp-navy);
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:700;
}
body.tp-aff-lite .muted{
  color:var(--tp-muted) !important;
}
body.tp-aff-lite .grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(380px,1fr));
  gap:20px;
  margin:0;
}
body.tp-aff-lite .grid3,
body.tp-aff-lite .stats-grid-compact{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;
  margin:0;
}
body.tp-aff-lite .stat{
  background:#fff;
  border:0;
  border-radius:14px;
  padding:16px 18px;
  box-shadow:var(--tp-card-shadow);
  overflow:visible;
}
body.tp-aff-lite .stat:before{display:none;}
body.tp-aff-lite .stat strong{
  margin:0;
  color:var(--tp-navy);
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:800;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.03em;
}
body.tp-aff-lite .stat span{
  display:block;
  margin-top:4px;
  color:var(--tp-soft);
  font-size:12px;
  font-weight:500;
}
body.tp-aff-lite .balance-grid{
  gap:14px;
}
body.tp-aff-lite .balance-box{
  background:var(--tp-bg);
  border:0;
  border-radius:12px;
  padding:14px 16px;
}
body.tp-aff-lite .balance-box strong{
  color:var(--tp-navy);
}

body.tp-aff-lite .btn,
body.tp-aff-lite a.btn,
body.tp-aff-lite button{
  min-height:40px;
  border-radius:10px;
  border:0;
  padding:11px 18px;
  background:var(--tp-yellow);
  color:var(--tp-navy);
  box-shadow:none;
  font-family:'Poppins', system-ui, sans-serif;
  font-weight:700;
  font-size:14px;
  line-height:1.2;
}
body.tp-aff-lite .btn:hover,
body.tp-aff-lite a.btn:hover,
body.tp-aff-lite button:hover{
  transform:none;
  background:#F4B43D;
}
body.tp-aff-lite .btn.secondary,
body.tp-aff-lite a.btn.secondary,
body.tp-aff-lite button.secondary{
  background:#fff;
  color:var(--tp-navy);
  border:1.5px solid var(--tp-border-strong);
  box-shadow:none;
}
body.tp-aff-lite .btn.small,
body.tp-aff-lite a.btn.small{
  min-height:34px;
  padding:8px 14px;
  font-size:13px;
}

body.tp-aff-lite input,
body.tp-aff-lite select,
body.tp-aff-lite textarea{
  border:1px solid var(--tp-border-strong);
  border-radius:10px;
  background:var(--tp-bg);
  color:var(--tp-navy);
  font-family:'Inter', system-ui, sans-serif;
  font-size:14px;
  padding:11px 14px;
  box-shadow:none;
}
body.tp-aff-lite textarea{min-height:100px;}
body.tp-aff-lite label{
  color:var(--tp-navy);
  font-family:'Inter', system-ui, sans-serif;
  font-weight:700;
  font-size:12.5px;
  margin:0 0 6px;
}
body.tp-aff-lite label span:first-child{
  color:var(--tp-navy);
  font-weight:700;
}
body.tp-aff-lite .copy-row input{
  min-height:40px;
}

body.tp-aff-lite .table-wrap{
  border-radius:0 0 16px 16px;
  border:0;
  overflow:auto;
  box-shadow:none;
  background:#fff;
}
body.tp-aff-lite table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}
body.tp-aff-lite thead tr,
body.tp-aff-lite table thead{
  background:var(--tp-bg) !important;
}
body.tp-aff-lite th{
  padding:12px 16px;
  color:var(--tp-soft);
  font-family:'Inter', system-ui, sans-serif;
  font-size:12.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
  border-bottom:1px solid var(--tp-border);
  background:var(--tp-bg) !important;
}
body.tp-aff-lite td{
  padding:14px 16px;
  border-bottom:1px solid #F3F1E9;
  color:var(--tp-navy);
  font-size:14px;
  vertical-align:middle;
}
body.tp-aff-lite tr:last-child td{border-bottom:0;}
body.tp-aff-lite table th:first-child,
body.tp-aff-lite table td:first-child{padding-left:26px;}
body.tp-aff-lite table th:last-child,
body.tp-aff-lite table td:last-child{padding-right:26px;}
body.tp-aff-lite .table-tools{
  background:#fff;
  border:0;
  border-radius:16px 16px 0 0;
  box-shadow:var(--tp-card-shadow);
  padding:18px 26px;
  margin:0;
}
body.tp-aff-lite .table-tools + .table-wrap{
  box-shadow:var(--tp-card-shadow);
}
body.tp-aff-lite .table-search,
body.tp-aff-lite .table-filter{
  background:var(--tp-bg);
  border:1px solid var(--tp-border-strong);
  border-radius:10px;
  color:var(--tp-navy);
}
body.tp-aff-lite .table-count{
  color:var(--tp-soft);
}
body.tp-aff-lite .table-clear{
  background:#fff;
  color:var(--tp-navy);
  border:1.5px solid var(--tp-border-strong);
}

body.tp-aff-lite .status{
  border:0;
  border-radius:999px;
  padding:5px 12px;
  font-size:12.5px;
  font-weight:700;
  white-space:nowrap;
}
body.tp-aff-lite .status.active,
body.tp-aff-lite .status.status-active,
body.tp-aff-lite .status.success{
  background:#E9F7EF;
  color:var(--tp-green);
}
body.tp-aff-lite .status.pending,
body.tp-aff-lite .status.status-pending,
body.tp-aff-lite .status.warn,
body.tp-aff-lite .status.warning{
  background:#FDF1DE;
  color:#B77B10;
}
body.tp-aff-lite .inline-code,
body.tp-aff-lite code{
  display:inline-flex;
  background:#F7F6F0;
  color:var(--tp-navy);
  border:1px solid var(--tp-border);
  border-radius:6px;
  padding:2px 6px;
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:12px;
}

body.tp-aff-lite .section-head-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
body.tp-aff-lite .section-head-row p{margin:0;}
body.tp-aff-lite .affiliate-settings-fields{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;
}
body.tp-aff-lite .affiliate-settings-fields label{
  display:flex;
  flex-direction:column;
  gap:6px;
}
body.tp-aff-lite .affiliate-settings-wide{
  grid-column:1 / -1;
}
body.tp-aff-lite .affiliate-settings-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}
body.tp-aff-lite .affiliate-settings-profile{
  background:#fff;
  border-bottom:1px solid var(--tp-border);
  padding:0 0 18px;
  margin:0 0 18px;
}
body.tp-aff-lite .affiliate-settings-profile strong{
  display:block;
  color:var(--tp-navy);
  font-family:'Poppins', system-ui, sans-serif;
  font-size:18px;
}
body.tp-aff-lite .affiliate-settings-profile span{
  display:block;
  color:var(--tp-muted);
  margin:2px 0 8px;
}
body.tp-aff-lite .affiliate-list-table .selected-row td{
  background:#FBFAF5;
}
body.tp-aff-lite .payment-model-summary{
  color:var(--tp-muted);
  line-height:1.6;
}
body.tp-aff-lite .payment-model-summary strong{
  color:var(--tp-navy);
}

/* Affiliate-only guide tooltip, kept above content */
body.tp-aff-lite .affiliate-help-link{position:relative;}
body.tp-aff-lite .affiliate-help-link::after{
  content:attr(data-affiliate-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%);
  width:max-content;
  max-width:300px;
  background:var(--tp-navy);
  color:#fff;
  border-radius:10px;
  padding:10px 12px;
  font-family:'Inter', system-ui, sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  opacity:0;
  pointer-events:none;
  transition:opacity .12s ease;
  z-index:50;
  box-shadow:0 8px 20px rgba(27,37,89,.18);
}
body.tp-aff-lite .affiliate-help-link::before{
  content:'';
  position:absolute;
  left:50%;
  bottom:calc(100% + 4px);
  transform:translateX(-50%);
  border:6px solid transparent;
  border-top-color:var(--tp-navy);
  opacity:0;
  transition:opacity .12s ease;
  z-index:51;
}
body.tp-aff-lite .affiliate-help-link:hover::after,
body.tp-aff-lite .affiliate-help-link:hover::before,
body.tp-aff-lite .affiliate-help-link:focus-visible::after,
body.tp-aff-lite .affiliate-help-link:focus-visible::before{opacity:1;}
body.tp-aff-lite .affiliate-nav .affiliate-help-link:first-child::after,
body.tp-aff-lite .affiliate-subnav .affiliate-help-link:first-of-type::after{
  left:0;
  transform:none;
}
body.tp-aff-lite .affiliate-nav .affiliate-help-link:first-child::before,
body.tp-aff-lite .affiliate-subnav .affiliate-help-link:first-of-type::before{
  left:24px;
  transform:none;
}
body.tp-aff-lite .affiliate-nav .affiliate-help-link:last-child::after,
body.tp-aff-lite .affiliate-subnav .affiliate-help-link:last-child::after{
  left:auto;
  right:0;
  transform:none;
}
body.tp-aff-lite .affiliate-nav .affiliate-help-link:last-child::before,
body.tp-aff-lite .affiliate-subnav .affiliate-help-link:last-child::before{
  left:auto;
  right:24px;
  transform:none;
}

/* Auth pages keep a centered card while sharing the new typography */
body.tp-aff-lite .wrap.tp-page-shell > .topbar.narrow,
body.tp-aff-lite .wrap.tp-page-shell > .hero-card.narrow,
body.tp-aff-lite .wrap.tp-page-shell > .card.narrow{
  max-width:660px;
  margin-left:auto;
  margin-right:auto;
}
body.tp-aff-lite .wrap.tp-page-shell > .topbar.narrow,
body.tp-aff-lite .wrap.tp-page-shell > .hero-card.narrow{
  margin-top:48px;
  margin-bottom:22px;
}

@media(max-width:900px){
  .tp-container{width:min(100% - 36px, 1280px);}
  .tp-global-bar{padding:14px 0;}
  .tp-hero{padding:24px 0 0;}
  .tp-hero h1{font-size:28px;}
  body.tp-aff-lite .admin-mobile-menu-toggle{
    display:inline-flex;
    margin:0 0 14px;
  }
  body.tp-aff-lite .tp-menu-panel{display:none;}
  body.tp-aff-lite .tp-menu-panel.is-open{display:block;}
  body.tp-aff-lite .tp-main-tabs,
  body.tp-aff-lite .admin-nav{
    flex-direction:column;
    align-items:stretch;
    border-bottom:0;
    gap:8px;
  }
  body.tp-aff-lite .tp-tab,
  body.tp-aff-lite .nav-section{
    border:1px solid var(--tp-border-strong);
    border-radius:10px;
    justify-content:flex-start;
    padding:10px 14px;
    background:#fff;
  }
  body.tp-aff-lite .tp-tab.active,
  body.tp-aff-lite .nav-section.active{
    border-color:var(--tp-yellow);
    background:#FFF7DA;
  }
  body.tp-aff-lite .tp-subnav,
  body.tp-aff-lite .admin-subnav,
  body.tp-aff-lite .affiliate-subnav{
    padding:14px 0;
  }
  body.tp-aff-lite .grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .tp-container{width:min(100% - 28px, 1280px);}
  .tp-global-inner{align-items:flex-start;}
  body.tp-aff-lite .tp-brand-logo{width:150px;}
  body.tp-aff-lite .admin-account-box{width:100%;justify-content:flex-start;}
  .tp-kpi-grid{grid-template-columns:1fr;}
  .tp-kpi-values,.tp-kpi-values.three{grid-template-columns:1fr 1fr;}
  body.tp-aff-lite .card{padding:20px;}
  body.tp-aff-lite table th:first-child,body.tp-aff-lite table td:first-child{padding-left:16px;}
  body.tp-aff-lite table th:last-child,body.tp-aff-lite table td:last-child{padding-right:16px;}
}

/* v1.36 hard overrides for old admin navigation decorators */
body.tp-aff-lite .tp-page-header.admin-topbar,
body.tp-aff-lite .tp-page-header.affiliate-topbar{
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--tp-navy) !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.tp-aff-lite .admin-subnav::before,
body.tp-aff-lite .affiliate-subnav::before,
body.tp-aff-lite .admin-subnav-finance::before{
  display:none !important;
  content:none !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-help-link::after{
  content:attr(data-affiliate-tooltip) !important;
  top:auto !important;
  bottom:calc(100% + 10px) !important;
  background:var(--tp-navy) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  max-width:300px !important;
  min-width:0 !important;
  height:auto !important;
  white-space:normal !important;
  box-shadow:0 8px 20px rgba(27,37,89,.18) !important;
  z-index:80 !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-help-link::before{
  top:auto !important;
  bottom:calc(100% + 4px) !important;
  border:6px solid transparent !important;
  border-top-color:var(--tp-navy) !important;
  background:transparent !important;
  width:0 !important;
  height:0 !important;
  z-index:81 !important;
}


/* v1.37 exact header, hero, and tab navigation from Affiliate Dashboard shareable design */
body.tp-aff-lite{
  background:#F7F6F0 !important;
  color:#1B2559 !important;
  font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
body.tp-aff-lite .wrap.tp-page-shell,
body.tp-aff-lite .wrap.admin-wrap.tp-page-shell{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.tp-aff-lite .tp-page-header.admin-topbar,
body.tp-aff-lite .tp-page-header.affiliate-topbar{
  min-height:0 !important;
  display:block !important;
  flex-direction:initial !important;
  padding:0 !important;
  padding-bottom:0 !important;
  margin:0 !important;
  margin-bottom:0 !important;
  border-radius:0 !important;
  background:#F7F6F0 !important;
  color:#1B2559 !important;
  box-shadow:none !important;
  overflow:visible !important;
  position:relative !important;
  z-index:1 !important;
}
body.tp-aff-lite .tp-page-header.admin-topbar::before,
body.tp-aff-lite .tp-page-header.admin-topbar::after,
body.tp-aff-lite .tp-page-header.affiliate-topbar::before,
body.tp-aff-lite .tp-page-header.affiliate-topbar::after{
  content:none !important;
  display:none !important;
}
body.tp-aff-lite .tp-page-header.admin-topbar > *,
body.tp-aff-lite .tp-page-header.affiliate-topbar > *{
  position:relative !important;
  z-index:auto !important;
}
body.tp-aff-lite .tp-global-bar{
  display:block !important;
  width:100% !important;
  background:#FFFFFF !important;
  border-bottom:1px solid #ECE8DC !important;
  padding:18px 40px !important;
  margin:0 !important;
  box-shadow:none !important;
}
body.tp-aff-lite .tp-global-inner{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  min-height:0 !important;
}
body.tp-aff-lite .tp-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 !important;
  color:#1B2559 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:1 !important;
}
body.tp-aff-lite .tp-brand-logo{
  width:174px !important;
  max-width:174px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
}
body.tp-aff-lite .admin-account-box{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  background:#F7F6F0 !important;
  border:0 !important;
  border-radius:999px !important;
  padding:6px 16px 6px 6px !important;
  min-height:46px !important;
  box-shadow:none !important;
  color:#1B2559 !important;
}
body.tp-aff-lite .admin-avatar{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:50% !important;
  background:#1B2559 !important;
  color:#FFFFFF !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-family:'Poppins', system-ui, sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
body.tp-aff-lite .affiliate-account-box .admin-avatar{
  background:#F5A623 !important;
  color:#1B2559 !important;
}
body.tp-aff-lite .admin-account-meta{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  line-height:1.25 !important;
  color:#1B2559 !important;
}
body.tp-aff-lite .admin-account-meta span{
  font-family:'Poppins', system-ui, sans-serif !important;
  font-weight:700 !important;
  font-size:13px !important;
  color:#1B2559 !important;
  margin:0 !important;
}
body.tp-aff-lite .admin-account-meta small,
body.tp-aff-lite .admin-account-meta a{
  font-family:'Inter', system-ui, sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  color:#9A9587 !important;
  line-height:1.25 !important;
  text-decoration:none !important;
  display:block !important;
  margin:0 !important;
}
body.tp-aff-lite .affiliate-account-box .admin-account-meta a[href="change-password.php"]{
  color:#1B2559 !important;
  font-weight:600 !important;
}
body.tp-aff-lite .admin-account-meta a:hover{
  text-decoration:none !important;
  color:#1B2559 !important;
}
body.tp-aff-lite .tp-hero{
  display:block !important;
  width:100% !important;
  background:linear-gradient(180deg,#FFF8E8 0%,#F7F6F0 100%) !important;
  padding:32px 40px 0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.tp-aff-lite .tp-hero > .tp-container{
  max-width:1280px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}
body.tp-aff-lite .tp-hero h1,
body.tp-aff-lite .admin-topbar .tp-hero h1,
body.tp-aff-lite .affiliate-topbar .tp-hero h1{
  display:block !important;
  min-height:0 !important;
  align-items:initial !important;
  margin:0 0 6px !important;
  max-width:none !important;
  color:#1B2559 !important;
  font-family:'Poppins', system-ui, sans-serif !important;
  font-weight:800 !important;
  font-size:32px !important;
  letter-spacing:-.02em !important;
  line-height:1.12 !important;
  text-shadow:none !important;
}
body.tp-aff-lite .tp-hero p,
body.tp-aff-lite .admin-topbar .tp-hero p,
body.tp-aff-lite .affiliate-topbar .tp-hero p{
  display:block !important;
  min-height:0 !important;
  max-width:640px !important;
  margin:0 0 22px !important;
  color:#6B7280 !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-weight:400 !important;
  font-size:15px !important;
  line-height:1.5 !important;
  letter-spacing:normal !important;
}
body.tp-aff-lite .tp-menu-panel,
body.tp-aff-lite .admin-menu-panel,
body.tp-aff-lite .affiliate-menu-panel{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:0 !important;
}
body.tp-aff-lite .admin-mobile-menu-toggle{
  display:none !important;
}
body.tp-aff-lite .tp-main-tabs,
body.tp-aff-lite .admin-nav,
body.tp-aff-lite .affiliate-nav{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid #E7E2D2 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:auto !important;
}
body.tp-aff-lite .tp-main-tabs::-webkit-scrollbar,
body.tp-aff-lite .admin-nav::-webkit-scrollbar,
body.tp-aff-lite .affiliate-nav::-webkit-scrollbar{
  height:0 !important;
}
body.tp-aff-lite .tp-tab,
body.tp-aff-lite .admin-nav .nav-section,
body.tp-aff-lite .affiliate-nav .nav-section{
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 16px 12px !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#8B8778 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-weight:500 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  letter-spacing:normal !important;
  white-space:nowrap !important;
  transform:none !important;
  transition:none !important;
}
body.tp-aff-lite .tp-tab:hover,
body.tp-aff-lite .admin-nav .nav-section:hover,
body.tp-aff-lite .affiliate-nav .nav-section:hover{
  transform:none !important;
  background:transparent !important;
  color:#1B2559 !important;
  box-shadow:none !important;
}
body.tp-aff-lite .tp-tab.active,
body.tp-aff-lite .admin-nav .nav-section.active,
body.tp-aff-lite .affiliate-nav .nav-section.active{
  background:transparent !important;
  color:#1B2559 !important;
  border:0 !important;
  border-bottom:3px solid #F5A623 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:'Poppins', system-ui, sans-serif !important;
  font-weight:700 !important;
}
body.tp-aff-lite .admin-nav .nav-section::after,
body.tp-aff-lite .affiliate-nav .nav-section::after{
  content:none !important;
  display:none !important;
}
body.tp-aff-lite .tp-subnav,
body.tp-aff-lite .admin-subnav,
body.tp-aff-lite .affiliate-subnav{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  margin-top:0 !important;
  padding:16px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  position:relative !important;
  z-index:auto !important;
  align-content:flex-start !important;
}
body.tp-aff-lite .admin-subnav::before,
body.tp-aff-lite .affiliate-subnav::before,
body.tp-aff-lite .admin-subnav-finance::before{
  content:none !important;
  display:none !important;
}
body.tp-aff-lite .tp-section-label{
  display:inline-flex !important;
  align-items:center !important;
  padding:0 !important;
  margin:0 4px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  color:#9A9587 !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  line-height:1.25 !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
}
body.tp-aff-lite .tp-subtab,
body.tp-aff-lite .admin-subnav a,
body.tp-aff-lite .affiliate-subnav a{
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 14px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#9A9587 !important;
  box-shadow:none !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  text-shadow:none !important;
}
body.tp-aff-lite .tp-subtab:hover,
body.tp-aff-lite .admin-subnav a:hover,
body.tp-aff-lite .affiliate-subnav a:hover{
  background:transparent !important;
  color:#1B2559 !important;
  box-shadow:none !important;
}
body.tp-aff-lite .tp-subtab.is-active,
body.tp-aff-lite .admin-subnav a.is-active,
body.tp-aff-lite .affiliate-subnav a.is-active{
  background:#EEF0FA !important;
  color:#1B2559 !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
body.tp-aff-lite .tp-subnav-spacer{
  display:block !important;
  height:16px !important;
}
body.tp-aff-lite .tp-main{
  padding:28px 40px 60px !important;
  margin:0 !important;
}
body.tp-aff-lite .tp-main > .tp-container{
  max-width:1280px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}
@media(max-width:900px){
  body.tp-aff-lite .tp-global-bar{padding:14px 18px !important;}
  body.tp-aff-lite .tp-hero{padding:24px 18px 0 !important;}
  body.tp-aff-lite .tp-main{padding:24px 18px 48px !important;}
  body.tp-aff-lite .tp-hero h1{font-size:28px !important;}
  body.tp-aff-lite .admin-mobile-menu-toggle{
    display:inline-flex !important;
    margin:0 0 14px !important;
  }
  body.tp-aff-lite .tp-menu-panel,
  body.tp-aff-lite .admin-menu-panel,
  body.tp-aff-lite .affiliate-menu-panel{display:none !important;}
  body.tp-aff-lite .tp-menu-panel.is-open,
  body.tp-aff-lite .admin-menu-panel.is-open,
  body.tp-aff-lite .affiliate-menu-panel.is-open{display:block !important;}
  body.tp-aff-lite .tp-main-tabs,
  body.tp-aff-lite .admin-nav,
  body.tp-aff-lite .affiliate-nav{
    flex-direction:column !important;
    align-items:stretch !important;
    border-bottom:0 !important;
    gap:8px !important;
  }
  body.tp-aff-lite .tp-tab,
  body.tp-aff-lite .admin-nav .nav-section,
  body.tp-aff-lite .affiliate-nav .nav-section{
    justify-content:flex-start !important;
    border:1px solid #E1DECF !important;
    border-radius:10px !important;
    padding:10px 14px !important;
    background:#FFFFFF !important;
  }
  body.tp-aff-lite .tp-tab.active,
  body.tp-aff-lite .admin-nav .nav-section.active,
  body.tp-aff-lite .affiliate-nav .nav-section.active{
    background:#FFF8E8 !important;
    border-color:#F5A623 !important;
    border-bottom:1px solid #F5A623 !important;
  }
}
@media(max-width:640px){
  body.tp-aff-lite .tp-brand-logo{width:150px !important;max-width:150px !important;}
  body.tp-aff-lite .admin-account-box{width:100% !important;justify-content:flex-start !important;}
}

/* v1.38 marketing materials */
.category-tabs.marketing-category-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 28px;
  align-items:center;
}
.category-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(11,31,83,.10);
  color:#6f6b61;
  background:rgba(255,255,255,.45);
  text-decoration:none;
  font-weight:800;
  font-size:14px;
  line-height:1.1;
}
.category-tab:hover,
.category-tab.is-active{
  background:#eef3ff;
  color:#101b4f;
}
.marketing-admin-grid{
  align-items:start;
}
.marketing-material-form textarea{
  min-height:118px;
}
.material-current-image{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0 18px;
  padding:10px;
  border:1px solid rgba(11,31,83,.10);
  border-radius:16px;
  background:#faf9f4;
}
.material-current-image img,
.material-thumb-link img{
  width:74px;
  height:56px;
  border-radius:12px;
  object-fit:cover;
  display:block;
}
.marketing-preview-card{
  border:1px solid rgba(11,31,83,.10);
  border-radius:22px;
  padding:24px;
  background:linear-gradient(135deg,#fff8df,#fffdf5);
}
.marketing-preview-card h3{
  margin:12px 0 12px;
  color:#101b4f;
  font-size:28px;
  line-height:1.05;
}
.marketing-preview-card img,
.material-image-open img{
  width:100%;
  max-height:300px;
  object-fit:cover;
  border-radius:18px;
  display:block;
  margin:12px 0 16px;
}
.material-image-placeholder{
  min-height:170px;
  border-radius:18px;
  background:#f1efe8;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#777268;
  font-weight:800;
  margin:12px 0 16px;
}
.material-category-label{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border-radius:999px;
  background:#eef3ff;
  color:#101b4f;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.material-preview-field{
  margin-top:14px;
}
.material-preview-field strong{
  color:#101b4f;
}
.material-preview-field p{
  margin:6px 0 0;
  color:#5f6470;
}
.marketing-material-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.material-card{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.material-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.material-card h2{
  margin:0;
}
.material-field{
  border:1px solid rgba(11,31,83,.08);
  background:#faf9f4;
  border-radius:18px;
  padding:14px;
}
.material-field-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.material-field textarea,
.material-field input{
  width:100%;
  box-sizing:border-box;
  border:0;
  background:#fff;
  border-radius:12px;
  padding:12px;
  color:#101b4f;
  font:inherit;
}
.material-field textarea{
  min-height:96px;
  resize:vertical;
}
.marketing-affiliate-link-card{
  margin-bottom:22px;
}
@media(max-width:900px){
  .marketing-material-grid{
    grid-template-columns:1fr;
  }
}

/* v1.40 Marketing Materials SubID badges */
.material-subid-badge,
.readonly-info-row code{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  background:#fff6d8;
  color:#101b4f;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.readonly-info-row{
  margin:10px 0 18px;
  color:#101b4f;
  font-size:14px;
}
.material-card-top .material-subid-badge{
  background:#fff6d8;
}

/* v1.42 affiliate description width, tooltips, and language switcher */
body.tp-aff-lite .tp-hero p,
body.tp-aff-lite .admin-topbar .tp-hero p,
body.tp-aff-lite .affiliate-topbar .tp-hero p{
  max-width:none !important;
  width:100% !important;
}
body.tp-aff-lite .affiliate-language-switcher{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:4px !important;
  border-radius:999px !important;
  background:#F7F6F0 !important;
  margin-left:auto !important;
}
body.tp-aff-lite .affiliate-language-option{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  color:#8B8778 !important;
  text-decoration:none !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
}
body.tp-aff-lite .affiliate-language-option.is-active{
  background:#FFFFFF !important;
  color:#1B2559 !important;
  box-shadow:0 1px 4px rgba(27,37,89,.08) !important;
}
body.tp-aff-lite .affiliate-topbar .tp-menu-panel,
body.tp-aff-lite .affiliate-topbar .affiliate-nav,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav{
  overflow:visible !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-help-link[data-affiliate-tooltip]{
  position:relative !important;
  overflow:visible !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]::after,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link[data-affiliate-tooltip]::after{
  content:attr(data-affiliate-tooltip) !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:calc(100% + 12px) !important;
  transform:translateX(-50%) translateY(-4px) !important;
  width:max-content !important;
  max-width:min(340px,calc(100vw - 48px)) !important;
  min-width:220px !important;
  height:auto !important;
  padding:10px 12px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#1B2559 !important;
  color:#FFFFFF !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-align:left !important;
  white-space:normal !important;
  box-shadow:0 10px 24px rgba(27,37,89,.22) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:99999 !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]::before,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link[data-affiliate-tooltip]::before{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:calc(100% + 6px) !important;
  transform:translateX(-50%) !important;
  width:0 !important;
  height:0 !important;
  border:6px solid transparent !important;
  border-top-color:#1B2559 !important;
  background:transparent !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:100000 !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]:hover::after,
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]:focus-visible::after,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link[data-affiliate-tooltip]:hover::after,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link[data-affiliate-tooltip]:focus-visible::after,
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]:hover::before,
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link[data-affiliate-tooltip]:focus-visible::before,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link[data-affiliate-tooltip]:hover::before,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link[data-affiliate-tooltip]:focus-visible::before{
  opacity:1 !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link:first-child[data-affiliate-tooltip]::after,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link:first-of-type[data-affiliate-tooltip]::after{
  left:0 !important;
  right:auto !important;
  transform:translateY(-4px) !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link:first-child[data-affiliate-tooltip]::before,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link:first-of-type[data-affiliate-tooltip]::before{
  left:26px !important;
  right:auto !important;
  transform:none !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link:last-child[data-affiliate-tooltip]::after,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link:last-child[data-affiliate-tooltip]::after{
  left:auto !important;
  right:0 !important;
  transform:translateY(-4px) !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link:last-child[data-affiliate-tooltip]::before,
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link:last-child[data-affiliate-tooltip]::before{
  left:auto !important;
  right:26px !important;
  transform:none !important;
}
@media(max-width:900px){
  body.tp-aff-lite .affiliate-language-switcher{
    margin-left:0 !important;
    order:3 !important;
  }
  body.tp-aff-lite .affiliate-topbar .affiliate-help-link[data-affiliate-tooltip]::before,
  body.tp-aff-lite .affiliate-topbar .affiliate-help-link[data-affiliate-tooltip]::after{
    display:none !important;
    content:none !important;
  }
}
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link:first-of-type:last-child[data-affiliate-tooltip]::after,
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link:first-child:last-child[data-affiliate-tooltip]::after{
  left:0 !important;
  right:auto !important;
  transform:translateY(-4px) !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-subnav .affiliate-help-link:first-of-type:last-child[data-affiliate-tooltip]::before,
body.tp-aff-lite .affiliate-topbar .affiliate-nav .affiliate-help-link:first-child:last-child[data-affiliate-tooltip]::before{
  left:26px !important;
  right:auto !important;
}


/* v1.43 affiliate tooltip overlay fix */
body.tp-aff-lite .affiliate-topbar .affiliate-help-link[data-affiliate-tooltip]::before,
body.tp-aff-lite .affiliate-topbar .affiliate-help-link[data-affiliate-tooltip]::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}
.tp-affiliate-floating-tooltip{
  position:fixed;
  box-sizing:border-box;
  max-width:min(360px,calc(100vw - 32px));
  min-width:240px;
  padding:11px 13px;
  border-radius:10px;
  background:#1B2559;
  color:#FFFFFF;
  font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.38;
  letter-spacing:0;
  text-align:left;
  white-space:normal;
  box-shadow:0 14px 32px rgba(27,37,89,.28);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:2147483000;
  isolation:isolate;
}
.tp-affiliate-floating-tooltip.is-visible{
  opacity:1;
  visibility:visible;
}
@media(max-width:900px){
  .tp-affiliate-floating-tooltip{
    display:none !important;
  }
}

/* v1.44 affiliate tooltip hide-state fix */
.tp-affiliate-floating-tooltip[aria-hidden="true"]{
  opacity:0 !important;
  visibility:hidden !important;
  display:none !important;
  pointer-events:none !important;
}
.tp-affiliate-floating-tooltip[aria-hidden="false"].is-visible{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
body.tp-aff-lite .affiliate-topbar .affiliate-help-link[data-affiliate-tooltip]::before,
body.tp-aff-lite .affiliate-topbar .affiliate-help-link[data-affiliate-tooltip]::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
}


/* v1.45 admin button spacing cleanup */
body.tp-aff-lite .marketing-material-form .actions-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
  padding-top:8px;
}
body.tp-aff-lite .marketing-material-form .actions-row .btn,
body.tp-aff-lite .marketing-material-form .actions-row button{
  margin-top:0;
}
body.tp-aff-lite .card > form.filters > button[type=submit]{
  margin-top:18px;
}
body.tp-aff-lite .card > form.filter-form .filter-actions,
body.tp-aff-lite .card > form.visible-filter-form .filter-actions,
body.tp-aff-lite .card > form.report-filter-form .mini-actions{
  margin-top:18px;
  padding-top:4px;
}
body.tp-aff-lite .card > form.filter-form .filter-actions .btn,
body.tp-aff-lite .card > form.filter-form .filter-actions button,
body.tp-aff-lite .card > form.visible-filter-form .filter-actions .btn,
body.tp-aff-lite .card > form.visible-filter-form .filter-actions button{
  margin-top:0;
}
@media(max-width:760px){
  body.tp-aff-lite .marketing-material-form .actions-row{
    display:grid;
    grid-template-columns:1fr;
  }
  body.tp-aff-lite .marketing-material-form .actions-row .btn,
  body.tp-aff-lite .marketing-material-form .actions-row button{
    width:100%;
  }
}

/* v1.47 spacing cleanup for currency form and affiliate sharing link */
body.tp-aff-lite .currency-add-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}
body.tp-aff-lite .currency-add-form label{
  margin:0 0 2px !important;
}
body.tp-aff-lite .currency-add-form .form-row.currency-row{
  margin:0 !important;
  gap:12px !important;
}
body.tp-aff-lite .currency-add-form input[name="currency_name"]{
  margin:0 !important;
}
body.tp-aff-lite .currency-add-form button[type="submit"]{
  align-self:flex-start;
  margin-top:8px !important;
}
body.tp-aff-lite .affiliate-default-link-card .muted{
  margin-bottom:16px !important;
}
body.tp-aff-lite .affiliate-default-copy-row{
  margin-top:6px;
  margin-bottom:16px;
}
body.tp-aff-lite .affiliate-default-action{
  margin:0 !important;
  padding-top:0 !important;
}
body.tp-aff-lite .affiliate-default-action .btn{
  margin-top:0 !important;
}
@media(max-width:760px){
  body.tp-aff-lite .currency-add-form button[type="submit"]{
    align-self:stretch;
    width:100%;
  }
  body.tp-aff-lite .affiliate-default-copy-row{
    margin-bottom:14px;
  }
}

/* v1.48 affiliate mockup redesign */
body.tp-aff-lite:has(.tp-main-affiliate){
  background:#F7F6F0 !important;
  color:#0B1D5C !important;
}
body.tp-aff-lite .tp-affiliate-header{
  background:#FFFFFF !important;
  border:1px solid #E7EAF2 !important;
  border-radius:0 !important;
  box-shadow:0 1px 0 rgba(11,29,92,.05) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.tp-aff-lite .tp-affiliate-global-bar{
  background:#FFFFFF !important;
  border-bottom:1px solid #E5E7EF !important;
  padding:20px 30px !important;
}
body.tp-aff-lite .tp-affiliate-global-inner{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  position:relative !important;
  gap:20px !important;
}
body.tp-aff-lite .tp-affiliate-header .tp-brand-logo{
  width:214px !important;
  max-width:214px !important;
  height:auto !important;
}
body.tp-aff-lite .tp-affiliate-header .affiliate-language-switcher{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:3px !important;
  border-radius:999px !important;
  background:#F3F2EF !important;
  border:1px solid #E2E0DA !important;
  box-shadow:none !important;
  z-index:2 !important;
}
body.tp-aff-lite .tp-affiliate-header .affiliate-language-option{
  min-width:72px !important;
  text-align:center !important;
  padding:9px 16px !important;
  border-radius:999px !important;
  color:#6F6B61 !important;
  background:transparent !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
}
body.tp-aff-lite .tp-affiliate-header .affiliate-language-option.is-active{
  background:#FFFFFF !important;
  color:#0B1D5C !important;
  box-shadow:0 2px 8px rgba(11,29,92,.08) !important;
}
body.tp-aff-lite .tp-affiliate-account{
  background:#FFFFFF !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  min-height:56px !important;
  padding:0 !important;
  gap:12px !important;
}
body.tp-aff-lite .tp-affiliate-account .admin-avatar{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  background:#F5A400 !important;
  color:#0B1D5C !important;
  font-size:19px !important;
  font-weight:800 !important;
}
body.tp-aff-lite .tp-affiliate-account .admin-account-meta span{
  color:#0B1D5C !important;
  font-family:'Poppins', system-ui, sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
}
body.tp-aff-lite .tp-affiliate-account .admin-account-meta small{
  color:#0B1D5C !important;
  font-size:13px !important;
  font-weight:500 !important;
}
body.tp-aff-lite .tp-affiliate-account-links{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:2px !important;
  color:#D0D5E2 !important;
}
body.tp-aff-lite .tp-affiliate-account-links a{
  display:inline !important;
  color:#1237A5 !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
}
body.tp-aff-lite .tp-affiliate-nav-bar{
  background:#FFFFFF !important;
  border-bottom:1px solid #E5E7EF !important;
}
body.tp-aff-lite .tp-affiliate-nav-bar .tp-container{
  width:100% !important;
  max-width:none !important;
  padding:0 30px !important;
  margin:0 !important;
}
body.tp-aff-lite .tp-affiliate-nav-bar .tp-menu-panel{
  display:block !important;
}
body.tp-aff-lite .tp-affiliate-main-nav{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:0 !important;
  width:100% !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-affiliate-main-nav .tp-tab{
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:14px 12px 12px !important;
  border:0 !important;
  border-bottom:4px solid transparent !important;
  color:#111827 !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  background:#FFFFFF !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
body.tp-aff-lite .tp-affiliate-main-nav .tp-tab:hover{
  color:#0B1D5C !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-affiliate-main-nav .tp-tab.active{
  color:#0B1D5C !important;
  border-bottom-color:#F5A400 !important;
  font-weight:800 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
}
body.tp-aff-lite .tp-affiliate-main-nav .tp-tab-icon{
  width:22px !important;
  height:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:currentColor !important;
  flex:0 0 auto !important;
}
body.tp-aff-lite .tp-affiliate-main-nav .tp-tab-icon svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
}
body.tp-aff-lite .tp-main-affiliate{
  padding:28px 30px 38px !important;
  background:#F7F6F0 !important;
}
body.tp-aff-lite .tp-main-affiliate > .tp-container{
  max-width:1200px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}
body.tp-aff-lite .tp-main-affiliate .tp-content-stack{
  gap:18px !important;
}
body.tp-aff-lite .tp-aff-dashboard-card,
body.tp-aff-lite .tp-share-guide-card,
body.tp-aff-lite .tp-share-main-link-card,
body.tp-aff-lite .tp-share-content-card{
  background:#FFFFFF !important;
  border:1px solid #E0E5EF !important;
  border-radius:12px !important;
  box-shadow:0 4px 14px rgba(11,29,92,.04) !important;
  padding:26px 30px !important;
  color:#0B1D5C !important;
}
body.tp-aff-lite .tp-aff-dashboard-card h1,
body.tp-aff-lite .tp-share-guide-card h1{
  margin:0 0 20px !important;
  color:#0B1D5C !important;
  font-family:'Poppins', system-ui, sans-serif !important;
  font-weight:800 !important;
  font-size:23px !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
}
body.tp-aff-lite .tp-aff-dashboard-card h2,
body.tp-aff-lite .tp-aff-next-card h2,
body.tp-aff-lite .tp-aff-earn-card h2,
body.tp-aff-lite .tp-share-main-link-card h2,
body.tp-aff-lite .tp-share-picker h2,
body.tp-aff-lite .tp-share-content-card h2{
  margin:0 0 8px !important;
  color:#0B1D5C !important;
  font-family:'Poppins', system-ui, sans-serif !important;
  font-weight:800 !important;
  font-size:21px !important;
  line-height:1.2 !important;
}
body.tp-aff-lite .tp-aff-dashboard-card h3,
body.tp-aff-lite .tp-share-guide-card h3{
  margin:0 0 6px !important;
  color:#0B1D5C !important;
  font-family:'Poppins', system-ui, sans-serif !important;
  font-weight:800 !important;
  font-size:15px !important;
  line-height:1.25 !important;
}
body.tp-aff-lite .tp-aff-dashboard-card p,
body.tp-aff-lite .tp-share-guide-card p,
body.tp-aff-lite .tp-share-main-link-card p,
body.tp-aff-lite .tp-share-picker p,
body.tp-aff-lite .tp-share-content-card p{
  color:#1F2A44 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  margin:0 0 10px !important;
}
body.tp-aff-lite .tp-aff-workflow{
  display:grid !important;
  grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr !important;
  gap:14px !important;
  align-items:center !important;
}
body.tp-aff-lite .tp-aff-step{
  position:relative !important;
  min-height:132px !important;
  display:grid !important;
  grid-template-columns:70px 1fr !important;
  gap:14px !important;
  align-items:center !important;
  padding:20px 16px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#F8FBFF 0%,#EFF6FF 100%) !important;
}
body.tp-aff-lite .tp-aff-step-number{
  position:absolute !important;
  left:10px !important;
  top:10px !important;
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  background:#20B486 !important;
  color:#FFFFFF !important;
  border-radius:50% !important;
  font-weight:800 !important;
  font-size:12px !important;
}
body.tp-aff-lite .tp-aff-step-icon{
  width:62px !important;
  height:62px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#EAF2FF !important;
  font-size:34px !important;
}
body.tp-aff-lite .tp-aff-icon-money{background:#FFF2C9 !important;color:#F5A400 !important;font-family:'Poppins',sans-serif !important;font-weight:900 !important;}
body.tp-aff-lite .tp-aff-step p{font-size:11.5px !important;color:#1F2A44 !important;margin:0 !important;}
body.tp-aff-lite .tp-aff-step-arrow,
body.tp-aff-lite .tp-share-guide-arrow{
  display:grid !important;
  place-items:center !important;
  color:#C3C6CE !important;
  font-size:28px !important;
  font-weight:400 !important;
}
body.tp-aff-lite .tp-aff-info-note,
body.tp-aff-lite .tp-aff-success-note,
body.tp-aff-lite .tp-aff-warning-note,
body.tp-aff-lite .tp-share-compliance-note,
body.tp-aff-lite .tp-share-next-note{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  width:100% !important;
  border-radius:10px !important;
  padding:13px 16px !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
body.tp-aff-lite .tp-aff-info-note{
  margin-top:18px !important;
  background:#F0F7FF !important;
  color:#1237A5 !important;
}
body.tp-aff-lite .tp-aff-info-note span{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#2563EB !important;
  color:#FFFFFF !important;
  font-weight:800 !important;
}
body.tp-aff-lite .tp-aff-dashboard-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.95fr) !important;
  gap:22px !important;
  align-items:start !important;
}
body.tp-aff-lite .tp-aff-left-column,
body.tp-aff-lite .tp-aff-right-column{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}
body.tp-aff-lite .tp-aff-next-card{
  min-height:210px !important;
  display:grid !important;
  grid-template-columns:68px minmax(0,1fr) 185px !important;
  gap:18px !important;
  align-items:center !important;
  background:linear-gradient(135deg,#F1FFF6 0%,#FFFFFF 100%) !important;
  border:1px solid #BFE8CF !important;
  border-radius:12px !important;
  box-shadow:0 4px 14px rgba(11,29,92,.04) !important;
  padding:26px 30px !important;
}
body.tp-aff-lite .tp-aff-next-icon{
  width:64px !important;
  height:64px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#C8F1D8 !important;
  color:#04A36A !important;
  font-size:32px !important;
  transform:rotate(-12deg) !important;
}
body.tp-aff-lite .tp-aff-phone-illustration{
  position:relative !important;
  height:150px !important;
}
body.tp-aff-lite .tp-aff-phone-illustration::before{
  content:'' !important;
  position:absolute !important;
  width:70px !important;
  height:118px !important;
  right:44px !important;
  top:12px !important;
  border:6px solid #0B1D5C !important;
  border-radius:16px !important;
  background:linear-gradient(#FFFFFF,#EFF6FF) !important;
  transform:rotate(9deg) !important;
  box-shadow:0 14px 22px rgba(11,29,92,.12) !important;
}
body.tp-aff-lite .tp-social{
  position:absolute !important;
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:9px !important;
  color:#FFFFFF !important;
  font-weight:900 !important;
  box-shadow:0 6px 14px rgba(11,29,92,.12) !important;
}
body.tp-aff-lite .tp-social-messenger{right:112px;top:22px;background:#8B5CF6 !important;}
body.tp-aff-lite .tp-social-facebook{right:104px;top:74px;background:#2563EB !important;font-family:Arial,sans-serif !important;font-size:28px !important;}
body.tp-aff-lite .tp-social-whatsapp{right:24px;top:86px;background:#22C55E !important;}
body.tp-aff-lite .tp-social-email{right:72px;top:120px;background:#F59E0B !important;}
body.tp-aff-lite .tp-aff-link-panel .tp-aff-link-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 140px !important;
  gap:14px !important;
  margin:18px 0 !important;
}
body.tp-aff-lite .tp-aff-link-panel input,
body.tp-aff-lite .tp-share-main-link-row input,
body.tp-aff-lite .tp-share-material-field input{
  min-height:50px !important;
  background:#FFFFFF !important;
  border:1px solid #D9DEEA !important;
  border-radius:6px !important;
  color:#0B1D5C !important;
  font-family:'Inter', system-ui, sans-serif !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-aff-orange-btn,
body.tp-aff-lite a.tp-aff-orange-btn,
body.tp-aff-lite button.tp-aff-orange-btn{
  background:#F5A400 !important;
  color:#0B1D5C !important;
  border-radius:7px !important;
  min-height:48px !important;
  padding:13px 22px !important;
  box-shadow:0 8px 16px rgba(245,164,0,.18) !important;
}
body.tp-aff-lite .tp-aff-small-note{
  margin:14px 0 0 !important;
  font-size:12px !important;
  color:#1F2A44 !important;
}
body.tp-aff-lite .tp-aff-success-note{
  margin-top:14px !important;
  background:#F0FFF5 !important;
  color:#0A7A47 !important;
}
body.tp-aff-lite .tp-aff-success-note span{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1.5px solid #20B486 !important;
  color:#20B486 !important;
}
body.tp-aff-lite .tp-aff-earn-card{
  background:#FFF8E8 !important;
  border:1px solid #F3E4B8 !important;
  border-radius:12px !important;
  box-shadow:0 4px 14px rgba(11,29,92,.04) !important;
  padding:28px 30px !important;
}
body.tp-aff-lite .tp-aff-earn-head{
  display:grid !important;
  grid-template-columns:70px 1fr !important;
  gap:18px !important;
  align-items:center !important;
  padding-bottom:22px !important;
  border-bottom:1px solid #EADAAE !important;
}
body.tp-aff-lite .tp-aff-earn-icon{
  width:64px !important;
  height:64px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#F5A400 !important;
  color:#FFFFFF !important;
  font-size:36px !important;
  font-family:'Poppins',sans-serif !important;
  font-weight:900 !important;
}
body.tp-aff-lite .tp-aff-earn-rules{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:20px !important;
  margin:22px 0 !important;
}
body.tp-aff-lite .tp-aff-earn-rules div{
  display:grid !important;
  grid-template-columns:30px 1fr !important;
  gap:4px 10px !important;
}
body.tp-aff-lite .tp-aff-earn-rules div > span{
  grid-row:1 / span 2 !important;
  color:#10B981 !important;
  font-size:24px !important;
}
body.tp-aff-lite .tp-aff-earn-rules strong{
  color:#0B1D5C !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-aff-earn-rules p{
  margin:0 !important;
  font-size:11.5px !important;
  color:#1F2A44 !important;
}
body.tp-aff-lite .tp-aff-warning-note{
  background:#FFF4CF !important;
  color:#6E4B00 !important;
  margin-bottom:20px !important;
}
body.tp-aff-lite .tp-aff-outline-btn,
body.tp-aff-lite .tp-aff-full-btn{
  background:#FFFFFF !important;
  border:1.5px solid #0B1D5C !important;
  color:#0B1D5C !important;
  border-radius:7px !important;
  min-height:46px !important;
}
body.tp-aff-lite .tp-aff-results-grid{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:12px !important;
}
body.tp-aff-lite .tp-aff-result-box{
  min-height:160px !important;
  padding:18px !important;
  border:1px solid #E0E5EF !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-aff-result-box > span{
  display:block !important;
  width:34px !important;
  height:34px !important;
  border-radius:9px !important;
  background:#F0FFF5 !important;
  font-size:22px !important;
  margin-bottom:8px !important;
}
body.tp-aff-lite .tp-aff-result-box strong{
  display:block !important;
  color:#0B1D5C !important;
  font-family:'Poppins',sans-serif !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1 !important;
  margin-bottom:8px !important;
}
body.tp-aff-lite .tp-aff-result-box b{
  display:block !important;
  color:#0B1D5C !important;
  font-size:13px !important;
  margin-bottom:7px !important;
}
body.tp-aff-lite .tp-aff-result-box p{font-size:11.5px !important;margin:0 !important;color:#1F2A44 !important;}
body.tp-aff-lite .tp-aff-payment-list{
  border:1px solid #E0E5EF !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-aff-payment-list > div{
  display:grid !important;
  grid-template-columns:38px 1fr auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:14px 16px !important;
  border-bottom:1px solid #E9EDF5 !important;
}
body.tp-aff-lite .tp-aff-payment-list > div:last-child{border-bottom:0 !important;}
body.tp-aff-lite .tp-aff-payment-list span{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:8px !important;
  font-size:18px !important;
}
body.tp-aff-lite .tp-aff-payment-list span.ok{color:#16A36A !important;background:#F0FFF5 !important;}
body.tp-aff-lite .tp-aff-payment-list span.pending{color:#0EA5E9 !important;background:#F0F9FF !important;}
body.tp-aff-lite .tp-aff-payment-list span.bad{color:#DC2626 !important;background:#FFF1F2 !important;}
body.tp-aff-lite .tp-aff-payment-list p{margin:0 !important;}
body.tp-aff-lite .tp-aff-payment-list strong{display:block !important;font-size:12px !important;color:#0B1D5C !important;}
body.tp-aff-lite .tp-aff-payment-list small{display:block !important;font-size:11px !important;color:#1F2A44 !important;line-height:1.25 !important;}
body.tp-aff-lite .tp-aff-payment-list b{font-size:21px !important;color:#0B8B55 !important;font-family:'Poppins',sans-serif !important;}
body.tp-aff-lite .tp-aff-payout-method{
  margin-top:12px !important;
  padding:12px 14px !important;
  border:1px solid #D9E7FF !important;
  border-radius:8px !important;
  background:#F8FBFF !important;
}
body.tp-aff-lite .tp-aff-payout-method strong{font-size:12px !important;color:#0B1D5C !important;}
body.tp-aff-lite .tp-aff-payout-method p{margin:4px 0 !important;font-size:12px !important;}
body.tp-aff-lite .tp-aff-payout-method small{font-size:11px !important;color:#1F2A44 !important;}
body.tp-aff-lite .tp-aff-full-btn{width:100% !important;margin-top:12px !important;}
body.tp-aff-lite .tp-aff-help-strip{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  background:#F0F7FF !important;
  border:1px solid #D9E7FF !important;
  color:#315080 !important;
  border-radius:8px !important;
  padding:13px 18px !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-aff-help-strip span{
  width:26px !important;height:26px !important;border-radius:50% !important;display:grid !important;place-items:center !important;border:2px solid #3B82F6 !important;color:#3B82F6 !important;font-weight:800 !important;
}

/* Ready-to-share content page */
body.tp-aff-lite .tp-share-guide-grid{
  display:grid !important;
  grid-template-columns:1fr 38px 1fr 38px 1fr 220px !important;
  gap:16px !important;
  align-items:center !important;
}
body.tp-aff-lite .tp-share-guide-step{
  display:grid !important;
  grid-template-columns:48px 1fr !important;
  gap:14px !important;
  align-items:center !important;
}
body.tp-aff-lite .tp-share-guide-step > span{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#2563EB !important;
  color:#FFFFFF !important;
  font-family:'Poppins',sans-serif !important;
  font-weight:800 !important;
  font-size:20px !important;
}
body.tp-aff-lite .tp-share-guide-step:nth-of-type(2) > span,
body.tp-aff-lite .tp-share-guide-step:nth-of-type(3) > span{background:#55AD78 !important;}
body.tp-aff-lite .tp-share-guide-info{
  display:grid !important;
  grid-template-columns:34px 1fr !important;
  gap:10px !important;
  align-items:start !important;
  background:#EEFDF5 !important;
  border:1px solid #CFEEDD !important;
  border-radius:8px !important;
  padding:18px !important;
}
body.tp-aff-lite .tp-share-guide-info span{
  width:28px !important;height:28px !important;display:grid !important;place-items:center !important;border-radius:50% !important;background:#219B62 !important;color:#FFFFFF !important;font-weight:800 !important;
}
body.tp-aff-lite .tp-share-guide-info p{font-size:12px !important;margin:0 !important;color:#1F513B !important;}
body.tp-aff-lite .tp-share-main-link-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(440px,.85fr) !important;
  gap:20px !important;
  align-items:center !important;
}
body.tp-aff-lite .tp-share-main-link-card .tp-aff-info-note{
  grid-column:1 / -1 !important;
  margin-top:0 !important;
  padding:10px 14px !important;
  font-size:12px !important;
}
body.tp-aff-lite .tp-share-main-link-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 150px !important;
  gap:12px !important;
  align-items:center !important;
}
body.tp-aff-lite .tp-share-picker{
  padding:4px 0 0 !important;
}
body.tp-aff-lite .tp-share-picker h2{font-size:21px !important;margin-bottom:6px !important;}
body.tp-aff-lite .tp-share-picker p{margin-bottom:16px !important;}
body.tp-aff-lite .tp-share-channel-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin:0 !important;
}
body.tp-aff-lite .tp-share-channel-tabs .category-tab{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:9px 22px !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  color:#4A4F5C !important;
  border:1px solid #D9DEEA !important;
  font-size:13px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
body.tp-aff-lite .tp-share-channel-tabs .category-tab.is-active{
  background:#2563EB !important;
  color:#FFFFFF !important;
  border-color:#2563EB !important;
}
body.tp-aff-lite .tp-share-card-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}
body.tp-aff-lite .tp-share-content-card{
  padding:22px !important;
}
body.tp-aff-lite .tp-share-card-top{
  display:grid !important;
  grid-template-columns:1fr auto auto !important;
  gap:10px !important;
  align-items:center !important;
  margin-bottom:16px !important;
}
body.tp-aff-lite .tp-share-platform{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}
body.tp-aff-lite .tp-share-platform-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#2563EB !important;
  color:#FFFFFF !important;
  font-weight:900 !important;
  font-size:20px !important;
}
body.tp-aff-lite .tp-share-platform b,
body.tp-aff-lite .tp-share-ready,
body.tp-aff-lite .tp-share-code{
  color:#0B1D5C !important;
  font-size:12px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
body.tp-aff-lite .tp-share-ready{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  background:#EAFBF1 !important;
  color:#0D8A54 !important;
  border:1px solid #BEECD0 !important;
  border-radius:999px !important;
  padding:7px 13px !important;
}
body.tp-aff-lite .tp-share-code{
  font-weight:500 !important;
  color:#0B1D5C !important;
}
body.tp-aff-lite .tp-share-code span{color:#2563EB !important;}
body.tp-aff-lite .tp-share-card-desc{font-size:12px !important;margin-bottom:14px !important;}
body.tp-aff-lite .tp-share-media-row{
  display:grid !important;
  grid-template-columns:minmax(160px,240px) 1fr !important;
  gap:14px !important;
  align-items:start !important;
  margin:14px 0 !important;
}
body.tp-aff-lite .tp-share-image-wrap{
  border-radius:8px !important;
  overflow:hidden !important;
  background:#EEF2F8 !important;
  border:1px solid #DDE4F0 !important;
}
body.tp-aff-lite .tp-share-image-wrap img{
  display:block !important;
  width:100% !important;
  aspect-ratio:1.2/1 !important;
  object-fit:cover !important;
}
body.tp-aff-lite .tp-share-image-btn{
  align-self:end !important;
  width:100% !important;
}
body.tp-aff-lite .tp-share-material-field{
  margin-top:14px !important;
  padding:14px !important;
  border:1px solid #E0E5EF !important;
  border-radius:8px !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-share-field-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:8px !important;
}
body.tp-aff-lite .tp-share-field-head strong{
  color:#0B1D5C !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-share-field-head .btn{
  min-height:32px !important;
  padding:7px 13px !important;
  border-color:#7CA9FF !important;
  color:#1237A5 !important;
  border-radius:7px !important;
}
body.tp-aff-lite .tp-share-field-head .tp-copy-link-btn{
  border-color:#F5A400 !important;
  color:#D17A00 !important;
}
body.tp-aff-lite .tp-share-material-field textarea{
  min-height:94px !important;
  width:100% !important;
  border:1px solid #D9DEEA !important;
  border-radius:7px !important;
  background:#FFFFFF !important;
  resize:vertical !important;
  color:#0B1D5C !important;
  line-height:1.5 !important;
}
body.tp-aff-lite .tp-share-link-field p{
  margin:0 0 8px !important;
  color:#1F2A44 !important;
  font-size:12px !important;
}
body.tp-aff-lite .tp-share-next-note{
  margin-top:14px !important;
  background:#EFF6FF !important;
  color:#1237A5 !important;
  font-size:12px !important;
}
body.tp-aff-lite .tp-share-after-card p{margin-bottom:18px !important;}
body.tp-aff-lite .tp-share-next-link{
  display:grid !important;
  grid-template-columns:42px 1fr 24px !important;
  gap:10px !important;
  align-items:center !important;
  padding:16px !important;
  border:1px solid #E0E5EF !important;
  border-radius:8px !important;
  background:#FFFFFF !important;
  color:#0B1D5C !important;
  text-decoration:none !important;
  margin-top:12px !important;
}
body.tp-aff-lite .tp-share-next-link > span:first-child{
  width:34px !important;height:34px !important;display:grid !important;place-items:center !important;color:#2563EB !important;font-size:24px !important;
}
body.tp-aff-lite .tp-share-next-link b{font-size:13px !important;}
body.tp-aff-lite .tp-share-next-link small{display:block !important;color:#1F2A44 !important;font-size:11px !important;}
body.tp-aff-lite .tp-share-compliance-note{
  background:#FFF8E8 !important;
  border:1px solid #F3D37D !important;
  color:#4A3610 !important;
  border-radius:8px !important;
}

@media(max-width:1100px){
  body.tp-aff-lite .tp-aff-workflow{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-aff-step-arrow{transform:rotate(90deg) !important;}
  body.tp-aff-lite .tp-aff-dashboard-layout{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-guide-grid{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-guide-arrow{transform:rotate(90deg) !important;}
  body.tp-aff-lite .tp-share-main-link-card{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-card-grid{grid-template-columns:1fr !important;}
}
@media(max-width:900px){
  body.tp-aff-lite .tp-affiliate-global-bar{padding:16px 18px !important;}
  body.tp-aff-lite .tp-affiliate-global-inner{display:grid !important;grid-template-columns:1fr auto !important;gap:14px !important;}
  body.tp-aff-lite .tp-affiliate-header .affiliate-language-switcher{position:static !important;transform:none !important;grid-column:1 / -1 !important;justify-self:start !important;order:3 !important;}
  body.tp-aff-lite .tp-affiliate-header .tp-brand-logo{width:170px !important;max-width:170px !important;}
  body.tp-aff-lite .tp-affiliate-account{justify-self:end !important;}
  body.tp-aff-lite .tp-affiliate-nav-bar .tp-container{padding:0 18px !important;}
  body.tp-aff-lite .tp-affiliate-mobile-menu-toggle{display:inline-flex !important;margin:12px 0 !important;width:100% !important;justify-content:space-between !important;background:#FFFFFF !important;border:1px solid #D9DEEA !important;color:#0B1D5C !important;}
  body.tp-aff-lite .tp-affiliate-nav-bar .tp-menu-panel{display:none !important;padding-bottom:12px !important;}
  body.tp-aff-lite .tp-affiliate-nav-bar .tp-menu-panel.is-open{display:block !important;}
  body.tp-aff-lite .tp-affiliate-main-nav{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}
  body.tp-aff-lite .tp-affiliate-main-nav .tp-tab{justify-content:flex-start !important;border:1px solid #D9DEEA !important;border-radius:8px !important;min-height:46px !important;}
  body.tp-aff-lite .tp-affiliate-main-nav .tp-tab.active{border-color:#F5A400 !important;border-bottom:1px solid #F5A400 !important;background:#FFF8E8 !important;}
  body.tp-aff-lite .tp-main-affiliate{padding:22px 18px 34px !important;}
}
@media(max-width:760px){
  body.tp-aff-lite .tp-aff-dashboard-card,
  body.tp-aff-lite .tp-share-guide-card,
  body.tp-aff-lite .tp-share-main-link-card,
  body.tp-aff-lite .tp-share-content-card,
  body.tp-aff-lite .tp-aff-next-card,
  body.tp-aff-lite .tp-aff-earn-card{padding:20px !important;}
  body.tp-aff-lite .tp-aff-step{grid-template-columns:56px 1fr !important;min-height:0 !important;}
  body.tp-aff-lite .tp-aff-step-icon{width:52px !important;height:52px !important;font-size:28px !important;}
  body.tp-aff-lite .tp-aff-next-card{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-aff-phone-illustration{display:none !important;}
  body.tp-aff-lite .tp-aff-link-panel .tp-aff-link-row,
  body.tp-aff-lite .tp-share-main-link-row{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-aff-earn-head{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-aff-earn-rules{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-aff-results-grid{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-card-top{grid-template-columns:1fr !important;align-items:start !important;}
  body.tp-aff-lite .tp-share-media-row{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-channel-tabs .category-tab{width:100% !important;}
}

/* v1.49 affiliate ready-to-share content refinement */
body.tp-aff-lite .tp-share-how-card{
  padding:20px 24px !important;
}
body.tp-aff-lite .tp-share-how-card h1{
  margin-bottom:18px !important;
  font-size:20px !important;
}
body.tp-aff-lite .tp-share-guide-grid{
  grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr) 220px !important;
  gap:14px !important;
}
body.tp-aff-lite .tp-share-guide-step{
  min-height:82px !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
}
body.tp-aff-lite .tp-share-guide-step > span{
  width:38px !important;
  height:38px !important;
  font-size:18px !important;
  box-shadow:0 8px 18px rgba(37,99,235,.16) !important;
}
body.tp-aff-lite .tp-share-guide-step:nth-of-type(2) > span,
body.tp-aff-lite .tp-share-guide-step:nth-of-type(3) > span{
  background:#55AD78 !important;
  box-shadow:0 8px 18px rgba(85,173,120,.16) !important;
}
body.tp-aff-lite .tp-share-guide-step h3{
  font-size:13px !important;
  margin-bottom:5px !important;
}
body.tp-aff-lite .tp-share-guide-step p{
  font-size:12px !important;
  line-height:1.45 !important;
}
body.tp-aff-lite .tp-share-guide-arrow{
  width:32px !important;
  height:32px !important;
  font-size:0 !important;
}
body.tp-aff-lite .tp-share-guide-arrow svg{
  width:26px !important;
  height:26px !important;
  display:block !important;
}
body.tp-aff-lite .tp-share-guide-info{
  min-height:82px !important;
  align-items:start !important;
  padding:16px 15px !important;
  background:#EFFAF4 !important;
  border-color:#CDECD9 !important;
}
body.tp-aff-lite .tp-share-guide-info span{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
}
body.tp-aff-lite .tp-share-main-link-card{
  padding:20px 24px !important;
  grid-template-columns:minmax(0,1fr) minmax(430px,.85fr) !important;
  gap:18px !important;
}
body.tp-aff-lite .tp-share-main-link-card h2{
  font-size:20px !important;
}
body.tp-aff-lite .tp-share-main-link-row{
  grid-template-columns:minmax(0,1fr) 160px !important;
  gap:12px !important;
}
body.tp-aff-lite .tp-share-main-link-row input{
  min-height:48px !important;
  padding:0 16px !important;
}
body.tp-aff-lite .tp-button-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 auto !important;
}
body.tp-aff-lite .tp-button-icon svg{
  display:block !important;
  width:18px !important;
  height:18px !important;
}
body.tp-aff-lite .tp-aff-orange-btn,
body.tp-aff-lite a.tp-aff-orange-btn,
body.tp-aff-lite button.tp-aff-orange-btn,
body.tp-aff-lite .tp-share-image-btn,
body.tp-aff-lite .tp-share-field-head .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
body.tp-aff-lite .tp-share-picker{
  padding-top:2px !important;
  margin-bottom:0 !important;
}
body.tp-aff-lite .tp-share-picker h2{
  font-size:20px !important;
  margin-bottom:4px !important;
}
body.tp-aff-lite .tp-share-picker p{
  margin-bottom:14px !important;
}
body.tp-aff-lite .tp-share-channel-tabs{
  gap:10px 12px !important;
}
body.tp-aff-lite .tp-share-channel-tabs .category-tab{
  min-height:38px !important;
  padding:8px 19px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  background:#FFFFFF !important;
  color:#1F2A44 !important;
}
body.tp-aff-lite .tp-share-channel-tabs .category-tab.is-active{
  background:#2563EB !important;
  border-color:#2563EB !important;
  color:#FFFFFF !important;
  box-shadow:0 8px 18px rgba(37,99,235,.14) !important;
}
body.tp-aff-lite .tp-share-card-grid{
  gap:18px !important;
  align-items:stretch !important;
}
body.tp-aff-lite .tp-share-material-card,
body.tp-aff-lite .tp-share-after-card{
  padding:20px !important;
  min-height:0 !important;
}
body.tp-aff-lite .tp-share-card-top{
  grid-template-columns:minmax(0,1fr) auto auto !important;
  gap:12px !important;
  margin-bottom:14px !important;
}
body.tp-aff-lite .tp-share-platform-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  font-size:0 !important;
}
body.tp-aff-lite .tp-share-platform-icon svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
}
body.tp-aff-lite .tp-share-platform-icon-facebook_posts{background:#2563EB !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-facebook_stories_my_day{background:#2563EB !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-messenger{background:linear-gradient(135deg,#8B5CF6,#2563EB) !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-viber{background:#7C3AED !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-tiktok{background:#111827 !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-facebook_reels{background:#2563EB !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-instagram_stories,
body.tp-aff-lite .tp-share-platform-icon-instagram_reels{background:linear-gradient(135deg,#F97316,#A855F7) !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-youtube_shorts_scripts,
body.tp-aff-lite .tp-share-platform-icon-youtube_videos{background:#EF4444 !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-sms_text_message{background:#31B76B !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform-icon-email_message{background:#F5A400 !important;color:#FFFFFF !important;}
body.tp-aff-lite .tp-share-platform b{
  font-size:13px !important;
}
body.tp-aff-lite .tp-share-ready{
  min-height:28px !important;
  padding:6px 12px !important;
  font-size:12px !important;
}
body.tp-aff-lite .tp-share-code{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:12px !important;
  white-space:nowrap !important;
}
body.tp-aff-lite .tp-share-info-dot{
  width:16px !important;
  height:16px !important;
  display:inline-grid !important;
  place-items:center !important;
  border:1.5px solid #2563EB !important;
  border-radius:50% !important;
  color:#2563EB !important;
  font-size:10px !important;
  font-weight:800 !important;
}
body.tp-aff-lite .tp-share-material-card h2{
  font-size:20px !important;
  margin-bottom:5px !important;
}
body.tp-aff-lite .tp-share-card-desc{
  min-height:0 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  margin-bottom:14px !important;
}
body.tp-aff-lite .tp-share-card-split{
  display:grid !important;
  grid-template-columns:255px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
  margin-top:12px !important;
}
body.tp-aff-lite .tp-share-card-media-col{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-width:0 !important;
}
body.tp-aff-lite .tp-share-card-copy-col{
  min-width:0 !important;
}
body.tp-aff-lite .tp-share-image-wrap{
  border-radius:8px !important;
  border-color:#D9DEEA !important;
  background:#EFF3FA !important;
}
body.tp-aff-lite .tp-share-image-wrap img{
  aspect-ratio:1.28/1 !important;
  object-fit:cover !important;
}
body.tp-aff-lite .tp-share-image-btn{
  min-height:38px !important;
  width:100% !important;
  padding:9px 12px !important;
  border-radius:7px !important;
  color:#1237A5 !important;
  border-color:#7CA9FF !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-share-material-field{
  margin-top:10px !important;
  padding:11px 12px !important;
  border-radius:9px !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-share-card-copy-col .tp-share-material-field:first-child{
  margin-top:0 !important;
}
body.tp-aff-lite .tp-share-field-head{
  margin-bottom:8px !important;
}
body.tp-aff-lite .tp-share-field-head strong{
  font-size:12px !important;
}
body.tp-aff-lite .tp-share-field-head .btn{
  min-height:30px !important;
  padding:6px 12px !important;
  font-size:11.5px !important;
  border-radius:7px !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-share-field-head .tp-copy-link-btn{
  background:#FFFFFF !important;
  border-color:#F5A400 !important;
  color:#D17A00 !important;
}
body.tp-aff-lite .tp-share-material-field textarea{
  min-height:96px !important;
  padding:11px 12px !important;
  font-size:12px !important;
  line-height:1.5 !important;
  resize:vertical !important;
}
body.tp-aff-lite .tp-share-link-field p{
  font-size:11.5px !important;
  line-height:1.45 !important;
  margin-bottom:8px !important;
}
body.tp-aff-lite .tp-share-material-field input{
  min-height:36px !important;
  padding:0 11px !important;
  border-radius:7px !important;
  font-size:11.5px !important;
}
body.tp-aff-lite .tp-share-next-note{
  margin-top:12px !important;
  padding:11px 13px !important;
  border-radius:8px !important;
  align-items:flex-start !important;
  background:#EFF6FF !important;
  color:#1237A5 !important;
  font-size:12px !important;
}
body.tp-aff-lite .tp-share-note-icon,
body.tp-aff-lite .tp-share-shield-icon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.tp-aff-lite .tp-share-note-icon svg,
body.tp-aff-lite .tp-share-shield-icon svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
}
body.tp-aff-lite .tp-share-after-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:360px !important;
}
body.tp-aff-lite .tp-share-after-card h2{
  font-size:20px !important;
  margin-bottom:10px !important;
}
body.tp-aff-lite .tp-share-after-card p{
  margin-bottom:22px !important;
  max-width:100% !important;
}
body.tp-aff-lite .tp-share-after-links{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin-top:8px !important;
}
body.tp-aff-lite .tp-share-next-link{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) 20px !important;
  min-height:74px !important;
  gap:14px !important;
  align-items:center !important;
  padding:16px !important;
  margin-top:0 !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
  border:1px solid #E0E5EF !important;
}
body.tp-aff-lite .tp-share-next-link .tp-share-after-icon,
body.tp-aff-lite .tp-share-next-link > span:first-child.tp-share-after-icon{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:9px !important;
  font-size:0 !important;
}
body.tp-aff-lite .tp-share-next-link .tp-share-after-icon svg{
  width:25px !important;
  height:25px !important;
  display:block !important;
}
body.tp-aff-lite .tp-after-blue{color:#2563EB !important;background:#EFF6FF !important;}
body.tp-aff-lite .tp-after-green{color:#16A34A !important;background:#ECFDF3 !important;}
body.tp-aff-lite .tp-share-next-link b{
  display:block !important;
  font-size:13px !important;
  line-height:1.25 !important;
  margin-bottom:3px !important;
}
body.tp-aff-lite .tp-share-next-link small{
  display:block !important;
  color:#1F2A44 !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}
body.tp-aff-lite .tp-share-chevron{
  color:#111827 !important;
  font-size:30px !important;
  line-height:1 !important;
  text-align:right !important;
}
body.tp-aff-lite .tp-share-compliance-note{
  margin-top:16px !important;
  padding:14px 18px !important;
  border-radius:9px !important;
  background:#FFF8E8 !important;
  border:1px solid #F3D37D !important;
  color:#4A3610 !important;
}
body.tp-aff-lite .tp-share-compliance-note .tp-share-shield-icon{
  color:#F5A400 !important;
}
@media(max-width:1100px){
  body.tp-aff-lite .tp-share-guide-grid{grid-template-columns:1fr !important;gap:12px !important;}
  body.tp-aff-lite .tp-share-guide-arrow{transform:none !important;justify-self:center !important;}
  body.tp-aff-lite .tp-share-guide-arrow svg{transform:rotate(90deg) !important;}
  body.tp-aff-lite .tp-share-main-link-card{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-card-grid{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-after-card{min-height:0 !important;}
}
@media(max-width:760px){
  body.tp-aff-lite .tp-share-card-split{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-card-top{grid-template-columns:1fr !important;align-items:start !important;}
  body.tp-aff-lite .tp-share-main-link-row{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-share-channel-tabs .category-tab{width:100% !important;}
}

/* v1.50 affiliate payment and account settings mockup refinement */
body.tp-aff-lite .tp-aff-page-intro{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 240px !important;
  gap:24px !important;
  align-items:start !important;
  margin:0 0 18px !important;
  color:#0B1D5C !important;
}
body.tp-aff-lite .tp-aff-page-intro h1{
  margin:0 0 8px !important;
  color:#0B1D5C !important;
  font-family:'Poppins',system-ui,sans-serif !important;
  font-size:34px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
}
body.tp-aff-lite .tp-aff-page-intro p{
  margin:0 !important;
  max-width:900px !important;
  color:#4B5568 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
body.tp-aff-lite .tp-aff-inline-note{
  margin-top:14px !important;
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  max-width:980px !important;
  color:#4B5568 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}
body.tp-aff-lite .tp-aff-inline-note span,
body.tp-aff-lite .tp-payment-help-mini > span,
body.tp-aff-lite .tp-settings-side-card h3 span{
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  color:#2563EB !important;
}
body.tp-aff-lite .tp-aff-inline-note svg,
body.tp-aff-lite .tp-payment-help-mini svg,
body.tp-aff-lite .tp-settings-side-card svg,
body.tp-aff-lite .tp-payment-card svg,
body.tp-aff-lite .tp-settings-main-card svg,
body.tp-aff-lite .tp-settings-security-note svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
}
body.tp-aff-lite .tp-payment-help-mini{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  gap:12px !important;
  padding:18px !important;
  min-height:112px !important;
  background:#FFFFFF !important;
  border:1px solid #E0E5EF !important;
  border-radius:12px !important;
  box-shadow:0 4px 14px rgba(11,29,92,.04) !important;
}
body.tp-aff-lite .tp-payment-help-mini strong,
body.tp-aff-lite .tp-payment-help-mini a,
body.tp-aff-lite .tp-payment-card h2,
body.tp-aff-lite .tp-request-right h3,
body.tp-aff-lite .tp-settings-main-card h2,
body.tp-aff-lite .tp-settings-main-card h3,
body.tp-aff-lite .tp-settings-side-card h3{
  color:#0B1D5C !important;
  font-family:'Poppins',system-ui,sans-serif !important;
  font-weight:800 !important;
}
body.tp-aff-lite .tp-payment-help-mini p{
  margin:8px 0 12px !important;
  color:#4B5568 !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-payment-help-mini a{
  font-size:13px !important;
  color:#1237A5 !important;
  text-decoration:none !important;
}
body.tp-aff-lite .tp-payment-card,
body.tp-aff-lite .tp-settings-main-card,
body.tp-aff-lite .tp-settings-side-card{
  background:#FFFFFF !important;
  border:1px solid #E0E5EF !important;
  border-radius:13px !important;
  box-shadow:0 4px 14px rgba(11,29,92,.04) !important;
  color:#0B1D5C !important;
}
body.tp-aff-lite .tp-payment-card{
  padding:24px !important;
  margin-bottom:18px !important;
}
body.tp-aff-lite .tp-payment-card h2{
  margin:0 0 6px !important;
  font-size:22px !important;
  line-height:1.2 !important;
}
body.tp-aff-lite .tp-payment-card > p{
  margin:0 0 18px !important;
  color:#4B5568 !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-pay-info-dot{
  display:inline-grid !important;
  place-items:center !important;
  width:16px !important;
  height:16px !important;
  border:1.5px solid currentColor !important;
  border-radius:50% !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
body.tp-aff-lite .tp-payment-summary-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
body.tp-aff-lite .tp-payment-metric{
  min-height:162px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 74px !important;
  gap:16px !important;
  align-items:end !important;
  padding:22px !important;
  background:#FFFFFF !important;
  border:1px solid #DDE4F0 !important;
  border-radius:10px !important;
}
body.tp-aff-lite .tp-payment-metric-primary{
  background:linear-gradient(135deg,#0D47D9,#0456E8) !important;
  border-color:#0D47D9 !important;
  color:#FFFFFF !important;
  box-shadow:0 14px 24px rgba(13,71,217,.18) !important;
}
body.tp-aff-lite .tp-payment-metric h3{
  margin:0 0 14px !important;
  color:#0B1D5C !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}
body.tp-aff-lite .tp-payment-metric-primary h3,
body.tp-aff-lite .tp-payment-metric-primary p,
body.tp-aff-lite .tp-payment-metric-primary strong{
  color:#FFFFFF !important;
}
body.tp-aff-lite .tp-payment-metric strong{
  display:block !important;
  color:#0B1D5C !important;
  font-family:'Poppins',system-ui,sans-serif !important;
  font-size:44px !important;
  line-height:1 !important;
  font-weight:800 !important;
  margin-bottom:14px !important;
}
body.tp-aff-lite .tp-payment-metric strong.tp-green{color:#16A34A !important;}
body.tp-aff-lite .tp-payment-metric strong.tp-teal{color:#098A98 !important;}
body.tp-aff-lite .tp-payment-metric strong.tp-orange{color:#F59E0B !important;}
body.tp-aff-lite .tp-payment-metric p{
  color:#4B5568 !important;
  font-size:13px !important;
  line-height:1.4 !important;
  margin:0 !important;
}
body.tp-aff-lite .tp-payment-metric-icon{
  width:68px !important;
  height:68px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:rgba(255,255,255,.45) !important;
  background:rgba(255,255,255,.12) !important;
}
body.tp-aff-lite .tp-payment-metric-icon svg{width:42px !important;height:42px !important;}
body.tp-aff-lite .tp-metric-green{background:#EAFBF1 !important;color:#16A34A !important;}
body.tp-aff-lite .tp-metric-teal{background:#E5F8FA !important;color:#0891A0 !important;}
body.tp-aff-lite .tp-metric-orange{background:#FFF4DA !important;color:#F59E0B !important;}
body.tp-aff-lite .tp-metric-blue{background:#EAF2FF !important;color:#2563EB !important;}
body.tp-aff-lite .tp-request-card{padding:0 !important;overflow:hidden !important;}
body.tp-aff-lite .tp-request-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.95fr) !important;
}
body.tp-aff-lite .tp-request-left,
body.tp-aff-lite .tp-request-right{
  padding:26px !important;
}
body.tp-aff-lite .tp-request-right{
  border-left:1px solid #E5E7EF !important;
}
body.tp-aff-lite .tp-request-left p,
body.tp-aff-lite .tp-request-right p,
body.tp-aff-lite .tp-payment-muted-small{
  color:#4B5568 !important;
  font-size:13px !important;
  line-height:1.5 !important;
  margin:0 0 14px !important;
}
body.tp-aff-lite .tp-payment-available-box{
  border:1px solid #9CBFFF !important;
  border-radius:8px !important;
  background:#F7FBFF !important;
  padding:18px !important;
  margin:18px 0 !important;
}
body.tp-aff-lite .tp-payment-available-box span{
  display:block !important;
  color:#0B1D5C !important;
  font-size:13px !important;
  font-weight:800 !important;
  margin-bottom:12px !important;
}
body.tp-aff-lite .tp-payment-available-box strong{
  display:block !important;
  color:#0B1D5C !important;
  font-family:'Poppins',system-ui,sans-serif !important;
  font-size:40px !important;
  line-height:1 !important;
}
body.tp-aff-lite .tp-payment-empty,
body.tp-aff-lite .tp-payment-empty-row{
  display:grid !important;
  grid-template-columns:100px minmax(0,1fr) !important;
  gap:22px !important;
  align-items:center !important;
  color:#4B5568 !important;
  font-size:14px !important;
}
body.tp-aff-lite .tp-payment-empty{
  margin-top:16px !important;
}
body.tp-aff-lite .tp-payment-empty p{
  margin:0 0 16px !important;
}
body.tp-aff-lite .tp-payment-empty-icon{
  width:78px !important;
  height:78px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#EAF2FF !important;
  color:#2563EB !important;
}
body.tp-aff-lite .tp-payment-empty-icon svg{width:44px !important;height:44px !important;}
body.tp-aff-lite .tp-payment-blue-btn,
body.tp-aff-lite a.tp-payment-blue-btn,
body.tp-aff-lite button.tp-payment-blue-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:44px !important;
  padding:12px 24px !important;
  border-radius:7px !important;
  background:#0D47D9 !important;
  color:#FFFFFF !important;
  border-color:#0D47D9 !important;
  box-shadow:0 8px 16px rgba(13,71,217,.16) !important;
}
body.tp-aff-lite .tp-payment-text-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#1237A5 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  margin:10px 0 0 !important;
}
body.tp-aff-lite .tp-payment-request-form label{
  display:block !important;
  margin:16px 0 7px !important;
  color:#0B1D5C !important;
  font-weight:800 !important;
}
body.tp-aff-lite .tp-payment-request-form textarea{
  min-height:96px !important;
  margin-bottom:14px !important;
}
body.tp-aff-lite .tp-payment-method-box{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
  padding:18px !important;
  border:1px solid #F5A400 !important;
  border-radius:8px !important;
  background:#FFF8E8 !important;
  margin:10px 0 12px !important;
}
body.tp-aff-lite .tp-payment-method-box strong{
  display:block !important;
  color:#0B1D5C !important;
  font-size:18px !important;
  margin-bottom:5px !important;
}
body.tp-aff-lite .tp-payment-method-box p,
body.tp-aff-lite .tp-payment-method-box small{
  color:#1F2A44 !important;
  font-size:13px !important;
  margin:0 !important;
}
body.tp-aff-lite .tp-payment-method-box > span{
  color:#0D47D9 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
body.tp-aff-lite .tp-payment-rule-list{
  list-style:none !important;
  margin:16px 0 0 !important;
  padding:0 !important;
  display:grid !important;
  gap:18px !important;
}
body.tp-aff-lite .tp-payment-rule-list li{
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:start !important;
  color:#4B5568 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
body.tp-aff-lite .tp-payment-rule-list span{
  width:28px !important;
  height:28px !important;
  color:#0B1D5C !important;
}
body.tp-aff-lite .tp-section-heading-with-icon{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
  margin-bottom:16px !important;
}
body.tp-aff-lite .tp-section-round-icon{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:9px !important;
  color:#2563EB !important;
}
body.tp-aff-lite .tp-blue-soft{background:#EAF2FF !important;color:#2563EB !important;}
body.tp-aff-lite .tp-green-soft{background:#EAFBF1 !important;color:#16A34A !important;}
body.tp-aff-lite .tp-section-heading-with-icon h2{
  margin-bottom:4px !important;
}
body.tp-aff-lite .tp-section-heading-with-icon p{
  margin:0 !important;
  color:#4B5568 !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-payment-empty-row{
  min-height:108px !important;
  grid-template-columns:120px minmax(0,1fr) !important;
  justify-content:center !important;
  max-width:560px !important;
  margin:0 auto !important;
}
body.tp-aff-lite .tp-payment-footer-help{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:15px 22px !important;
  margin-top:6px !important;
  background:#EFF6FF !important;
  border:1px solid #D9E7FF !important;
  border-radius:8px !important;
  color:#315080 !important;
}
body.tp-aff-lite .tp-payment-footer-help > span{
  width:24px !important;
  height:24px !important;
  color:#2563EB !important;
}
body.tp-aff-lite .tp-payment-footer-help p{
  margin:0 !important;
  flex:1 !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-payment-footer-help a{
  color:#1237A5 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
body.tp-aff-lite .tp-settings-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 340px !important;
  gap:26px !important;
  align-items:start !important;
}
body.tp-aff-lite .tp-settings-main-card{
  padding:26px !important;
}
body.tp-aff-lite .tp-settings-card-head{
  display:grid !important;
  grid-template-columns:66px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
  margin-bottom:18px !important;
}
body.tp-aff-lite .tp-settings-head-icon{
  width:58px !important;
  height:58px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#FFF8E8 !important;
  color:#0B1D5C !important;
}
body.tp-aff-lite .tp-settings-main-card h2{
  margin:0 0 8px !important;
  font-size:24px !important;
  line-height:1.2 !important;
}
body.tp-aff-lite .tp-settings-main-card p{
  margin:0 0 5px !important;
  color:#4B5568 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}
body.tp-aff-lite .tp-settings-info-note{
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px 16px !important;
  border:1px solid #BFD7FF !important;
  border-radius:7px !important;
  background:#F0F7FF !important;
  color:#1237A5 !important;
  font-size:13px !important;
  margin-bottom:18px !important;
}
body.tp-aff-lite .tp-settings-info-note span{width:22px !important;height:22px !important;color:#2563EB !important;}
body.tp-aff-lite .tp-settings-form-card{
  border:1px solid #D9E7FF !important;
  border-radius:13px !important;
  padding:16px !important;
  background:#FFFFFF !important;
}
body.tp-aff-lite .tp-settings-method-row,
body.tp-aff-lite .tp-settings-form-section{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
}
body.tp-aff-lite .tp-settings-method-row{
  padding-bottom:16px !important;
  border-bottom:1px solid #E5E7EF !important;
  margin-bottom:18px !important;
}
body.tp-aff-lite .tp-settings-row-icon{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#EAF2FF !important;
  color:#2563EB !important;
}
body.tp-aff-lite .tp-settings-method-row h3,
body.tp-aff-lite .tp-settings-form-section h3{
  margin:0 0 5px !important;
  font-size:17px !important;
}
body.tp-aff-lite .tp-settings-method-row p,
body.tp-aff-lite .tp-settings-form-section p{
  font-size:13px !important;
  margin:0 !important;
}
body.tp-aff-lite .tp-settings-method-pill{
  min-width:170px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:48px !important;
  padding:10px 22px !important;
  border:1.5px solid #8BA8F8 !important;
  border-radius:7px !important;
  background:#FFFFFF !important;
  color:#0B1D5C !important;
  font-weight:800 !important;
}
body.tp-aff-lite .tp-settings-method-pill span{
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  color:#0D47D9 !important;
  border:2px solid #0D47D9 !important;
  font-weight:900 !important;
}
body.tp-aff-lite .tp-settings-form-section{
  grid-template-columns:44px minmax(0,1fr) !important;
  align-items:start !important;
}
body.tp-aff-lite .tp-settings-fields-wrap{min-width:0 !important;}
body.tp-aff-lite .tp-settings-field-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:14px !important;
}
body.tp-aff-lite .tp-settings-form-card label span{
  display:block !important;
  color:#0B1D5C !important;
  font-weight:800 !important;
  font-size:13px !important;
  margin-bottom:8px !important;
}
body.tp-aff-lite .tp-settings-form-card label b{color:#E11D48 !important;}
body.tp-aff-lite .tp-settings-form-card input,
body.tp-aff-lite .tp-settings-form-card textarea{
  width:100% !important;
  border:1px solid #D9DEEA !important;
  border-radius:6px !important;
  background:#FFFFFF !important;
  color:#0B1D5C !important;
  font-size:14px !important;
  min-height:46px !important;
  padding:11px 14px !important;
}
body.tp-aff-lite .tp-settings-form-card textarea{min-height:88px !important;resize:vertical !important;}
body.tp-aff-lite .tp-settings-form-card small{
  display:block !important;
  margin-top:7px !important;
  color:#4B5568 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
body.tp-aff-lite .tp-settings-full-field{
  display:block !important;
  margin-top:18px !important;
}
body.tp-aff-lite .tp-settings-warning{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px 14px !important;
  margin:20px 0 16px !important;
  background:#FFF8E8 !important;
  border:1px solid #F3D37D !important;
  border-radius:7px !important;
  color:#0B1D5C !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
body.tp-aff-lite .tp-settings-warning span{
  width:24px !important;
  height:24px !important;
  color:#F5A400 !important;
  flex:0 0 auto !important;
}
body.tp-aff-lite .tp-settings-save-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}
body.tp-aff-lite .tp-settings-save-row > div{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#4B5568 !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-settings-save-row > div span{
  width:30px !important;
  height:30px !important;
  color:#1237A5 !important;
}
body.tp-aff-lite .tp-settings-save-row button{
  white-space:nowrap !important;
}
body.tp-aff-lite .tp-settings-side{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}
body.tp-aff-lite .tp-settings-side-card{
  padding:22px !important;
}
body.tp-aff-lite .tp-settings-side-card h3{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 16px !important;
  font-size:16px !important;
}
body.tp-aff-lite .tp-settings-side-card p{
  color:#4B5568 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  margin:0 0 18px !important;
}
body.tp-aff-lite .tp-settings-side-divider{
  height:1px !important;
  background:#DDE4F0 !important;
  margin:20px 0 !important;
}
body.tp-aff-lite .tp-settings-step-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:18px !important;
  counter-reset:settings-step !important;
}
body.tp-aff-lite .tp-settings-step-list li{
  counter-increment:settings-step !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
}
body.tp-aff-lite .tp-settings-step-list li > span{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#EAF2FF !important;
  color:#2563EB !important;
}
body.tp-aff-lite .tp-settings-step-list strong{
  display:block !important;
  color:#0B1D5C !important;
  font-weight:900 !important;
  margin-bottom:5px !important;
}
body.tp-aff-lite .tp-settings-step-list strong::before{
  content:counter(settings-step) '. ' !important;
}
body.tp-aff-lite .tp-settings-step-list p{
  margin:0 !important;
  color:#4B5568 !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-settings-help-card{
  background:#F0FFF5 !important;
  border-color:#BFE8CF !important;
}
body.tp-aff-lite .tp-settings-help-card h3 span{color:#16A34A !important;}
body.tp-aff-lite .tp-settings-help-card h3{color:#0A7A47 !important;}
body.tp-aff-lite .tp-settings-help-card a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#1237A5 !important;
  font-weight:800 !important;
}
body.tp-aff-lite .tp-settings-help-card a span{width:16px !important;height:16px !important;}
body.tp-aff-lite .tp-settings-security-note{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin:18px auto 0 !important;
  color:#4B5568 !important;
  font-size:13px !important;
}
body.tp-aff-lite .tp-settings-security-note span{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#EAF2FF !important;
  color:#2563EB !important;
}
@media(max-width:1100px){
  body.tp-aff-lite .tp-aff-page-intro,
  body.tp-aff-lite .tp-request-grid,
  body.tp-aff-lite .tp-settings-layout{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-request-right{border-left:0 !important;border-top:1px solid #E5E7EF !important;}
  body.tp-aff-lite .tp-payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  body.tp-aff-lite .tp-aff-page-intro h1{font-size:28px !important;}
  body.tp-aff-lite .tp-payment-summary-grid,
  body.tp-aff-lite .tp-settings-field-grid{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-payment-metric{grid-template-columns:1fr !important;}
  body.tp-aff-lite .tp-payment-empty,
  body.tp-aff-lite .tp-payment-empty-row{grid-template-columns:1fr !important;text-align:left !important;}
  body.tp-aff-lite .tp-settings-method-row{grid-template-columns:44px minmax(0,1fr) !important;}
  body.tp-aff-lite .tp-settings-method-pill{grid-column:2 !important;justify-self:start !important;}
  body.tp-aff-lite .tp-settings-save-row{align-items:stretch !important;flex-direction:column !important;}
  body.tp-aff-lite .tp-settings-save-row button{width:100% !important;}
}