/* Build 015 — Assets purchase-wallet + depreciation preview/report polish.
   Uses only centralized semantic theme tokens. */

html.triplem-workspace-themed :is(#assetFormModal,#depAssetFormModal) .asset-wallet-help{
  color:var(--muted) !important;
}

html.triplem-workspace-themed #depAssetFormModal .dep-form-preview{
  background:var(--surface-soft) !important;
  border-color:var(--glass-border) !important;
  color:var(--text) !important;
  box-shadow:inset 0 1px 0 var(--glass-highlight) !important;
}

html.triplem-workspace-themed #depAssetFormModal .dep-preview-grid > div{
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--glass-border) !important;
  border-radius:12px;
  background:var(--card-bg) !important;
  background-image:none !important;
  color:var(--text) !important;
  box-shadow:var(--shadow),inset 0 1px 0 var(--glass-highlight) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));
}

html.triplem-workspace-themed #depAssetFormModal .dep-preview-grid small{
  color:var(--muted) !important;
}

html.triplem-workspace-themed #depAssetFormModal .dep-preview-grid strong{
  color:var(--text-strong,var(--text)) !important;
}

.dep-asset-card .asset-card-dropdown .dep-pdf-menu-item i{
  width:1.05em;
  text-align:center;
}

/* Build 016 — keep the desktop ambient motion on phones that were classified
   low-power only because of memory/CPU heuristics. Explicit reduced-motion
   preferences remain respected. */
@media (prefers-reduced-motion: no-preference){
  html.triplem-low-power .floating-circles .circle{
    animation-name:floatMove !important;
    animation-duration:18s !important;
    animation-timing-function:ease-in-out !important;
    animation-iteration-count:infinite !important;
    animation-direction:alternate !important;
    will-change:transform,opacity !important;
  }
  html.triplem-low-power .floating-circles .circle:nth-child(1){animation-duration:20s !important;animation-delay:0s !important}
  html.triplem-low-power .floating-circles .circle:nth-child(2){animation-duration:17s !important;animation-delay:-2s !important}
  html.triplem-low-power .floating-circles .circle:nth-child(3){animation-duration:22s !important;animation-delay:-5s !important}
  html.triplem-low-power .floating-circles .circle:nth-child(4){animation-duration:19s !important;animation-delay:-1s !important}
  html.triplem-low-power .floating-circles .circle:nth-child(5){animation-duration:16s !important;animation-delay:-4s !important}
  html.triplem-low-power .floating-circles .circle:nth-child(6){animation-duration:21s !important;animation-delay:-3s !important}
  html.triplem-low-power .floating-circles .circle:nth-child(7){animation-duration:15s !important;animation-delay:-6s !important}
  html.triplem-low-power .floating-circles .circle:nth-child(8){animation-duration:23s !important;animation-delay:-2.5s !important}
  html.triplem-low-power .floating-circles .circle:nth-child(9){animation-duration:18s !important;animation-delay:-7s !important}

  html.triplem-low-power .summary-watermark-wallet-logo{
    animation:wallet-card-watermark-pulse 4.6s ease-in-out infinite !important;
    will-change:transform,opacity !important;
  }
  html.triplem-low-power .wallet-float-watermark .wallet-float-logo{
    animation-name:var(--wallet-drift,wallet-drift-0) !important;
    animation-duration:var(--d,22s) !important;
    animation-timing-function:ease-in-out !important;
    animation-delay:var(--delay,0s) !important;
    animation-iteration-count:infinite !important;
    animation-direction:alternate !important;
    will-change:transform,opacity !important;
    opacity:.055 !important;
  }
}

/* Native wallet selectors carry the currency code on every wallet option so
   AED.ttf and SAR.otf are used only for their own explicit currency. USD stays
   on the normal UI font even though its glyph is also $. */
#assetFormWallet option[data-currency="AED"],
#depAssetFormWallet option[data-currency="AED"]{font-family:"TriplemCurrencyAED",Inter,system-ui,sans-serif !important}
#assetFormWallet option[data-currency="SAR"],
#depAssetFormWallet option[data-currency="SAR"]{font-family:"TriplemCurrencySAR",Inter,system-ui,sans-serif !important}
#assetFormWallet option[data-currency="USD"],
#depAssetFormWallet option[data-currency="USD"],
#assetFormWallet option[data-currency="PKR"],
#depAssetFormWallet option[data-currency="PKR"],
#assetFormWallet option[data-currency="BTC"],
#depAssetFormWallet option[data-currency="BTC"]{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important}


/* Build 001 requested motion repair: keep Expenses ambient motion composited on
   phones while preserving explicit reduced-motion accessibility preferences. */
@media (prefers-reduced-motion: no-preference){
  #expensesPanel .summary-watermark-wallet-logo{
    transform-origin:50% 50% !important;
    animation:expense-wallet-logo-breathe 4.2s ease-in-out infinite !important;
    animation-play-state:running !important;
    will-change:transform,opacity !important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  #expensesPanel .wallet-float-watermark .wallet-float-logo{
    animation-name:var(--wallet-drift,wallet-drift-0) !important;
    animation-duration:var(--d,22s) !important;
    animation-delay:var(--delay,0s) !important;
    animation-timing-function:ease-in-out !important;
    animation-iteration-count:infinite !important;
    animation-direction:alternate !important;
    animation-play-state:running !important;
    will-change:transform,opacity !important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  html.triplem-low-power #expensesPanel .wallet-float-watermark .wallet-float-logo{
    opacity:.055 !important;
  }
  html.triplem-low-power .floating-circles .circle{
    animation-play-state:running !important;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
}

@keyframes expense-wallet-logo-breathe{
  0%,100%{transform:translate3d(0,0,0) scale(.93);opacity:.075}
  50%{transform:translate3d(0,0,0) scale(1.075);opacity:.12}
}