.elementor-25 .elementor-element.elementor-element-5cd1ecd7{--display:flex;--padding-top:0px;--padding-bottom:40px;--padding-left:32px;--padding-right:32px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-25 .elementor-element.elementor-element-65fe772 .elementor-button:hover, .elementor-25 .elementor-element.elementor-element-65fe772 .elementor-button:focus{background-color:#00C8C8;color:#0F172A;box-shadow:0px 0px 3px 0px rgba(0, 224, 224, 0.35);}.elementor-25 .elementor-element.elementor-element-65fe772{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-65fe772 .elementor-button:hover svg, .elementor-25 .elementor-element.elementor-element-65fe772 .elementor-button:focus svg{fill:#0F172A;}.elementor-25 .elementor-element.elementor-element-65fe772 .elementor-button{padding:14px 12px 14px 12px;}/* Start custom CSS for text-editor, class: .elementor-element-79fa677d *//* Capital Chain – Affiliate Dashboard Skin
   --------------------------------------------------
   Brand refs:
   - Headings: Exo 2; Body/UI: Inter (pg. 11)
   - Primary dark “Deep Ocean”: #0F1A2F (pg. 8)
   - CTA “Neon Circuit”: #00E0E0 (pg. 8)
   - Gradients used sparingly (pg. 9)
   - Base spacing unit = 8px (pg. 15)
*/

/* 1) Brand tokens */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  /* Core colors */
  --cc-deep-ocean: #0F1A2F;        /* headers, key backgrounds */
  --cc-neon-circuit: #00E0E0;      /* CTAs, interactive elements */
  --cc-neutral-900: #0A1424;       /* near-black for panels on deep bg */
  --cc-neutral-700: #142236;       /* borders / dividers on dark */
  --cc-neutral-300: #A9B7CE;       /* subtle text on dark */
  --cc-white: #FFFFFF;             /* body text on dark */

  /* Elevation & focus */
  --cc-shadow-1: 0 6px 24px rgba(0,0,0,.25);
  --cc-focus: 0 0 0 3px rgba(0,224,224,.35);

  /* Type scale (pg. 12) */
  --cc-h1: clamp(36px, 4.2vw, 64px);
  --cc-h2: clamp(28px, 3.2vw, 48px);
  --cc-body: 18px;
  --cc-button: 16px;

  /* Spacing (pg. 15) */
  --cc-space-1: 8px;
  --cc-space-2: 16px;
  --cc-space-3: 24px;
  --cc-space-4: 32px;
  --cc-radius: 12px;
  --cc-radius-sm: 8px;
}

/* 2) Page background + global type */
#affwp-affiliate-dashboard{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--cc-white);
  background:
    radial-gradient(1200px 800px at 20% -10%, rgba(0,224,224,.14), transparent 55%),
    linear-gradient(180deg, #0B1628 0%, var(--cc-deep-ocean) 60%);
  padding: var(--cc-space-4);
  line-height: 1.5; /* rule: 1.5x line-height (pg. 12) */
}

/* 3) Generic headings */
#affwp-affiliate-dashboard h1,
#affwp-affiliate-dashboard h2,
#affwp-affiliate-dashboard h3{
  font-family: "Exo 2", Inter, sans-serif; /* rule: Exo 2 for headlines (pg. 11 & 17) */
  letter-spacing: .2px;
  margin: 0 0 var(--cc-space-2);
}
#affwp-affiliate-dashboard h1{ font-size: var(--cc-h1); font-weight: 700; }
#affwp-affiliate-dashboard h2{ font-size: var(--cc-h2); font-weight: 600; }
#affwp-affiliate-dashboard h3{ font-size: 22px; font-weight: 600; }

#affwp-affiliate-dashboard p,
#affwp-affiliate-dashboard label,
#affwp-affiliate-dashboard input,
#affwp-affiliate-dashboard button,
#affwp-affiliate-dashboard a,
#affwp-affiliate-dashboard table{
  font-size: var(--cc-body);
}

/* 4) Tabs */
#affwp-affiliate-dashboard-tabs{
  display: flex; flex-wrap: wrap; gap: var(--cc-space-1);
  list-style: none; margin: 0 0 var(--cc-space-4); padding: 0;
}
#affwp-affiliate-dashboard-tabs .affwp-affiliate-dashboard-tab a{
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  color: var(--cc-white);
  background: linear-gradient(180deg, #13233A, #0E1B2F);
  border: 1px solid var(--cc-neutral-700);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
#affwp-affiliate-dashboard-tabs .affwp-affiliate-dashboard-tab.active a,
#affwp-affiliate-dashboard-tabs .affwp-affiliate-dashboard-tab a:hover{
  background: linear-gradient(90deg, var(--cc-neon-circuit) 0%, rgba(0,224,224,.35) 100%);
  color: #041018;
  border-color: rgba(0,224,224,.45);
  box-shadow: var(--cc-focus);
  transform: translateY(-1px);
}

/* 5) Cards */
.affwp-card{
  background: linear-gradient(180deg, rgba(10,20,36,.75) 0%, rgba(10,20,36,.55) 100%);
  backdrop-filter: blur(6px);
  border: 1px solid var(--cc-neutral-700);
  border-radius: var(--cc-radius);
  box-shadow: var(--cc-shadow-1);
  overflow: hidden;
  margin: 0 0 var(--cc-space-3);
}
.affwp-card__header{
  padding: var(--cc-space-3);
  border-bottom: 1px solid var(--cc-neutral-700);
  display: flex; align-items: center; gap: var(--cc-space-2); justify-content: space-between;
}
.affwp-card__header p{ color: var(--cc-neutral-300); margin: 4px 0 0; }
.affwp-card__content{ padding: var(--cc-space-3); }
.affwp-card__footer{
  padding: var(--cc-space-3);
  border-top: 1px solid var(--cc-neutral-700);
}

/* 6) “Your Affiliate Link” area */
.affwp-affiliate-link__display{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--cc-space-2);
}
.affwp-affiliate-link__input{
  border: 1px solid var(--cc-neutral-700);
  background: #06101C;
  color: var(--cc-white);
  padding: 14px var(--cc-space-2);
  border-radius: var(--cc-radius-sm);
  outline: none;
}
.affwp-affiliate-link__input:focus{ box-shadow: var(--cc-focus); }

/* Copy button + primary buttons */
button,
.button,
.affwp-affiliate-link-copy-link{
  appearance: none;
  border: 0;
  background: linear-gradient(90deg, var(--cc-neon-circuit) 0%, rgba(0,224,224,.6) 100%); /* “Neon Circuit” CTA (pg. 8) */
  color: #041018;
  font-weight: 600;
  padding: 12px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  text-decoration: none;
  display: inline-flex; align-items: center; justify-content: center;
}
button:hover,
.button:hover,
.affwp-affiliate-link-copy-link:hover{
  filter: brightness(1.05);
  box-shadow: var(--cc-focus);
  transform: translateY(-1px);
}
button:active,
.button:active,
.affwp-affiliate-link-copy-link:active{
  transform: translateY(0);
}

/* 7) Form elements */
.affwp-form label{
  display: block; margin-bottom: 6px; color: var(--cc-neutral-300); font-weight: 500;
}
.affwp-form input[type="url"],
.affwp-form input[type="text"]{
  width: 100%;
  border: 1px solid var(--cc-neutral-700);
  background: #06101C;
  color: var(--cc-white);
  padding: 12px var(--cc-space-2);
  border-radius: var(--cc-radius-sm);
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.affwp-form input:focus{ border-color: rgba(0,224,224,.55); box-shadow: var(--cc-focus); }
.affwp-generator-campaign-text-link-wrap a{
  color: var(--cc-neon-circuit);
  text-decoration: none; font-weight: 600;
}
.affwp-generator-campaign-text-link-wrap a:hover{
  text-decoration: underline;
}

/* Submit row */
.affwp-custom-link-submit-wrap{
  display: flex; align-items: center; justify-content: flex-end;
}

/* 8) Tooltip (info icon) */
.affwp-card__tooltip{
  display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--cc-neutral-700);
  background: #0C1A2B;
  color: var(--cc-neon-circuit);
}
.affwp-card__tooltip[aria-expanded="true"]{
  box-shadow: var(--cc-focus);
}

/* 9) Tables (custom links) */
.affwp-table{
  width: 100%;
  border-collapse: collapse;
  background: linear-gradient(180deg, rgba(10,20,36,.7), rgba(10,20,36,.5));
  border: 1px solid var(--cc-neutral-700);
  border-radius: var(--cc-radius);
  overflow: hidden;
}
.affwp-table thead th{
  font-family: "Exo 2", Inter, sans-serif;
  text-align: left;
  padding: var(--cc-space-2);
  background: #0D1C2E;
  color: var(--cc-neutral-300);
  border-bottom: 1px solid var(--cc-neutral-700);
}
.affwp-table tbody td{
  padding: 14px var(--cc-space-2);
  border-top: 1px solid rgba(255,255,255,.04);
}
.affwp-table tbody tr:hover{
  background: rgba(0,224,224,.05);
}

/* 10) Utility & state */
.affwp-hidden{ display:none !important; }

/* 11) Responsive polish (grid guidance: pg. 14) */
@media (max-width: 720px){
  #affwp-affiliate-dashboard{ padding: var(--cc-space-3); }
  .affwp-affiliate-link__display{ grid-template-columns: 1fr; }
  #affwp-affiliate-dashboard-tabs{ gap: 6px; }
  #affwp-affiliate-dashboard-tabs .affwp-affiliate-dashboard-tab a{ padding: 10px 12px; }
}/* End custom CSS */