:root { --account-cream:#f6f1e6; --account-muted:rgba(246,241,230,.62); --account-line:rgba(246,241,230,.15); --account-panel:#151817; --account-panel-soft:#1b1d1d; --account-lime:#d7dfb9; }
.verde-account-page { min-height:100vh; padding:clamp(7.5rem,12vw,11rem) max(1.25rem,4vw) 6rem; background:#0f1111; color:var(--account-cream); }
.verde-account-shell { width:min(1180px,100%); margin:0 auto; }
.verde-account-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; padding-bottom:clamp(2.4rem,5vw,4.5rem); border-bottom:1px solid var(--account-line); }
.verde-account-hero h1 { max-width:16ch; margin:.85rem 0 .9rem; font-size:clamp(3rem,7vw,7.6rem); line-height:.83; letter-spacing:-.08em; }
.verde-account-hero h1 span { color:var(--account-lime); }
.verde-account-hero p:not(.eyebrow) { max-width:42rem; margin:0; color:var(--account-muted); font-size:1rem; line-height:1.5; }
.verde-account-hero__actions { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; justify-content:flex-end; }
.verde-account-hero__actions > span { padding:.6rem .75rem; border:1px solid rgba(215,223,185,.4); border-radius:999px; color:var(--account-lime); font-size:.63rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.verde-account-tabs { display:flex; gap:.35rem; overflow:auto; padding:1.2rem 0; border-bottom:1px solid var(--account-line); scrollbar-width:none; }
.verde-account-tabs::-webkit-scrollbar { display:none; }
.verde-account-tabs button { flex:0 0 auto; padding:.72rem .9rem; border:1px solid transparent; border-radius:999px; color:var(--account-muted); background:transparent; font:inherit; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.verde-account-tabs button:hover, .verde-account-tabs button:focus-visible { color:var(--account-cream); border-color:var(--account-line); outline:0; }
.verde-account-tabs button.is-active { color:#151817; background:var(--account-cream); }
.verde-account-gate { max-width:44rem; margin:clamp(4rem,10vw,8rem) auto; padding:clamp(2rem,5vw,4rem); border:1px solid var(--account-line); border-radius:1.4rem; background:var(--account-panel); text-align:center; }
.verde-account-gate h2 { margin:1rem 0 1rem; font-size:clamp(2.5rem,6vw,5.5rem); line-height:.87; letter-spacing:-.08em; }
.verde-account-gate > p:not(.eyebrow) { max-width:34rem; margin:0 auto 1.6rem; color:var(--account-muted); line-height:1.5; }
.verde-account-panel { padding-top:clamp(2rem,5vw,4rem); }
.verde-account-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.verde-account-card { min-height:15rem; display:flex; flex-direction:column; align-items:flex-start; padding:clamp(1.3rem,3vw,2rem); border:1px solid var(--account-line); border-radius:1.2rem; background:var(--account-panel); }
.verde-account-card__head { width:100%; display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.verde-account-card h2 { margin:2.5rem 0 .7rem; font-size:clamp(1.7rem,3vw,2.8rem); line-height:.9; letter-spacing:-.06em; }
.verde-account-card p { max-width:30rem; margin:0 0 1.5rem; color:var(--account-muted); line-height:1.45; }
.verde-account-card .button { margin-top:auto; }
.verde-account-status { color:var(--account-lime); font-size:.62rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.verde-account-upgrade { position:relative; min-height:25rem; margin-top:1rem; overflow:hidden; border:1px solid var(--account-line); border-radius:1.3rem; background:#202322; }
.verde-account-upgrade__blur { position:absolute; inset:0; padding:clamp(1.5rem,4vw,3rem); opacity:.32; filter:blur(8px); transform:scale(1.02); }
.verde-account-stat-row { display:flex; justify-content:space-between; gap:1rem; color:var(--account-cream); font-size:clamp(1rem,2vw,1.6rem); }
.verde-account-chart { height:9rem; margin:3rem 0; background:linear-gradient(160deg,transparent 38%,rgba(144,193,191,.75) 39%,rgba(144,193,191,.75) 45%,transparent 46%),linear-gradient(180deg,transparent 58%,rgba(246,241,230,.24) 59%,transparent 60%); border-bottom:1px solid rgba(246,241,230,.22); }
.verde-account-upgrade h2 { margin:0; font-size:clamp(2rem,4vw,4rem); line-height:.9; letter-spacing:-.07em; }
.verde-account-upgrade h3 { margin:2.5rem 0 0; font-size:clamp(1.6rem,3vw,2.7rem); }
.verde-account-lock { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:.8rem; padding:2rem; background:linear-gradient(180deg,rgba(15,17,17,.34),rgba(15,17,17,.82)); text-align:center; }
.verde-account-lock strong { max-width:22ch; font-size:clamp(1.8rem,4vw,3.5rem); line-height:.9; letter-spacing:-.06em; }
.verde-account-lock p { max-width:32rem; margin:0; color:var(--account-muted); line-height:1.45; }
.verde-account-panel__head { display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; padding-bottom:2rem; border-bottom:1px solid var(--account-line); }
.verde-account-panel__head h2 { margin:.8rem 0 .7rem; font-size:clamp(2.6rem,6vw,6rem); line-height:.84; letter-spacing:-.08em; }
.verde-account-panel__head p:not(.eyebrow) { max-width:42rem; margin:0; color:var(--account-muted); line-height:1.5; }
.verde-account-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:1.2rem; border:1px solid var(--account-line); border-radius:1rem; overflow:hidden; background:var(--account-line); }
.verde-account-detail-grid > div { min-height:6rem; display:flex; flex-direction:column; justify-content:center; gap:.45rem; padding:1rem 1.2rem; background:var(--account-panel); }
.verde-account-detail-grid span { color:var(--account-muted); font-size:.65rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.verde-account-detail-grid strong { font-size:1.1rem; font-weight:500; }
.verde-account-text-button { align-self:flex-start; padding:0; border:0; color:var(--account-lime); background:none; font:inherit; font-size:1rem; cursor:pointer; }
.verde-account-note, .verde-account-empty { margin-top:1.2rem; padding:1.4rem; border:1px solid var(--account-line); border-radius:1rem; background:var(--account-panel); color:var(--account-muted); line-height:1.5; }
.verde-account-empty { min-height:17rem; display:grid; align-content:center; justify-items:start; gap:.65rem; }
.verde-account-empty h3 { margin:0; color:var(--account-cream); font-size:clamp(2rem,4vw,3.8rem); line-height:.9; letter-spacing:-.07em; }
.verde-account-empty p { max-width:42rem; margin:0; }
.verde-account-security-actions { display:flex; justify-content:flex-end; margin-top:1.2rem; }
@media (max-width:760px) {
  .verde-account-page { padding-top:6.5rem; }
  .verde-account-hero, .verde-account-panel__head { align-items:flex-start; flex-direction:column; }
  .verde-account-hero__actions { justify-content:flex-start; }
  .verde-account-summary-grid, .verde-account-detail-grid { grid-template-columns:1fr; }
  .verde-account-upgrade { min-height:22rem; }
}

/* Account workspace: light VERDE editorial shell inspired by the provided
   luxury-account references, while keeping VERDE typography and imagery. */
.verde-account-page {
  --account-ink:#171717;
  --account-muted:rgba(23,23,23,.62);
  --account-line:rgba(23,23,23,.14);
  --account-panel:#fff;
  --account-panel-soft:#f0efe9;
  --account-lime:#38573d;
  background:#f5f4ef;
  color:var(--account-ink);
  padding-top:clamp(6.8rem,10vw,8.5rem);
}
.verde-account-shell { width:min(1280px,100%); }
.verde-account-hero {
  position:relative;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:0;
  padding:0 0 2rem;
  border-bottom:0;
  text-align:center;
}
.verde-account-hero::before {
  content:"";
  display:block;
  width:100%;
  height:clamp(12rem,27vw,21rem);
  margin-bottom:0;
  border-radius:0;
  background:
    linear-gradient(180deg,rgba(17,17,17,.06),rgba(17,17,17,.3)),
    url("verde-account-title.jpeg") center/cover no-repeat;
}
.verde-account-hero__avatar {
  width:6.4rem;
  height:6.4rem;
  display:grid;
  place-items:center;
  margin:-3.2rem auto 1.25rem;
  position:relative;
  z-index:1;
  border:4px solid #f5f4ef;
  border-radius:50%;
  background:#171717;
  color:#f6f1e6;
  font-size:1.2rem;
  font-weight:700;
  letter-spacing:.08em;
}
.verde-account-hero__content { max-width:52rem; }
.verde-account-hero h1 { max-width:none; margin:0 0 .55rem; color:var(--account-ink); font-size:clamp(2.5rem,6vw,5.6rem); line-height:.9; letter-spacing:-.075em; }
.verde-account-hero h1 span { color:inherit; }
.verde-account-hero p:not(.eyebrow) { max-width:44rem; color:var(--account-muted); font-size:.98rem; }
.verde-account-hero .eyebrow { color:var(--account-muted); }
.verde-account-hero__actions { justify-content:center; margin-top:1.1rem; }
.verde-account-hero__actions > span { color:var(--account-ink); border-color:var(--account-line); background:#fff; }
.verde-account-hero__actions .button { color:#f6f1e6; border-color:#171717; background:#171717; }
.verde-account-hero__actions .button:hover,.verde-account-hero__actions .button:focus-visible { color:#171717; border-color:#171717; background:transparent; }
.verde-account-tabs { margin-top:1rem; padding:0; gap:0; border:1px solid var(--account-line); background:#fff; }
.verde-account-tabs button { flex:1 1 0; min-width:9rem; min-height:3.4rem; border:0; border-right:1px solid var(--account-line); border-radius:0; color:var(--account-muted); background:#fff; }
.verde-account-tabs button:last-child { border-right:0; }
.verde-account-tabs button:hover,.verde-account-tabs button:focus-visible { color:var(--account-ink); border-color:var(--account-line); background:#f5f4ef; }
.verde-account-tabs button.is-active { color:#fff; background:#171717; box-shadow:none; }
.verde-account-gate { max-width:54rem; margin:clamp(3rem,7vw,6rem) auto; border:1px solid var(--account-line); border-radius:0; background:#fff; box-shadow:0 1.5rem 4rem rgba(23,23,23,.06); }
.verde-account-gate h2 { color:var(--account-ink); }
.verde-account-gate > p:not(.eyebrow) { color:var(--account-muted); }
.verde-account-gate .button { color:#fff; border-color:#171717; background:#171717; }
.verde-account-panel { padding-top:clamp(2rem,4vw,3.3rem); }
.verde-account-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.verde-account-card { min-height:15.5rem; padding:clamp(1.4rem,3vw,2.2rem); border:1px solid var(--account-line); border-radius:0; background:#fff; box-shadow:0 1rem 2.2rem rgba(23,23,23,.045); }
.verde-account-card__head { color:var(--account-muted); }
.verde-account-card h2 { color:var(--account-ink); }
.verde-account-card p { color:var(--account-muted); }
.verde-account-card .button,.verde-account-panel__head .button { color:#fff; border-color:#171717; background:#171717; }
.verde-account-card .button:hover,.verde-account-card .button:focus-visible,.verde-account-panel__head .button:hover,.verde-account-panel__head .button:focus-visible { color:#171717; border-color:#171717; background:#fff; }
.verde-account-status { color:var(--account-lime); }
.verde-account-upgrade { border:1px solid var(--account-line); border-radius:0; background:#e8e7e1; }
.verde-account-upgrade__blur { opacity:.35; filter:blur(8px); }
.verde-account-lock { background:linear-gradient(180deg,rgba(245,244,239,.42),rgba(245,244,239,.9)); }
.verde-account-lock strong { color:var(--account-ink); }
.verde-account-lock p { color:var(--account-muted); }
.verde-account-lock .button { color:#fff; border-color:#171717; background:#171717; }
.verde-account-panel__head { border-color:var(--account-line); }
.verde-account-panel__head h2 { color:var(--account-ink); }
.verde-account-panel__head p:not(.eyebrow) { color:var(--account-muted); }
.verde-account-detail-grid { border-color:var(--account-line); background:var(--account-line); }
.verde-account-detail-grid > div { background:#fff; }
.verde-account-detail-grid span { color:var(--account-muted); }
.verde-account-detail-grid strong,.verde-account-text-button { color:var(--account-ink); }
.verde-account-text-button:hover { color:var(--account-lime); }
.verde-account-note,.verde-account-empty { border-color:var(--account-line); border-radius:0; background:#fff; color:var(--account-muted); }
.verde-account-empty h3 { color:var(--account-ink); }
.verde-account-security-actions .button { color:#fff; border-color:#171717; background:#171717; }
@media (max-width:760px) {
  .verde-account-summary-grid { grid-template-columns:1fr; }
  .verde-account-tabs button { min-width:8.4rem; }
}

/* Account route: keep the global navigation legible over the cream workspace. */
.site-header.is-account-page,
.site-header.is-account-page.is-light { color:#171717; border-bottom-color:rgba(23,23,23,.14); background:#f6f1e6; backdrop-filter:none; }
.site-header.is-account-page::before { opacity:1; }
.site-header.is-account-page .brand-wordmark-image { filter:brightness(0); }
.site-header.is-account-page .site-header__group,
.site-header.is-account-page .site-header__group *,
.site-header.is-account-page .site-header__brand,
.site-header.is-account-page .header-action,
.site-header.is-account-page .header-action__icon { color:#171717; stroke:#171717; }
.site-header.is-account-page .header-action:hover,
.site-header.is-account-page .header-action[aria-expanded="true"] { color:#171717; background:rgba(23,23,23,.07); }

/* Match the supplied account overview with a cream canvas and rounded VERDE cards. */
.verde-account-page { --account-cream:#171717; --account-muted:rgba(23,23,23,.62); --account-line:rgba(23,23,23,.14); --account-panel:#fff; --account-panel-soft:#ebeae4; --account-lime:#38573d; min-height:calc(100vh - var(--header-height,6rem)); padding-top:var(--header-height,6rem); background:#f6f1e6; color:#171717; }
.verde-account-shell { width:min(1320px,100%); }
.verde-account-hero { padding-bottom:1.6rem; }
.verde-account-hero::before { height:clamp(10rem,23vw,18rem); border-radius:1.25rem; background:linear-gradient(180deg,rgba(17,17,17,.04),rgba(17,17,17,.28)),var(--verde-account-title-image,url("verde-account-title.jpeg")) center/cover no-repeat; }
.verde-account-hero__avatar { width:5.4rem; height:5.4rem; margin:1.1rem auto .95rem; border-width:3px; background:#171717; color:#f6f1e6; font-size:1rem; }
.verde-account-hero h1 { max-width:18ch; margin:0 auto .5rem; font-size:clamp(2.45rem,4.6vw,4.8rem); line-height:.9; }
.verde-account-hero p:not(.eyebrow) { font-size:.95rem; }
.verde-account-hero__actions { margin-top:.9rem; }
.verde-account-hero__actions > span { color:#171717; border-color:rgba(23,23,23,.18); background:#fff; }
.verde-account-hero__actions .button { min-height:2.7rem; }
.verde-account-tabs { margin-top:.8rem; overflow:hidden; border-radius:.85rem; }
.verde-account-tabs button { min-height:3.2rem; font-size:.66rem; }
.verde-account-gate { max-width:58rem; margin:3.4rem auto 5rem; padding:clamp(2rem,4vw,3.5rem); border-color:rgba(23,23,23,.14); border-radius:1.15rem; background:#fff; box-shadow:0 1.2rem 3rem rgba(23,23,23,.06); }
.verde-account-gate h2 { font-size:clamp(2.2rem,4.4vw,4.4rem); }
.verde-account-summary-grid { gap:1rem; }
.verde-account-card { min-height:14rem; border-radius:1rem; }
.verde-account-card h2 { font-size:clamp(1.5rem,2.5vw,2.4rem); }
.verde-account-upgrade { min-height:21rem; border-radius:1rem; }
.verde-account-detail-grid { border-radius:1rem; }
.verde-account-note,.verde-account-empty { border-radius:1rem; }

/* Account page stays bright and neutral: no accent wash on the account name. */
.verde-account-page { background:#f7f5ef !important; color:#171717 !important; }
.verde-account-page .verde-account-hero h1,
.verde-account-page .verde-account-hero h1 span { color:#171717 !important; }
.verde-account-page .verde-account-hero p:not(.eyebrow) { color:rgba(23,23,23,.62) !important; }
.verde-account-page .verde-account-hero { background:#f7f5ef !important; }
.verde-account-page .verde-account-hero::before { background:linear-gradient(180deg,rgba(17,17,17,.04),rgba(17,17,17,.28)),var(--verde-account-title-image,url("verde-account-title.jpeg")) center/cover no-repeat !important; box-shadow:none !important; }

/* Rounded navigation treatment across the account workspace. */
.verde-account-tabs { gap:.35rem; padding:.35rem; border-radius:1rem; background:#f6f1e6; }
.verde-account-tabs button { border:0 !important; border-radius:.7rem !important; }
.verde-account-hero__avatar {
  color:#171717 !important;
  background:#fff center/cover no-repeat !important;
  font-size:1.05rem;
  font-weight:700;
}
.verde-account-page .verde-account-brandbar { background:#f7f5ef; }

/* My VS account identity: keep the global VERDE wordmark untouched while the
   account workspace carries its own compact Verde mark and navigation. */
.verde-account-brandbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:4rem; padding:0 .15rem .9rem; border-bottom:1px solid var(--account-line); }
.verde-account-brandbar__identity { display:flex; align-items:center; gap:.7rem; color:#171717; font-size:.86rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.verde-account-brandbar__identity img { width:2rem; height:2rem; display:block; object-fit:contain; }
.verde-account-brandbar__context { color:rgba(23,23,23,.55); font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.verde-account-tabs { position:relative; z-index:2; }
.verde-account-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:1040px) { .verde-account-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px) {
  .verde-account-brandbar { align-items:flex-start; flex-direction:column; padding-bottom:.75rem; }
  .verde-account-brandbar__context { font-size:.64rem; }
}

/* My VS editorial header: identity and welcome title share one quiet row,
   while the fixed account image runs edge-to-edge like the reference layout. */
.verde-account-page { padding-left:0 !important; padding-right:0 !important; }
.verde-account-shell { width:100%; max-width:none; }
.verde-account-topbar {
  width:min(1320px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(1rem,3vw,3rem);
  padding:1.4rem max(1.25rem,4vw) 1.25rem;
  border-bottom:1px solid var(--account-line);
  background:#f7f5ef;
}
.verde-account-mark { display:flex; align-items:center; gap:.45rem; min-width:max-content; color:#171717; }
.verde-account-mark__my { font-size:clamp(1.7rem,2.5vw,2.55rem); line-height:.85; }
.verde-account-mark img { width:clamp(2rem,3vw,2.7rem); height:clamp(2rem,3vw,2.7rem); display:block; object-fit:contain; }
.verde-account-topbar__title { min-width:0; }
.verde-account-topbar__title .eyebrow { margin:0 0 .35rem; color:var(--account-muted); }
.verde-account-topbar__title h1, .verde-account-topbar__title h2 { margin:0; color:#171717; font-size:clamp(1.8rem,3.5vw,3.5rem); line-height:.9; letter-spacing:-.07em; }
.verde-account-topbar__title h1 span, .verde-account-topbar__title h2 span { color:inherit; }
.verde-account-topbar__title > p:not(.eyebrow) { margin:.4rem 0 0; color:var(--account-muted); font-size:.86rem; line-height:1.35; }
.verde-account-topbar .verde-account-hero__actions { margin:0; justify-content:flex-end; }
.verde-account-hero { width:100%; padding-bottom:0; }
.verde-account-hero::before {
  display:none;
}
.verde-account-hero__cover { display:block; width:100%; max-width:none; height:clamp(16rem,38vw,34rem); margin:0; transform:none; object-fit:cover; object-position:center; }
.verde-account-hero__avatar { margin:-2.7rem auto 0; }
.verde-account-tabs {
  width:min(1320px,100%);
  margin:1.1rem auto 0;
  padding:.65rem max(1.25rem,4vw);
  gap:.6rem;
  overflow-x:auto;
  border:0 !important;
  border-radius:0;
  background:transparent !important;
}
.verde-account-tabs button {
  flex:0 0 auto;
  min-width:9.3rem;
  min-height:3.7rem;
  padding:.8rem 1.1rem;
  border:1px solid rgba(23,23,23,.14) !important;
  border-radius:1rem !important;
  background:#fff;
  box-shadow:0 .35rem 1rem rgba(23,23,23,.04);
}
.verde-account-tabs button:last-child { border-right:1px solid rgba(23,23,23,.14); }
.verde-account-tabs button.is-active { border-color:#171717 !important; background:#171717; }
/* The account navigation is a complete overview on a desktop. Keep the
   compact horizontal scroller for touch devices only. */
@media (min-width:761px) {
  .verde-account-tabs {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    overflow:visible;
  }
  .verde-account-tabs button {
    width:100%;
    min-width:0;
  }
}
@media (max-width:760px) {
  .verde-account-topbar { grid-template-columns:auto minmax(0,1fr); gap:.9rem 1rem; padding-top:1.1rem; padding-bottom:1.1rem; }
  .verde-account-topbar__title .eyebrow { font-size:.58rem; }
  .verde-account-topbar__title > p:not(.eyebrow) { font-size:.75rem; }
  .verde-account-topbar .verde-account-hero__actions { grid-column:1 / -1; justify-content:flex-start; }
  .verde-account-tabs { margin-top:.8rem; }
  .verde-account-tabs button { min-width:8.6rem; min-height:3.35rem; }
}

/* Final My VS title-bar alignment: the mark stays quiet on the left while
   the welcome copy is optically centered in the page. */
.verde-account-topbar {
  grid-template-columns:minmax(0,1fr) minmax(32rem,2fr) minmax(0,1fr);
}
.verde-account-mark__my {
  font-size:clamp(.95rem,1.1vw,1.3rem);
  font-style:italic;
}
.verde-account-mark img {
  width:clamp(1.35rem,1.6vw,1.7rem);
  height:clamp(1.35rem,1.6vw,1.7rem);
}
.verde-account-topbar__title {
  text-align:center;
}
.verde-account-topbar__title h1,
.verde-account-topbar__title h2,
.verde-account-topbar__title > p:not(.eyebrow) {
  margin-left:auto;
  margin-right:auto;
}
.verde-account-company {
  margin-top:.15rem !important;
  color:var(--account-muted);
  font-size:.8rem !important;
}
.verde-account-topbar .verde-account-hero__actions {
  justify-self:end;
}
@media (max-width:760px) {
  .verde-account-topbar {
    grid-template-columns:auto minmax(0,1fr);
  }
  .verde-account-topbar__title {
    text-align:center;
  }
  .verde-account-topbar__title h1,
  .verde-account-topbar__title h2 {
    font-size:clamp(1.55rem,6vw,2.35rem);
  }
}

/* Cream-white canvas from the account reference annotation. Keep the
   existing VERDE wordmark and account controls, but let both nav and workspace
   sit on the same quiet background. */
.verde-account-page,
.verde-account-shell,
.verde-account-topbar {
  background:#f6f1e6 !important;
}
.verde-account-page .verde-account-hero {
  background:#f6f1e6 !important;
}
.site-header.is-account-page,
.site-header.is-account-page.is-light {
  background:#f6f1e6 !important;
}
html.vtp-local-demo .site-header.is-account-page:not(.is-menu-open):not(.is-search-open):not(.is-account-open) {
  background:#f6f1e6 !important;
}
.verde-account-hero__avatar {
  border-color:#f6f1e6;
}
.verde-account-mark img {
  width:clamp(1.2rem,1.45vw,1.55rem);
  height:clamp(1.2rem,1.45vw,1.55rem);
}

/* Keep dashboard copy and widgets comfortably inset on wide screens. The
   title image stays edge-to-edge; the working panels retain breathing room. */
.verde-account-panel,
.verde-account-gate {
  width:min(1120px,calc(100% - 2rem));
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.verde-account-footer-actions {
  width:min(1120px,calc(100% - 2rem));
  margin:1.25rem auto 3.5rem;
  display:flex;
  justify-content:flex-end;
}
.verde-account-footer-actions .verde-account-text-button {
  color:rgba(23,23,23,.62);
  font-size:.78rem;
  text-decoration:underline;
  text-underline-offset:.25rem;
  border:0;
  background:transparent;
  cursor:pointer;
}
.verde-account-footer-actions .verde-account-text-button:hover,
.verde-account-footer-actions .verde-account-text-button:focus-visible { color:#171717; }

/* Live account-type chooser and backend-backed brief cards. */
.verde-account-topbar .verde-account-hero__actions { display:flex; align-items:center; gap:.7rem; }
.verde-account-member-switch { display:inline-flex; gap:.2rem; padding:.22rem; border:1px solid rgba(23,23,23,.15); border-radius:999px; background:rgba(255,255,255,.42); }
.verde-account-member-switch[hidden] { display:none !important; }
.verde-account-member-switch button { min-width:5.35rem; padding:.58rem .78rem; border:0; border-radius:999px; color:rgba(23,23,23,.58); background:transparent; font:inherit; font-size:.62rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.verde-account-member-switch button[aria-pressed="true"] { color:#fff; background:#171717; }
.verde-account-member-switch button:hover,.verde-account-member-switch button:focus-visible { color:#171717; outline:0; }
.verde-account-member-switch button[aria-pressed="true"]:hover,.verde-account-member-switch button[aria-pressed="true"]:focus-visible { color:#fff; }
.verde-account-brief-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.2rem; }
.verde-account-brief-list > .verde-account-empty { grid-column:1 / -1; margin-top:0; }
.verde-account-brief-loading { grid-column:1 / -1; min-height:12rem; display:grid; place-items:center; margin:0; color:var(--account-muted); border:1px solid var(--account-line); border-radius:1rem; background:#fff; }
.verde-account-brief-card { min-height:16rem; display:flex; flex-direction:column; align-items:flex-start; gap:.85rem; padding:clamp(1.3rem,3vw,2rem); border:1px solid var(--account-line); border-radius:1rem; background:#fff; box-shadow:0 1rem 2.2rem rgba(23,23,23,.04); }
.verde-account-brief-card__top { width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.verde-account-brief-card h3 { margin:1.25rem 0 0; color:#171717; font-size:clamp(1.65rem,3.2vw,3rem); line-height:.9; letter-spacing:-.065em; }
.verde-account-brief-card p { max-width:42rem; margin:0; color:var(--account-muted); line-height:1.48; }
.verde-account-brief-card .verde-account-brief-card__meta { color:#38573d; font-size:.7rem; font-weight:700; letter-spacing:.035em; text-transform:uppercase; }
.verde-account-brief-card .verde-account-text-button { margin-top:auto; text-decoration:underline; text-underline-offset:.25rem; }
@media (max-width:760px) {
  .verde-account-topbar .verde-account-hero__actions { align-items:flex-start; }
  .verde-account-member-switch { width:100%; }
  .verde-account-member-switch button { flex:1 1 0; }
  .verde-account-brief-list { grid-template-columns:1fr; }
}

/* The account route owns authentication. Reuse the existing account form as
   an inline member workspace so sign-in and registration never cover the page
   with a second modal layer. */
.talent-account[data-inline-account] {
  position:relative;
  inset:auto;
  z-index:1;
  display:block;
  width:min(1120px,calc(100% - 2rem));
  max-width:none;
  max-height:none;
  margin:0 auto 3.5rem;
  color:#171717;
  background:#fff;
  border:1px solid rgba(23,23,23,.14);
  border-radius:1rem;
  box-shadow:0 1.3rem 3rem rgba(23,23,23,.06);
  overflow:hidden;
}
.talent-account[data-inline-account]:not([open]) { display:none; }
.talent-account[data-inline-account]::backdrop { display:none; background:transparent; }
.talent-account[data-inline-account] .talent-account__bar { background:#f7f5ef; }
.talent-account[data-inline-account] .talent-account__body { max-height:none; overflow:visible; background:#fff; }
.talent-account[data-inline-account] .talent-account__close { color:#171717; }
.talent-account[data-inline-account] .talent-account__close:hover { background:#ebeae4; }
.talent-account[data-inline-account] .talent-account__status { background:#f7f5ef; }
.talent-account[data-inline-account] .talent-account__profile-actions { background:linear-gradient(transparent,#fff 28%); }
.talent-account[data-inline-account].talent-account--registration {
  position:relative;
  inset:auto;
  width:min(1120px,calc(100% - 2rem));
  height:auto;
  max-height:none;
  border:1px solid rgba(23,23,23,.14);
  border-radius:1rem;
  background:#fff;
}
.talent-account[data-inline-account].talent-account--registration .talent-account__body { max-height:none; padding:clamp(1.5rem,4vw,3.5rem); }
.talent-account[data-inline-account] .talent-account__actions .button { color:#fff; border-color:#171717; background:#171717; }
.talent-account[data-inline-account] .talent-account__actions .button:hover,
.talent-account[data-inline-account] .talent-account__actions .button:focus-visible { color:#171717; background:#e4e2d8; }
@media (max-width:760px) {
  .talent-account[data-inline-account],
  .talent-account[data-inline-account].talent-account--registration { width:calc(100% - 1.25rem); margin-bottom:2rem; }
}

/* Signed-in account avatar: keep the edit affordance attached to the initials
   (or saved portrait) without changing the centered account layout. */
.verde-account-avatar-wrap {
  position:relative;
  z-index:1;
  width:5.4rem;
  height:5.4rem;
  margin:-2.7rem auto 0;
}
.verde-account-avatar-wrap .verde-account-hero__avatar {
  width:100%;
  height:100%;
  margin:0;
}
.verde-account-avatar-edit {
  position:absolute;
  z-index:2;
  right:-.18rem;
  bottom:-.08rem;
  display:grid;
  place-items:center;
  width:1.8rem;
  height:1.8rem;
  padding:0;
  color:#f6f1e6;
  border:2px solid #f5f4ef;
  border-radius:50%;
  background:#171717;
  box-shadow:0 .25rem .65rem rgba(23,23,23,.22);
  font:inherit;
  font-size:1rem;
  line-height:1;
  cursor:pointer;
  transition:transform .2s ease, background-color .2s ease, color .2s ease;
  display:none;
}
#verde-account-page[data-signed-in="true"] .verde-account-avatar-edit { display:grid; }
.verde-account-avatar-edit:hover,
.verde-account-avatar-edit:focus-visible {
  color:#171717;
  background:#d7dfb9;
  outline:0;
  transform:scale(1.08);
}
.verde-account-avatar-edit:focus-visible { box-shadow:0 0 0 3px rgba(56,87,61,.28), 0 .25rem .65rem rgba(23,23,23,.22); }
@media (max-width:760px) {
  .verde-account-avatar-wrap { width:5rem; height:5rem; margin:-2.5rem auto 0; }
  .verde-account-avatar-edit { right:-.12rem; bottom:-.05rem; width:1.7rem; height:1.7rem; }
}