/* Scoped presentation; native metrics remain mounted for data updates and desktop. */
@layer wuim-user-summary-mobile {
 @media(max-width:700px), (max-width:1100px) and (pointer:coarse) {
  #userSummaryView.uss-mobile,.uss-dialog {--uss-bg:#f7f8fc!important;--uss-panel:#fff!important;--uss-text:#182338!important;--uss-muted:#5c6a7e!important;--uss-line:#dce2ec!important;--uss-accent:#6655f5!important;--uss-tint:#efedff!important;--uss-good:#137655!important;--uss-bad:#b53339!important;}
  html[data-theme="dark"] :is(#userSummaryView.uss-mobile,.uss-dialog) {--uss-bg:#0f1726!important;--uss-panel:#151f30!important;--uss-text:#edf2fa!important;--uss-muted:#a0aec2!important;--uss-line:#2c394c!important;--uss-accent:#998dff!important;--uss-tint:#29244b!important;--uss-good:#68d8ad!important;--uss-bad:#ff928b!important;}
  main:has(> #userSummaryView.uss-mobile:not(.is-hidden)) {padding-right:max(calc(16 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-right,0px))!important;padding-bottom:calc(20 * var(--wuim-mobile-unit, 1px))!important;padding-left:max(calc(16 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-left,0px))!important;background:#f7f8fc!important;}
  html[data-theme="dark"] main:has(> #userSummaryView.uss-mobile:not(.is-hidden)) {background:#0f1726!important;}
  #userSummaryView.uss-mobile {width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:var(--uss-bg)!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
  #userSummaryView.uss-mobile > :not(.uss-shell) {display:none!important;}
  .uss-shell,.uss-dialog {font:400 calc(14 * var(--wuim-mobile-unit, 1px))/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--uss-text)!important;}
  .uss-shell {display:block!important;min-width:0!important;width:100%!important;padding:0 0 env(safe-area-inset-bottom,0px)!important;}
  :is(.uss-shell,.uss-dialog) * {box-sizing:border-box!important;}
  :is(.uss-shell,.uss-dialog) :is(h1,h2,p) {margin:0!important;color:var(--uss-text)!important;}
  :is(.uss-shell,.uss-dialog) h2 {font-size:calc(15 * var(--wuim-mobile-unit, 1px))!important;line-height:1.4!important;font-weight:650!important;}
  :is(.uss-shell,.uss-dialog) button {font-family:inherit!important;font-size:inherit!important;font-weight:500!important;line-height:1.4!important;letter-spacing:normal!important;text-transform:none!important;transform:none!important;box-shadow:none!important;cursor:pointer!important;touch-action:manipulation!important;min-width:0!important;margin:0!important;color:var(--uss-text)!important;}
  :is(.uss-shell,.uss-dialog) :is(button,summary):focus-visible {outline:2px solid var(--uss-accent)!important;outline-offset:calc(3 * var(--wuim-mobile-unit, 1px))!important;}
  :is(.uss-shell,.uss-dialog) svg {width:calc(18 * var(--wuim-mobile-unit, 1px))!important;height:calc(18 * var(--wuim-mobile-unit, 1px))!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important;}
  :is(.uss-shell,.uss-dialog) strong {font-weight:650!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important;}
  .uss-shell :is(.uss-result,.uss-money,.uss-chart-panel) {background:var(--uss-panel)!important;border:1px solid var(--uss-line)!important;border-radius:calc(14 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-result {display:block!important;width:100%!important;padding:calc(16 * var(--wuim-mobile-unit, 1px))!important;text-align:left!important;}
  .uss-shell .uss-result-title {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;color:var(--uss-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-result-title svg {width:calc(14 * var(--wuim-mobile-unit, 1px))!important;height:calc(14 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-result-value {display:block!important;margin:calc(8 * var(--wuim-mobile-unit, 1px)) 0 2px!important;font-size:calc(32 * var(--wuim-mobile-unit, 1px))!important;line-height:1.2!important;letter-spacing:-.calc(7 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell small {font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;color:var(--uss-muted)!important;font-weight:400!important;}
  .uss-shell .uss-breakdown {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;margin-top:calc(14 * var(--wuim-mobile-unit, 1px))!important;padding-top:calc(12 * var(--wuim-mobile-unit, 1px))!important;border-top:1px solid var(--uss-line)!important;}
  .uss-shell .uss-breakdown > span {min-width:0!important;}
  .uss-shell .uss-breakdown :is(small,strong) {display:block!important;}
  .uss-shell .uss-breakdown strong {font-size:calc(14 * var(--wuim-mobile-unit, 1px))!important;margin-top:calc(4 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-money-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;margin-top:calc(10 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-money {display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:calc(7 * var(--wuim-mobile-unit, 1px))!important;padding:calc(13 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(86 * var(--wuim-mobile-unit, 1px))!important;text-align:left!important;}
  .uss-shell .uss-money > span {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;color:var(--uss-muted)!important;}
  .uss-shell .uss-money strong {font-size:clamp(calc(18 * var(--wuim-mobile-unit, 1px)),5vw,calc(21 * var(--wuim-mobile-unit, 1px)))!important;line-height:1.2!important;}
  .uss-shell .uss-cash {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) calc(14 * var(--wuim-mobile-unit, 1px))!important;align-items:center!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;width:100%!important;min-height:calc(52 * var(--wuim-mobile-unit, 1px))!important;padding:calc(10 * var(--wuim-mobile-unit, 1px)) 2px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;}
  .uss-shell .uss-cash span {font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;color:var(--uss-muted)!important;}
  .uss-shell .uss-cash strong {color:var(--uss-text)!important;display:inline-block!important;}
  .uss-shell .uss-cash svg {width:calc(14 * var(--wuim-mobile-unit, 1px))!important;height:calc(14 * var(--wuim-mobile-unit, 1px))!important;color:var(--uss-muted)!important;}
  .uss-shell .uss-chart-panel {padding:calc(12 * var(--wuim-mobile-unit, 1px)) calc(14 * var(--wuim-mobile-unit, 1px)) calc(14 * var(--wuim-mobile-unit, 1px))!important;margin:0!important;overflow:hidden!important;}
  .uss-shell .uss-chart-head {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:calc(6 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-periods {display:flex!important;flex:none!important;gap:0!important;}
  .uss-shell .uss-periods button {display:grid!important;place-items:center!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;min-width:calc(44 * var(--wuim-mobile-unit, 1px))!important;padding:0 calc(5 * var(--wuim-mobile-unit, 1px))!important;border:0!important;border-radius:calc(8 * var(--wuim-mobile-unit, 1px))!important;background:transparent!important;color:var(--uss-muted)!important;font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-periods button[aria-pressed="true"] {background:var(--uss-tint)!important;color:var(--uss-accent)!important;font-weight:650!important;}
  .uss-shell .uss-chart-empty {min-height:calc(118 * var(--wuim-mobile-unit, 1px))!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;text-align:center!important;color:var(--uss-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.6!important;max-width:calc(270 * var(--wuim-mobile-unit, 1px))!important;margin:0 auto!important;}
  .uss-shell .uss-chart-empty svg {width:calc(24 * var(--wuim-mobile-unit, 1px))!important;height:calc(24 * var(--wuim-mobile-unit, 1px))!important;opacity:.7!important;}
  .uss-shell .uss-trend-value {display:flex!important;align-items:baseline!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;margin:calc(10 * var(--wuim-mobile-unit, 1px)) 0 calc(6 * var(--wuim-mobile-unit, 1px))!important;flex-wrap:wrap!important;}
  .uss-shell .uss-trend-value strong {font-size:calc(22 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-chart-button {display:block!important;width:100%!important;height:calc(110 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(110 * var(--wuim-mobile-unit, 1px))!important;padding:0!important;border:0!important;border-radius:calc(4 * var(--wuim-mobile-unit, 1px))!important;background:transparent!important;}
  .uss-shell svg.uss-chart {display:block!important;width:100%!important;height:calc(110 * var(--wuim-mobile-unit, 1px))!important;overflow:visible!important;}
  .uss-shell .uss-trend {stroke:var(--uss-accent)!important;stroke-width:2.5!important;fill:none!important;}
  .uss-shell .uss-zero {stroke:var(--uss-line)!important;stroke-width:1!important;stroke-dasharray:3 4!important;}
  .uss-shell .uss-marker {fill:var(--uss-accent)!important;stroke:var(--uss-panel)!important;stroke-width:1.5!important;}
  .uss-shell .uss-chart-dates {display:flex!important;justify-content:space-between!important;color:var(--uss-muted)!important;font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-shell .uss-chart-detail {font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;color:var(--uss-muted)!important;margin-top:calc(10 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(32 * var(--wuim-mobile-unit, 1px))!important;line-height:1.5!important;}
  .uss-shell .uss-activity {margin:calc(10 * var(--wuim-mobile-unit, 1px)) 0 0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--uss-line)!important;background:transparent!important;border-radius:0!important;}
  .uss-shell .uss-activity summary {display:flex!important;align-items:center!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(48 * var(--wuim-mobile-unit, 1px))!important;list-style:none!important;cursor:pointer!important;color:var(--uss-text)!important;font-weight:600!important;}
  .uss-shell .uss-activity summary::after {content:none!important;}
  .uss-shell .uss-activity summary::-webkit-details-marker {display:none!important;}
  .uss-shell .uss-activity summary small {margin-left:auto!important;}
  .uss-shell .uss-activity summary svg {width:calc(15 * var(--wuim-mobile-unit, 1px))!important;height:calc(15 * var(--wuim-mobile-unit, 1px))!important;color:var(--uss-muted)!important;}
  .uss-shell .uss-activity[open] summary svg {transform:rotate(180deg)!important;}
  :is(.uss-shell,.uss-dialog) .uss-row {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:calc(16 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;padding:calc(10 * var(--wuim-mobile-unit, 1px)) 0!important;border-top:1px solid var(--uss-line)!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;}
  :is(.uss-shell,.uss-dialog) .uss-row span {color:var(--uss-muted)!important;}
  :is(.uss-shell,.uss-dialog) .uss-row strong {text-align:right!important;}
  .uss-shell .uss-positive {color:var(--uss-good)!important;}
  .uss-shell .uss-negative {color:var(--uss-bad)!important;}
  body.uss-dialog-open {overflow:hidden!important;}
  .uss-dialog {position:fixed!important;inset:0!important;z-index:1400!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;background:rgba(11,18,32,.4)!important;padding:max(calc(12 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-top,0px)) 0 0!important;}
  .uss-sheet {width:100%!important;max-width:calc(520 * var(--wuim-mobile-unit, 1px))!important;max-height:100%!important;overflow:auto!important;overscroll-behavior:contain!important;padding:calc(12 * var(--wuim-mobile-unit, 1px)) max(calc(18 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-right,0px)) max(calc(24 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-bottom,0px)) max(calc(18 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-left,0px))!important;border-radius:calc(20 * var(--wuim-mobile-unit, 1px)) calc(20 * var(--wuim-mobile-unit, 1px)) 0 0!important;background:var(--uss-panel)!important;border:1px solid var(--uss-line)!important;}
  .uss-sheet-head {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;margin-bottom:calc(10 * var(--wuim-mobile-unit, 1px))!important;}
  .uss-dialog .uss-close {display:grid!important;place-items:center!important;width:calc(44 * var(--wuim-mobile-unit, 1px))!important;height:calc(44 * var(--wuim-mobile-unit, 1px))!important;min-width:calc(44 * var(--wuim-mobile-unit, 1px))!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--uss-bg)!important;}
  .uss-dialog .uss-sheet-content p {font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;color:var(--uss-muted)!important;line-height:1.6!important;margin-bottom:calc(16 * var(--wuim-mobile-unit, 1px))!important;}
 }
}