.dashboard-body__content {
  background: hsl(var(--body-bg)) !important;
  color: hsl(var(--body-color));
}

.customer-account-logo { display:flex; justify-content:center; margin:0 0 28px; }
.customer-account-logo img { width:150px; max-height:70px; object-fit:contain; }
.customer-account-nav { display:grid; gap:7px; }
.customer-account-nav a,
.customer-account-nav button { min-height:48px; display:flex; align-items:center; gap:12px; padding:0 15px; border:0; border-radius:8px; color:hsl(var(--body-color)); background:transparent; font:600 14px/1.2 Arial; text-align:left; text-decoration:none; }
.customer-account-nav i { font-size:21px; }
.customer-account-nav b { margin-left:auto; padding:3px 7px; border-radius:10px; background:hsl(var(--main)/.14); color:hsl(var(--main)); font-size:11px; }
.customer-account-nav a.active,
.customer-account-nav a:hover { color:#fff; background:hsl(var(--main)); }
.customer-account-nav button { margin-top:20px; color:hsl(var(--danger)); background:hsl(var(--danger)/.12); }

.customer-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
.customer-heading span { color:hsl(var(--main)); font-size:12px; font-weight:800; letter-spacing:.08em; }
.customer-heading h1 { margin:4px 0 5px; color:hsl(var(--heading-color)); font-size:30px; }
.customer-heading p { margin:0; color:hsl(var(--body-color)); }
.customer-heading>a,
.customer-empty>a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 17px; border-radius:7px; color:#fff; background:hsl(var(--main)); text-decoration:none; font-weight:700; }

.customer-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.customer-stats article,
.customer-panel,
.customer-download { border:1px solid hsl(var(--border-color)); background:hsl(var(--white)); box-shadow:var(--box-shadow); }
.customer-stats article { min-width:0; padding:22px; border-radius:8px; }
.customer-stats i { color:hsl(var(--main)); font-size:28px; }
.customer-stats strong,
.customer-stats span { display:block; }
.customer-stats strong { margin:13px 0 4px; color:hsl(var(--heading-color)); font-size:24px; overflow-wrap:anywhere; }
.customer-stats span { color:hsl(var(--body-color)); font-size:13px; }

.customer-panel { padding:24px; border-radius:8px; }
.customer-panel__heading h2 { margin:0 0 4px; color:hsl(var(--heading-color)); font-size:20px; }
.customer-panel__heading p { margin:0 0 18px; color:hsl(var(--body-color)); }
.customer-table-wrap { overflow-x:auto; }
.customer-orders { width:100%; border-collapse:collapse; color:hsl(var(--body-color)); }
.customer-orders th,
.customer-orders td { padding:14px; border-bottom:1px solid hsl(var(--border-color)); text-align:left; }
.customer-orders th { color:hsl(var(--body-color)); font-size:12px; text-transform:uppercase; }
.customer-orders td strong { color:hsl(var(--heading-color)); }
.customer-orders td strong,
.customer-orders td small { display:block; }
.customer-orders td small { margin-top:3px; color:hsl(var(--body-color)); opacity:.8; }
.customer-status { display:inline-flex; padding:5px 9px; border-radius:12px; font-size:11px; font-weight:800; text-transform:capitalize; }
.customer-status--paid { color:#08784b; background:#e8f8f1; }
.customer-status--pending,
.customer-status--unpaid { color:#8a4c00; background:#fff4e5; }
.customer-status--failed,
.customer-status--refunded { color:#b72d47; background:#ffedf0; }
.customer-link { color:hsl(var(--main)); font-weight:700; }
.customer-muted { color:hsl(var(--body-color)); opacity:.8; }

.customer-downloads { display:grid; gap:14px; }
.customer-download { display:grid; grid-template-columns:54px 1fr auto; align-items:center; gap:15px; padding:18px; border-radius:8px; }
.customer-download>div { width:54px; height:54px; display:grid; place-items:center; border-radius:8px; color:hsl(var(--main)); background:hsl(var(--main)/.12); font-size:26px; }
.customer-download strong { color:hsl(var(--heading-color)); }
.customer-download strong,
.customer-download span { display:block; }
.customer-download span { margin-top:4px; color:hsl(var(--body-color)); font-size:12px; }
.customer-download>a { padding:10px 14px; border-radius:7px; color:#fff; background:hsl(var(--main)); text-decoration:none; font-weight:700; }
.customer-empty { padding:40px; text-align:center; }
.customer-empty>i { color:hsl(var(--main)); font-size:52px; opacity:.65; }
.customer-empty h2 { margin:12px 0 5px; color:hsl(var(--heading-color)); }
.customer-empty p { color:hsl(var(--body-color)); }

.customer-profile-form { max-width:720px; display:grid; gap:18px; }
.customer-profile-form label span { display:block; margin-bottom:7px; color:hsl(var(--heading-color)); font-weight:700; }
.customer-profile-form input { width:100%; height:48px; padding:0 13px; border:1px solid hsl(var(--border-color)); border-radius:7px; background:hsl(var(--white)); color:hsl(var(--heading-color)); font:inherit; }
.customer-profile-form input[readonly] { color:hsl(var(--body-color)); background:hsl(var(--section-bg)); }
.customer-profile-form button { width:max-content; min-height:44px; padding:0 18px; border:0; border-radius:7px; color:#fff; background:hsl(var(--main)); font-weight:700; }
.customer-feedback { padding:12px; border-radius:7px; color:#08784b; background:#e8f8f1; }
.customer-feedback.error { color:#b72d47; background:#ffedf0; }

[data-theme=light] .customer-status--paid,
[data-theme=light] .customer-feedback { color:#8ce7bc; background:#153d30; }
[data-theme=light] .customer-status--pending,
[data-theme=light] .customer-status--unpaid { color:#ffd08a; background:#46351d; }
[data-theme=light] .customer-status--failed,
[data-theme=light] .customer-status--refunded,
[data-theme=light] .customer-feedback.error { color:#ffabb9; background:#471f28; }

@media(max-width:1100px) { .customer-stats { grid-template-columns:repeat(2,1fr); } }
@media(max-width:767px) {
  .customer-heading { align-items:flex-start; flex-direction:column; }
  .customer-heading h1 { font-size:25px; }
  .customer-stats { grid-template-columns:1fr 1fr; gap:12px; }
  .customer-stats article { padding:16px; }
  .customer-stats strong { font-size:20px; }
  .customer-panel { padding:15px; }
  .customer-download { grid-template-columns:46px 1fr; }
  .customer-download>div { width:46px; height:46px; }
  .customer-download>a { grid-column:1/-1; text-align:center; }
  .customer-orders th,
  .customer-orders td { padding:11px 9px; }
}
@media(max-width:430px) { .customer-stats { grid-template-columns:1fr; } .customer-orders { min-width:620px; } }