/* Account workspace and cache-safe header inbox. Existing ETC theme/flows retained. */
html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-messages {
  position:relative; display:flex; flex:0 0 52px; flex-direction:column; align-items:center; justify-content:center;
  width:52px; min-height:52px; padding:5px 3px; gap:3px; overflow:visible;
  border:1px solid var(--hb-edge,#cbdcd2); border-radius:11px; background:var(--hb-surface,#f4f8f5);
  color:var(--hb-ink,#244b3b); text-decoration:none; box-shadow:0 2px 0 #173b2910;
}
html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-messages[hidden],
.eh-messages__badge[hidden] { display:none!important; }
.eh-messages__icon { display:flex; align-items:center; justify-content:center; width:26px; height:24px; }
.eh-messages__icon svg { display:block; flex:none; }
.eh-messages__label { font-size:10px; line-height:12px; font-weight:650; }
.eh-messages__badge {
  position:absolute; top:-6px; right:-6px; display:flex; align-items:center; justify-content:center;
  min-width:22px; height:22px; padding:0 5px; box-sizing:border-box; border:2px solid var(--eh-bg,#fff);
  border-radius:20px; background:#c9363e; color:#fff; font-size:11px; font-weight:750; line-height:1; letter-spacing:0;
  font-variant-numeric:tabular-nums; box-shadow:0 2px 5px #7f202027; pointer-events:none;
}
html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-messages:hover { border-color:#7eac94; background:var(--hb-hover,#e9f3ec); }
html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-messages:focus-visible { outline:3px solid #22976d; outline-offset:3px; }
@media(max-width:1279px) {
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-messages { flex-basis:46px; width:46px; min-height:50px; }
  .eh-messages__badge { top:-5px; right:-3px; }
}
@media(max-width:575px) {
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons.eh-has-inbox .eh-brand > span { display:none!important; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons.eh-has-inbox .eh-actions { gap:6px!important; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-messages { flex-basis:44px; width:44px; }
}
@media(max-width:359px) {
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons.eh-has-inbox .eh-actions { gap:5px!important; }
}
/* Strong scoped selectors win over legacy storefront heading and panel rules. */
html#etc-ds .etc-acc--center {
  --acc-bg:#fff; --acc-bg-2:#f5f7f1; --acc-line:#dbe4d9; --acc-line-2:#a9c4b2;
  --acc-text:#203c30; --acc-muted:#65776c; --acc-green:#0e7253; --acc-green-2:#0b5b43;
  --acc-shadow:none; --acc-radius:14px;
}
html#etc-ds[data-etc-theme="dark"] .etc-acc--center {
  --acc-bg:#182720; --acc-bg-2:#1d3026; --acc-line:#385144; --acc-line-2:#5d8971;
  --acc-text:#ecf3ec; --acc-muted:#b1c1b4; --acc-green:#87d8af; --acc-green-2:#a2eac4;
}
#etc-account.etc-acc--center .etc-acc__wrap { max-width:1180px; padding:30px 24px 64px; }
#etc-account.etc-acc--center .etc-acc__hero {
  align-items:flex-end; gap:24px; padding:0 0 26px; margin:0; border:0; border-bottom:1px solid var(--acc-line);
  border-radius:0; background:none; box-shadow:none;
}
#etc-account.etc-acc--center .etc-acc__eyebrow { font-size:10px; letter-spacing:.13em; }
#etc-account.etc-acc--center .etc-acc__title { font-size:clamp(28px,3.2vw,42px)!important; font-weight:650!important; letter-spacing:-.035em; line-height:1.15!important; margin:12px 0 10px!important; }
#etc-account.etc-acc--center .etc-acc__lead { max-width:48ch; font-size:15px; }
#etc-account.etc-acc--center .etc-acc__actions { margin-top:18px; gap:8px; }
#etc-account.etc-acc--center .etc-acc__actions .etc-acc__btn { padding:8px 11px; min-height:38px; font-size:12px; border:1px solid var(--acc-line); background:var(--acc-bg); color:var(--acc-muted)!important; box-shadow:none; }
#etc-account.etc-acc--center .etc-acc__metrics { gap:0; align-self:center; }
#etc-account.etc-acc--center .etc-acc__metric { min-width:120px; padding:5px 20px; border:0; border-radius:0; background:none; text-align:left; }
#etc-account.etc-acc--center .etc-acc__metric + .etc-acc__metric { border-left:1px solid var(--acc-line); }
#etc-account.etc-acc--center .etc-acc__metric-val { font-size:30px; font-weight:650; letter-spacing:-.03em; }
#etc-account.etc-acc--center .etc-acc__metric-cap { font-size:11px; max-width:130px; margin-top:6px; }
#etc-account.etc-acc--center .etc-acc__jump { display:flex; flex-wrap:wrap; gap:6px 20px; padding:18px 0 26px; margin:0; }
#etc-account.etc-acc--center .etc-acc__jump a { color:var(--acc-muted); font-size:12px; font-weight:650; text-decoration:none; padding:6px 0; min-height:30px; }
#etc-account.etc-acc--center .etc-acc__jump a:hover { color:var(--acc-green); }
#etc-account.etc-acc--center .etc-acc__section { margin-bottom:36px; scroll-margin-top:20px; }
#etc-account.etc-acc--center .etc-acc__h2 { color:var(--acc-text); font-size:20px!important; font-weight:650; letter-spacing:-.02em; line-height:1.3; text-transform:none; padding:0!important; background:none!important; box-shadow:none!important; }
#etc-account.etc-acc--center .etc-acc__section-note { font-size:11px; color:var(--acc-muted); }
#etc-account.etc-acc--center .etc-acc__primary-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#etc-account.etc-acc--center .etc-acc__feature {
  display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:25px; border:1px solid var(--acc-line);
  border-radius:16px; background:var(--acc-bg); color:var(--acc-text); text-decoration:none;
}
#etc-account.etc-acc--center .etc-acc__feature--messages { background:#eaf3e9; border-color:#c5d9c7; }
html#etc-ds[data-etc-theme="dark"] #etc-account.etc-acc--center .etc-acc__feature--messages { background:#203e2e; border-color:#476e54; }
#etc-account.etc-acc--center .etc-acc__feature-top { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; margin-bottom:22px; }
#etc-account.etc-acc--center .etc-acc__feature-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--acc-line-2); border-radius:50%; color:var(--acc-green); font-size:19px; }
#etc-account.etc-acc--center .etc-acc__message-state,#etc-account.etc-acc--center .etc-acc__feature-number { font-size:11px; color:var(--acc-muted); text-align:right; }
#etc-account.etc-acc--center .etc-acc__feature > strong { font-size:27px; font-weight:650; letter-spacing:-.025em; line-height:1.2; }
#etc-account.etc-acc--center .etc-acc__feature-description { display:block; font-size:14px; line-height:1.6; color:var(--acc-muted); margin:10px 0 24px; max-width:40ch; }
#etc-account.etc-acc--center .etc-acc__feature-go { display:flex; align-items:center; justify-content:space-between; gap:15px; width:100%; margin-top:auto; padding-top:17px; border-top:1px solid var(--acc-line); font-size:13px; font-weight:650; color:var(--acc-green); }
#etc-account.etc-acc--center .etc-acc__feature-go > span { font-size:23px; line-height:1; }
#etc-account.etc-acc--center .etc-acc__feature:hover { border-color:var(--acc-green); }
#etc-account.etc-acc--center .etc-acc__access-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
#etc-account.etc-acc--center .etc-acc__access-grid .etc-acc__card { background:var(--acc-bg-2); }
#etc-account.etc-acc--center .etc-acc__access-grid .fa-arrow-up { transform:rotate(45deg); color:var(--acc-green); font-size:13px; }
#etc-account.etc-acc--center .etc-acc__card { border-radius:12px; padding:17px; gap:12px; box-shadow:none; }
#etc-account.etc-acc--center .etc-acc__card:hover { transform:none; }
#etc-account.etc-acc--center .etc-acc__card-ico { background:transparent; color:var(--acc-green); border:0; width:30px; height:36px; font-size:18px; }
#etc-account.etc-acc--center .etc-acc__card-title { font-size:14px; font-weight:650; }
#etc-account.etc-acc--center .etc-acc__card-desc { font-size:12px; }
#etc-account.etc-acc--center .etc-acc__support-line { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:18px 0 0; color:var(--acc-muted); font-size:12px; line-height:1.6; }
#etc-account.etc-acc--center .etc-acc__support-line strong { color:var(--acc-text); }
#etc-account.etc-acc--center .etc-acc__support-line > div { display:flex; gap:18px; align-items:center; }
#etc-account.etc-acc--center .etc-acc__support-line a { color:var(--acc-green); font-weight:650; }
#etc-account.etc-acc--center .etc-acc__support-new { display:flex; gap:10px; align-items:center; padding:8px 12px; border:1px solid var(--acc-line-2); border-radius:8px; text-decoration:none; }
#etc-account.etc-acc--center .etc-acc__finance { display:grid; gap:24px; scroll-margin-top:20px; }
#etc-account.etc-acc--center .etc-acc__finance--offers { grid-template-columns:1fr 1fr; }
#etc-account.etc-acc--center .etc-acc__panel { padding:22px; box-shadow:none; }
#etc-account.etc-acc--center .etc-acc__bonus-val { color:var(--acc-green); }
#etc-account.etc-acc--center .etc-acc__bonus-note { font-size:12px; }
#etc-account.etc-acc--center .etc-acc__settings-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#etc-account.etc-acc--center .etc-acc__tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#etc-account.etc-acc--center .etc-acc__order-head { color:var(--acc-text); }
#etc-account.etc-acc--center .etc-acc__order-status { max-width:100%; white-space:normal; }
#etc-account.etc-acc--center .etc-acc__order-actions { flex-wrap:wrap; }
#etc-account.etc-acc--center a:focus-visible,#etc-account.etc-acc--center button:focus-visible { outline:3px solid var(--acc-green); outline-offset:3px; }
#etc-account.etc-acc--center #partner-stickers { margin-bottom:36px; }
@media(max-width:767px) {
  #etc-account.etc-acc--center .etc-acc__wrap { padding:24px 18px 44px; }
  #etc-account.etc-acc--center .etc-acc__hero { align-items:flex-start; gap:24px; }
  #etc-account.etc-acc--center .etc-acc__metrics { width:100%; }
  #etc-account.etc-acc--center .etc-acc__metric { padding:0 20px 0 0; min-width:130px; }
  #etc-account.etc-acc--center .etc-acc__metric + .etc-acc__metric { padding-left:20px; }
  #etc-account.etc-acc--center .etc-acc__primary-grid,#etc-account.etc-acc--center .etc-acc__finance--offers { grid-template-columns:1fr; }
  #etc-account.etc-acc--center .etc-acc__feature { padding:22px; }
  #etc-account.etc-acc--center .etc-acc__feature-top { margin-bottom:16px; }
  #etc-account.etc-acc--center .etc-acc__feature > strong { font-size:26px; }
  #etc-account.etc-acc--center .etc-acc__feature-description { margin-bottom:18px; max-width:none; }
  #etc-account.etc-acc--center .etc-acc__settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #etc-account.etc-acc--center .etc-acc__finance { gap:0; }
}
@media(max-width:479px) {
  #etc-account.etc-acc--center .etc-acc__access-grid,#etc-account.etc-acc--center .etc-acc__settings-grid,#etc-account.etc-acc--center .etc-acc__tools-grid { grid-template-columns:1fr; gap:10px; }
  #etc-account.etc-acc--center .etc-acc__section-head { gap:2px; margin-bottom:12px; }
  #etc-account.etc-acc--center .etc-acc__section-head .etc-acc__h2 { margin-bottom:0; }
  #etc-account.etc-acc--center .etc-acc__jump { gap:4px 16px; }
  #etc-account.etc-acc--center .etc-acc__feature-top { gap:8px; }
  #etc-account.etc-acc--center .etc-acc__support-line > div { flex-wrap:wrap; }
}
/* Period statistics: authoritative order totals, independent currency rows. */
#etc-account.etc-acc--center .etc-acc__activity { scroll-margin-top:20px; }
#etc-account.etc-acc--center .etc-acc__periods { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 18px; }
html#etc-ds#etc-ds#etc-ds#etc-ds #etc-account.etc-acc--center .etc-acc__periods a { display:block; padding:9px 13px; min-height:38px; border:1px solid var(--acc-line); border-radius:8px; background:var(--acc-bg)!important; color:var(--acc-muted)!important; font-size:12px; font-weight:650; text-decoration:none!important; }
html#etc-ds#etc-ds#etc-ds#etc-ds #etc-account.etc-acc--center .etc-acc__periods a[aria-current="true"] { background:var(--acc-green)!important; border-color:var(--acc-green)!important; color:var(--acc-bg)!important; }
#etc-account.etc-acc--center .etc-acc__stat-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:12px; margin:0 0 12px; }
#etc-account.etc-acc--center .etc-acc__stat { display:flex; flex-direction:column; gap:10px; min-width:0; padding:22px; border:1px solid var(--acc-line); border-radius:12px; background:var(--acc-bg); }
#etc-account.etc-acc--center .etc-acc__stat--total { background:var(--acc-bg-2); border-color:var(--acc-line-2); }
#etc-account.etc-acc--center .etc-acc__stat > span { color:var(--acc-muted); font-size:12px; font-weight:650; }
#etc-account.etc-acc--center .etc-acc__stat > strong { color:var(--acc-text); font-size:clamp(22px,2.2vw,32px); line-height:1.3; letter-spacing:-.025em; font-weight:650; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
#etc-account.etc-acc--center .etc-acc__stat--total > strong { color:var(--acc-green); }
#etc-account.etc-acc--center .etc-acc__stat > small { color:var(--acc-muted); font-size:11px; margin-top:auto; }
#etc-account.etc-acc--center .etc-acc__activity-caption { color:var(--acc-muted); font-size:11px; line-height:1.6; margin:14px 0 0; }
#etc-account.etc-acc--center .etc-acc__activity-note { color:var(--acc-muted); font-size:12px; line-height:1.6; margin:10px 0; }
#etc-account.etc-acc--center .etc-acc__activity-empty { display:flex; flex-direction:column; gap:8px; padding:24px; background:var(--acc-bg-2); border:1px dashed var(--acc-line-2); border-radius:12px; }
#etc-account.etc-acc--center .etc-acc__activity-empty strong { color:var(--acc-text); font-size:16px; }
#etc-account.etc-acc--center .etc-acc__activity-empty span { color:var(--acc-muted); font-size:12px; line-height:1.6; }
@media(max-width:767px) {
 #etc-account.etc-acc--center .etc-acc__stat-grid { grid-template-columns:1fr 1fr; }
 #etc-account.etc-acc--center .etc-acc__stat--total { grid-column:1/-1; }
 #etc-account.etc-acc--center .etc-acc__stat { padding:18px; }
}
@media(max-width:379px) {
 #etc-account.etc-acc--center .etc-acc__stat-grid { grid-template-columns:1fr; }
 #etc-account.etc-acc--center .etc-acc__periods { gap:6px; }
 html#etc-ds#etc-ds#etc-ds#etc-ds #etc-account.etc-acc--center .etc-acc__periods a { padding:8px 10px; }
}

/* Legacy offer text uses fixed grey; keep it readable within the account theme. */
html#etc-ds#etc-ds#etc-ds#etc-ds[data-etc-theme="dark"] #etc-account #pc-offer-account .pc-offer__row,
html#etc-ds#etc-ds#etc-ds#etc-ds[data-etc-theme="dark"] #etc-account #pc-offer-account .pc-offer__note { color:var(--acc-muted)!important; }
