/* v3.52 — DjimlyStore account navigation rebuilt from compact visual reference.
   All three modules use consistent svg icon outlines, real counts only. */
body.v335-account #accountScreen .ds352-account-benefits,
body.v335-account #accountScreen .ds352-orders-card,
body.v335-account #accountScreen .ds352-service-card {background:var(--card,#fff)!important;border:1px solid var(--bdr,#e6eaf0)!important;border-radius:16px!important;box-shadow:0 3px 18px rgba(17,24,39,.025)!important;min-width:0!important;width:100%!important;margin:0!important;overflow:hidden!important}
body.v335-account #accountScreen .ds352-account-benefits{order:4!important;padding:6px 7px 0!important}
body.v335-account #accountScreen .ds352-orders-card{order:5!important;padding:10px 8px 12px!important}
body.v335-account #accountScreen .ds352-service-card{order:6!important;padding:12px 4px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;align-items:start!important}
body.v335-account #accountScreen .ds352-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
body.v335-account #accountScreen .ds352-metrics .ds352-metric{min-width:0!important;min-height:77px!important;border:0!important;background:transparent!important;text-decoration:none!important;color:var(--txt,#101827)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;cursor:pointer!important;font-size:12px!important;padding:8px 2px!important;font-weight:700!important;font-family:inherit!important;position:relative!important;text-align:center!important;line-height:1.15!important}
body.v335-account #accountScreen .ds352-metric-primary{display:flex!important;align-items:center!important;justify-content:center!important;height:32px!important;min-height:32px!important;color:var(--txt,#16233a)!important}
body.v335-account #accountScreen .ds352-metrics .ds352-metric:has(.ds352-metric-value:not(:empty)) .ds352-metric-primary{display:none!important}
body.v335-account #accountScreen .ds352-metric-value{font-size:clamp(12px,3.5vw,18px)!important;letter-spacing:-.045em;font-weight:900!important;line-height:32px!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;font-variant-numeric:tabular-nums}
body.v335-account #accountScreen .ds352-metric-value:empty{display:none!important}
body.v335-account #accountScreen .ds352-metric-label{font-size:clamp(9px,2.7vw,12px)!important;font-weight:750!important;color:var(--txt,#111827)!important;line-height:1.25!important;white-space:normal!important}
body.v335-account #accountScreen .ds352-svg{width:32px!important;height:32px!important;min-width:0!important;min-height:0!important;display:block!important;fill:none!important;overflow:visible!important;flex-shrink:0!important}
body.v335-account #accountScreen .ds352-metric .ds352-svg{width:28px!important;height:28px!important}
body.v335-account #accountScreen .ds352-coupon-note{margin:0 4px 8px;padding:8px 10px;background:#f7f9fd;border:1px solid #edf0f5;border-radius:9px;color:#294363;font-size:11px;line-height:1.35}
body.v335-account #accountScreen .ds352-coupon-note[hidden]{display:none!important}
body.v335-account #accountScreen .ds352-orders-card .v-account-order-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0!important;padding:6px 9px 8px!important;border:0!important}
body.v335-account #accountScreen .ds352-orders-card .v-account-order-head h3{font-size:clamp(15px,4.3vw,19px)!important;letter-spacing:-.03em;color:var(--txt,#111827)!important;font-weight:900!important;margin:0!important}
body.v335-account #accountScreen .ds352-orders-card .v-account-order-head button{padding:5px 0!important;background:none!important;border:0!important;color:#8390a5!important;white-space:nowrap!important;font-size:clamp(11px,3vw,13px)!important;font-weight:700!important;cursor:pointer!important}
body.v335-account #accountScreen .ds352-orders-card .v-order-states{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;min-width:0!important}
body.v335-account #accountScreen .ds352-orders-card .v-order-states button,
body.v335-account #accountScreen .ds352-service-card>a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;max-width:100%!important;min-height:78px!important;padding:5px 1px!important;text-align:center!important;line-height:1.2!important;font-size:clamp(9px,2.5vw,12px)!important;font-weight:750!important;color:var(--txt,#152036)!important;border:0!important;background:transparent!important;text-decoration:none!important;cursor:pointer!important;overflow-wrap:normal!important}
body.v335-account #accountScreen .ds352-status-icon,
body.v335-account #accountScreen .ds352-icon-wrap{position:relative!important;width:44px!important;height:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;margin:0 auto!important;overflow:visible!important;color:var(--txt,#141f33)!important}
body.v335-account #accountScreen .ds352-icon-wrap .ds352-svg,
body.v335-account #accountScreen .ds352-status-icon .ds352-svg{width:32px!important;height:32px!important}
body.v335-account #accountScreen .ds352-service-card .ds352-robot{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important;border-radius:50%!important;display:block!important;margin:0!important}
body.v335-account #accountScreen .ds352-item-label{display:block!important;font-size:inherit!important;line-height:1.25!important;font-weight:800!important;max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto!important}
body.v335-account #accountScreen .ds352-count{position:absolute!important;right:-1px!important;top:-1px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;background:#fff!important;border:1.4px solid #14233e!important;border-radius:999px!important;color:#14233e!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:900!important;font-variant-numeric:tabular-nums;line-height:1!important}
body.v335-account #accountScreen .ds352-count[hidden]{display:none!important}
body.v335-account #accountScreen .ds352-orders-card button:active,
body.v335-account #accountScreen .ds352-service-card a:active,
body.v335-account #accountScreen .ds352-metric:active{transform:scale(.96)}
body.v335-account #accountScreen .ds352-orders-card :is(button,a):focus-visible,
body.v335-account #accountScreen .ds352-service-card a:focus-visible,
body.v335-account #accountScreen .ds352-metric:focus-visible{outline:2px solid #176de5!important;outline-offset:2px!important;border-radius:8px!important}
@media(max-width:355px){body.v335-account #accountScreen .ds352-orders-card{padding-left:5px!important;padding-right:5px!important}body.v335-account #accountScreen .ds352-item-label{font-size:9px!important}body.v335-account #accountScreen .ds352-service-card{padding-left:2px!important;padding-right:2px!important}body.v335-account #accountScreen .ds352-icon-wrap,body.v335-account #accountScreen .ds352-status-icon{width:40px!important;height:40px!important;flex-basis:40px!important}}
@media(min-width:750px){body.v335-account #accountScreen .ds352-orders-card,body.v335-account #accountScreen .ds352-account-benefits,body.v335-account #accountScreen .ds352-service-card{padding-left:16px!important;padding-right:16px!important}body.v335-account #accountScreen .ds352-service-card{padding-top:15px!important;padding-bottom:16px!important}}
@media(prefers-reduced-motion:reduce){body.v335-account #accountScreen .ds352-orders-card button,body.v335-account #accountScreen .ds352-service-card a{transition:none!important}}

/* Explicit flex order avoids old versioned account CSS interleaving sections. */
body.v335-account #accountScreen .ds352-account-benefits{order:4!important}
body.v335-account #accountScreen .ds352-orders-card{order:5!important}
body.v335-account #accountScreen .ds352-service-card{order:6!important}
body.v335-account #accountScreen .acct-wallet-card{order:7!important}
body.v335-account #accountScreen #accountGiftCards{order:8!important}
body.v335-account #accountScreen .ds49-discovery{order:9!important}
body.v335-account #accountScreen #vPreferencesDisclosure{order:10!important}
body.v335-account #accountScreen .ds352-account-benefits,
body.v335-account #accountScreen .ds352-orders-card,
body.v335-account #accountScreen .ds352-service-card{box-sizing:border-box!important}

[data-theme="dark"] body.v335-account #accountScreen .ds352-account-benefits,
[data-theme="dark"] body.v335-account #accountScreen .ds352-orders-card,
[data-theme="dark"] body.v335-account #accountScreen .ds352-service-card{background:var(--card,#151f30)!important}
[data-theme="dark"] body.v335-account #accountScreen .ds352-count{background:var(--card,#151f30)!important;color:var(--txt,#eef4ff)!important;border-color:var(--txt,#eef4ff)!important}