/* Extra layering for account dashboard using Tailwind utility assumptions */
:root { --brand:#ad0000; }
.dark .wc-account-nav-wrapper { background:#111827; border-color:#1f2937; }
.dark .wc-account-dashboard-custom { background:#1f2430; border-color:#1f2937; }
.dark .wc-account-nav-link { background:#1f2937; border-color:#374151; color:#e5e7eb; }
.dark .wc-account-nav-item.is-active .wc-account-nav-link { background:var(--brand); border-color:#7f0000; }
.dark .wc-account-nav-link .fa { color:var(--brand); }
.dark .wc-account-nav-item.is-active .wc-account-nav-link .fa { color:#fff; }

/* Smooth transitions */
.wc-account-nav-link, .wc-account-nav-item.is-active .wc-account-nav-link { transition:background .25s,border-color .25s,color .25s,box-shadow .25s; }

/* Dashboard metric cards (we'll apply utility classes inline but add fallback) */
.account-metrics { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); margin-bottom:2rem; }
.account-metric { position:relative; overflow:hidden; border-radius:1rem; background:#fff; border:1px solid #e5e7eb; padding:1rem 1.1rem; display:flex; flex-direction:column; justify-content:space-between; min-height:120px; }
.account-metric:hover { box-shadow:0 8px 24px -8px rgba(0,0,0,.15); }
.account-metric .metric-icon { width:40px; height:40px; border-radius:.9rem; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:600; background:linear-gradient(135deg,#fff,#f3f4f6); color:var(--brand); box-shadow:0 4px 12px -2px rgba(0,0,0,.08); }
.dark .account-metric { background:#1f2937; border-color:#374151; }
.dark .account-metric .metric-icon { background:#374151; color:#f87171; box-shadow:none; }
.account-metric .metric-label { font-size:.75rem; letter-spacing:.05em; text-transform:uppercase; font-weight:600; color:#6b7280; margin-top:.5rem; }
.dark .account-metric .metric-label { color:#9ca3af; }
.account-metric .metric-value { font-size:1.5rem; font-weight:700; line-height:1.1; margin-top:.25rem; color:#111827; }
.dark .account-metric .metric-value { color:#f9fafb; }
.account-metric .metric-trend { font-size:.65rem; font-weight:600; margin-top:.35rem; color:#059669; display:flex; align-items:center; gap:4px; }
.account-metric .metric-trend.negative { color:#dc2626; }
.account-metric.is-skeleton .metric-icon { background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6); background-size:200% 100%; animation:skeleton 1.2s linear infinite; color:transparent; }
.account-metric.is-skeleton .metric-value [data-value] { display:inline-block; min-width:1.5rem; background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6); background-size:200% 100%; animation:skeleton 1.2s linear infinite; color:transparent; border-radius:4px; }
.dark .account-metric.is-skeleton .metric-icon, .dark .account-metric.is-skeleton .metric-value [data-value]{ background:linear-gradient(90deg,#374151,#4b5563,#374151); }
@keyframes skeleton {0%{background-position:0 0}100%{background-position:200% 0}}

/* Product list adjustments */
.best-selling-products ul.products { gap:1.25rem; }
.best-selling-products ul.products li.product { border-radius:14px; border:1px solid #e5e7eb; overflow:hidden; }
.dark .best-selling-products ul.products li.product { border-color:#374151; background:#1f2937; }

/* Mobile nav refinement */
@media (max-width:640px){
  .wc-account-nav-wrapper { padding:12px 14px; }
  .wc-account-user-card { margin-bottom:8px; }
}
.recent-orders-widget ul li{transition:background .25s}
.recent-orders-widget ul li:hover{background:rgba(0,0,0,.03)}
.dark .recent-orders-widget ul li:hover{background:rgba(255,255,255,.04)}