.elementor-187048 .elementor-element.elementor-element-65a05b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-187048 .elementor-element.elementor-element-65a05b9:not(.elementor-motion-effects-element-type-background), .elementor-187048 .elementor-element.elementor-element-65a05b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3F6;}.elementor-187048 .elementor-element.elementor-element-28a09908{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#DDD9DE;--border-color:#DDD9DE;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-28a09908:not(.elementor-motion-effects-element-type-background), .elementor-187048 .elementor-element.elementor-element-28a09908 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-187048 .elementor-element.elementor-element-203c6af9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-467512c5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-13b4f095{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-187048 .elementor-element.elementor-element-1f7630c7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:1px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-4552c643 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-13404aa7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-57f91988{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-88a624a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-333ca070{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-57681455 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-6d949a4c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-7e223ad7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-54853907{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-7bbe3150 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-3afced80{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-7d611af3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-13745bd3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-43c98949 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-2121aeb2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-165d6bd6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-4f98e9e1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-3f0dd67e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-5686d4da{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-32a36476 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-5925af6d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-613b462a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-42c95c1f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-2ae3d36 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-4f02edca{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-671de002{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-4fc6d04e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-40593205{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-6157479f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-741705db{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-329a583e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-247d0df5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-626dbc29{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-1c0ce164 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-597e7061{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-2af71e98 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-a1ed078{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-7ad6814c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-6486a6a1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-5c73b05c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-6ee9d3a5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-362bb7f0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-769681b8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-1521a8a1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-187048 .elementor-element.elementor-element-ac99352{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187048 .elementor-element.elementor-element-2d904573 .elementor-button{background-color:var( --e-global-color-513aa65 );font-family:"Outfit", Sans-serif;fill:var( --e-global-color-1380fc1 );color:var( --e-global-color-1380fc1 );border-radius:999px 999px 999px 999px;}.elementor-187048 .elementor-element.elementor-element-3ba56d55{--spacer-size:50px;}.elementor-187048 .elementor-element.elementor-element-3ea8246{--display:flex;}.elementor-187048 .elementor-element.elementor-element-3c4e16a7{--display:flex;}@media(min-width:768px){.elementor-187048 .elementor-element.elementor-element-65a05b9{--content-width:1200px;}.elementor-187048 .elementor-element.elementor-element-28a09908{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-3c4e16a7 */.elementor-187048 .elementor-element.elementor-element-3c4e16a7 { display: none; }/* End custom CSS */
/* Start custom CSS *//* ═══════════════════════════════════════════════════
   YPulse Account Page — Page Settings Custom CSS
   v4.2 consolidated — July 2026
   ═══════════════════════════════════════════════════ */

/* ── Sidebar background + border (Elementor element override) ── */
.elementor-element-7a3927c {
  background-color: #FFFFFF !important;
  border-right: 1px solid #DDD9DE !important;
}

/* ── Tab panel default visibility ── */
#yp-tab-payment { display: none; }
#yp-tab-preferences { display: none; }

/* ── Section wrapper ── */
.yp-section { margin-bottom: 20px; }

.yp-section-label {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #706C61;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
}

.yp-region-badge {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 500;
  background: rgba(25,123,189,0.1);
  color: #185FA5;
  border-radius: 999px;
  padding: 2px 7px;
  margin-left: 5px;
  text-transform: none;
  letter-spacing: 0;
}

/* ── Generic card ── */
.yp-card {
  background: #fff;
  border: 0.5px solid #DDD9DE;
  border-radius: 8px;
  padding: 16px 18px;
}

/* ── Region grid ── */
.yp-region-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* ── Active plan card (Prime / Pro) ── */
.yp-plan-card {
  background: #25032B;
  border-radius: 8px;
  padding: 16px 18px 20px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.yp-plan-card::after {
  content: '';
  position: absolute;
  top: -16px; right: -16px;
  width: 70px; height: 70px;
  border-radius: 50%;
  background: rgba(229,165,240,0.07);
  pointer-events: none;
}
.yp-pc-region {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(203,187,205,0.7);
  margin-bottom: 4px;
}
.yp-pc-tier {
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #E5A5F0;
  margin-bottom: 16px;
}
.yp-pc-company {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: rgba(203,187,205,0.75);
  margin-bottom: 16px;
}
.yp-pc-company span { color: #fff; font-weight: 600; }

/* ── Plan card column grid ── */
.yp-pc-cols {
  display: grid;
  gap: 12px;
}
.yp-pc-cols-3 { grid-template-columns: repeat(3, 1fr); }
.yp-pc-cols-4 { grid-template-columns: repeat(4, 1fr); }

.yp-pc-col-label {
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(229,165,240,0.6);
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(229,165,240,0.2);
}
.yp-pc-feats { display: flex; flex-direction: column; gap: 5px; }
.yp-pc-feat {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: rgba(203,187,205,0.9);
  padding-left: 14px;
  position: relative;
  line-height: 1.4em;
}
.yp-pc-feat::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #E5A5F0;
  font-size: 10px;
}

/* ── Western Europe plan card — Teal ── */
.yp-plan-card-we { background: #197BBD; }
.yp-plan-card-we .yp-pc-region { color: rgba(255,255,255,0.7); }
.yp-plan-card-we .yp-pc-tier { color: #FFFFFF; }
.yp-plan-card-we .yp-pc-company { color: rgba(255,255,255,0.75); }
.yp-plan-card-we .yp-pc-company span { color: #fff; }
.yp-plan-card-we .yp-pc-feat { color: rgba(255,255,255,0.9); }
.yp-plan-card-we .yp-pc-feat::before { color: #FFFFFF; }
.yp-plan-card-we .yp-pc-col-label { color: rgba(255,255,255,0.5); border-bottom-color: rgba(255,255,255,0.15); }
.yp-plan-card-we::after { background: rgba(255,255,255,0.07); }

/* ── Starter plan card — border style ── */
.yp-plan-card-starter {
  background: #FFFFFF;
  border: 2px solid #501C59;
  border-radius: 8px;
  padding: 20px 18px;
  position: relative;
}
.yp-plan-card-starter .yp-pc-region { color: rgba(80,28,89,0.5); }
.yp-plan-card-starter .yp-pc-tier { color: #501C59; }
.yp-plan-card-starter .yp-pc-feat { color: #242424; }
.yp-plan-card-starter .yp-pc-feat::before { color: #501C59; }
.yp-plan-card-starter .yp-pc-col-label { color: rgba(80,28,89,0.4); border-bottom-color: rgba(80,28,89,0.15); }

/* ── Unlimited Articles plan card — border style ── */
.yp-plan-card-ua {
  background: #FFFFFF;
  border: 2px solid #706C61;
  border-radius: 8px;
  padding: 20px 18px;
  position: relative;
}
.yp-plan-card-ua .yp-pc-region { color: rgba(112,108,97,0.6); }
.yp-plan-card-ua .yp-pc-tier { color: #706C61; }
.yp-plan-card-ua .yp-pc-feat { color: #242424; }
.yp-plan-card-ua .yp-pc-feat::before { color: #706C61; }

/* ── Locked region card ── */
.yp-plan-card-locked {
  border-radius: 8px;
  padding: 16px 18px;
  border: 1px dashed #DDD9DE;
  background: #F5F3F6;
}
.yp-pcl-region {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #706C61;
  margin-bottom: 4px;
}
.yp-pcl-tier {
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #706C61;
  opacity: 0.4;
  margin-bottom: 3px;
}
.yp-pcl-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  line-height: 1.5em;
  margin-bottom: 12px;
}
.yp-pcl-feats { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
.yp-pcl-feat {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  opacity: 0.5;
  padding-left: 16px;
  position: relative;
  line-height: 1.4em;
}
.yp-pcl-feat::before {
  content: '–';
  position: absolute;
  left: 0;
}
.yp-pcl-cta {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #501C59 !important;
  text-decoration: none;
}
.yp-pcl-cta:hover { text-decoration: underline; }

/* ── Region nudges ── */
.yp-region-nudge {
  border-radius: 6px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.yp-region-nudge-na {
  background: rgba(80,28,89,0.06);
  border: 0.5px solid rgba(80,28,89,0.2);
}
.yp-region-nudge-we {
  background: rgba(24,95,165,0.06);
  border: 0.5px solid rgba(24,95,165,0.2);
}
.yp-region-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.yp-region-dot-na { background: #501C59; }
.yp-region-dot-we { background: #185FA5; }
.yp-region-nudge-text { flex: 1; }
.yp-region-nudge-title-na {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #501C59;
  margin-bottom: 2px;
}
.yp-region-nudge-title-we {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #185FA5;
  margin-bottom: 2px;
}
.yp-region-nudge-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  line-height: 1.5em;
}
.yp-region-badge-na {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #501C59;
  background: rgba(80,28,89,0.1);
  border-radius: 999px;
  padding: 3px 10px;
  white-space: nowrap;
  flex-shrink: 0;
}
.yp-region-badge-we {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #185FA5;
  background: rgba(24,95,165,0.1);
  border-radius: 999px;
  padding: 3px 10px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ── Tweens card — bordered style ── */
.yp-tweens-card {
  border: 2px solid #C44060;
  border-radius: 8px;
  padding: 20px 18px;
  background: #FFFFFF;
  margin-bottom: 8px;
}
.yp-tweens-card::after { display: none; }
.yp-tc-label {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #C44060;
  margin-bottom: 4px;
}
.yp-tc-name {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #242424;
  margin-bottom: 16px;
}
.yp-tc-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.yp-tc-col-label {
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(196,64,96,0.5);
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(196,64,96,0.2);
}
.yp-tc-feats { display: flex; flex-direction: column; gap: 4px; }
.yp-tc-feat {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #242424;
  padding-left: 14px;
  position: relative;
  line-height: 1.4em;
}
.yp-tc-feat::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #C44060;
  font-size: 10px;
}

/* ── Tweens nudge ── */
.yp-tweens-nudge {
  background: #F5F3F6;
  border: 0.5px solid #DDD9DE;
  border-radius: 6px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.yp-nudge-text { flex: 1; }
.yp-nudge-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #242424;
  margin-bottom: 2px;
}
.yp-nudge-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  line-height: 1.5em;
}
.yp-nudge-cta {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #501C59 !important;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.yp-nudge-cta:hover { text-decoration: underline; }

/* ── Upgrade card ── */
.yp-upgrade-card {
  border: 1.5px solid #501C59;
  border-radius: 8px;
  padding: 16px 18px;
  background: #fff;
}
.yp-ug-header { margin-bottom: 14px; }
.yp-ug-name {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #242424;
}
.yp-upgrade-props {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.yp-upgrade-prop {
  background: #F5F3F6;
  border-radius: 6px;
  padding: 12px;
}
.yp-upgrade-prop-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #242424;
  margin-bottom: 4px;
}
.yp-upgrade-prop-hook {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  line-height: 1.5em;
  margin-bottom: 8px;
}
.yp-upgrade-prop-feats { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; }
.yp-upgrade-prop-feat {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  padding-left: 16px;
  position: relative;
  line-height: 1.4em;
}
.yp-upgrade-prop-feat::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #7B188C;
  font-size: 12px;
}
.yp-upgrade-prop-cta {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #501C59 !important;
  text-decoration: none;
}
.yp-upgrade-prop-cta:hover { text-decoration: underline; }
.yp-ug-also { margin-bottom: 14px; }
.yp-ug-also-label {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #706C61;
  margin-bottom: 6px;
}
.yp-ug-also-feats { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.yp-ug-also-feat {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  padding-left: 16px;
  position: relative;
  line-height: 1.5em;
}
.yp-ug-also-feat::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #7B188C;
  font-size: 12px;
}
.yp-ug-footer {
  padding-top: 12px;
  border-top: 0.5px solid #DDD9DE;
}
.yp-ug-footer-note {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #501C59 !important;
  text-decoration: none;
}
.yp-ug-footer-note:hover { text-decoration: underline; }

/* ── Primary button ── */
.yp-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #501C59;
  color: #FFFFFF !important;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 6px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.15s;
}
.yp-btn-primary:hover { background: #7B188C; }

/* ── MCP access row ── */
.yp-access-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}
.yp-access-text { flex: 1; }
.yp-access-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #242424;
  margin-bottom: 2px;
}
.yp-access-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  line-height: 1.5em;
}
.yp-access-status {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  flex-shrink: 0;
  background: #e8f5e9;
  color: #2e7d32;
}

/* ── Resources ── */
.yp-csm-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 8px;
  border-bottom: 0.5px solid #DDD9DE;
}
.yp-csm-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(80,28,89,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #501C59;
  flex-shrink: 0;
}
.yp-csm-name {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #242424;
  margin-bottom: 1px;
}
.yp-csm-role {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  margin-bottom: 5px;
}
.yp-csm-link {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #501C59 !important;
  text-decoration: none;
}
.yp-csm-link:hover { text-decoration: underline; }
.yp-resource-link {
  display: block;
  padding: 10px 0;
  border-bottom: 0.5px solid #DDD9DE;
  text-decoration: none;
}
.yp-resource-link:last-child { border-bottom: none; padding-bottom: 0; }
.yp-resource-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #242424;
}
.yp-resource-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  margin-top: 2px;
  line-height: 1.4em;
}

/* ── Invite callout ── */
.yp-invite-callout {
  background: rgba(80,28,89,0.04);
  border: 1px solid rgba(80,28,89,0.14);
  border-radius: 8px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.yp-invite-text { flex: 1; }
.yp-invite-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #242424;
  margin-bottom: 4px;
}
.yp-invite-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  line-height: 1.5em;
}

/* ── Preferences toggles ── */
.yp-pref-group { margin-bottom: 16px; }
.yp-pref-group-label {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #706C61;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid #DDD9DE;
}
.yp-toggle-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 0.5px solid #DDD9DE;
  gap: 16px;
}
.yp-toggle-row:last-child { border-bottom: none; padding-bottom: 0; }
.yp-tname {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #242424;
}
.yp-tdesc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  margin-top: 2px;
  line-height: 1.5em;
}
.yp-toggle {
  position: relative;
  width: 34px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}
.yp-toggle input { opacity: 0; width: 0; height: 0; }
.yp-slider {
  position: absolute;
  inset: 0;
  background: #DDD9DE;
  border-radius: 18px;
  cursor: pointer;
  transition: background 0.2s;
}
.yp-slider::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s;
}
.yp-toggle input:checked + .yp-slider { background: #501C59; }
.yp-toggle input:checked + .yp-slider::before { transform: translateX(16px); }

/* ── Mobile tabs ── */
.yp-mobile-tabs { display: none; }

@media (max-width: 768px) {
  #yp-account-nav { display: none !important; }
  .yp-mobile-tabs {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 0;
    background: #FFFFFF;
    border-bottom: 1.5px solid #DDD9DE;
    position: sticky;
    top: 0;
    z-index: 100;
    margin-bottom: 24px;
    padding: 0 !important;
  }
  .yp-mobile-tabs::-webkit-scrollbar { display: none; }
  .yp-mobile-tab {
    flex: 0 0 auto;
    padding: 14px 20px;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #706C61;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 2.5px solid transparent;
    transition: color 0.15s, border-color 0.15s;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }
  .yp-mobile-tab:hover { color: #501C59; }
  .yp-mobile-tab.active {
    color: #501C59;
    border-bottom-color: #501C59;
  }
}
/* ── Free tier: no active plan ── */
.yp-free-card {
  background: #fff;
  border: 0.5px solid #DDD9DE;
  border-radius: 8px;
  padding: 20px 18px;
}
.yp-free-badge {
  display: inline-block;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #706C61;
  background: rgba(112,108,97,0.08);
  border-radius: 999px;
  padding: 3px 10px;
  margin-bottom: 10px;
}
.yp-free-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #242424;
  line-height: 1.5;
}

/* ── Free tier: side-by-side upgrade choice ── */
.yp-free-upgrade-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
/* ── Free tier: side-by-side upgrade choice ── */
.yp-free-plan-card {
  background: #fff;
  border: 0.5px solid #DDD9DE;
  border-radius: 8px;
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.yp-free-plan-card.yp-fpc-featured {
  border: 1.5px solid #501C59;
}
.yp-fpc-badge {
  position: absolute;
  top: -11px;
  left: 20px;
  background: #501C59;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 10px;
  border-radius: 999px;
}
.yp-fpc-name {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #242424;
  margin-bottom: 10px;
}
.yp-fpc-price {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #706C61;
  margin-bottom: 18px;
}
.yp-fpc-sub {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #7B188C;
  margin-top: -14px;
  margin-bottom: 18px;
}
.yp-fpc-divider {
  height: 1px;
  background: #DDD9DE;
  margin-bottom: 18px;
}
.yp-fpc-feats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 22px;
  flex: 1;
}
.yp-fpc-feat {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #242424;
  line-height: 1.4;
  padding-left: 18px;
  position: relative;
}
.yp-fpc-feat::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #7B188C;
  font-weight: 700;
}
.yp-fpc-cta {
  display: block;
  text-align: center;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  background: #501C59;
  border: none;
  border-radius: 999px;
  padding: 12px 24px;
  text-decoration: none;
  transition: background 0.15s;
}
.yp-fpc-cta:hover { background: #7B188C; color: #fff !important; }
.yp-fpc-cta-pink {
  background: #EA0A8C;
}
.yp-fpc-cta-pink:hover { background: #C4087A; }

@media (max-width: 640px) {
  .yp-free-upgrade-grid { grid-template-columns: 1fr; }
}

.yp-enterprise-note {
  text-align: center;
  padding-top: 4px;
  margin-top: 20px;
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #706C61;
}
.yp-enterprise-note a {
  color: #501C59;
  font-weight: 600;
  text-decoration: none;
}
.yp-enterprise-note a:hover { text-decoration: underline; }/* End custom CSS */