/* Asset operations dashboard: scoped to #asset-monitor-section. */
.asset-monitor-page .live-wallet-panel {
  overflow: hidden;
  background:
    radial-gradient(circle at 84% -10%, rgba(45, 190, 181, .19), transparent 34%),
    radial-gradient(circle at 3% 15%, rgba(52, 205, 145, .12), transparent 30%),
    linear-gradient(140deg, #071d29 0%, #0a2631 48%, #0d1e34 100%);
  border: 1px solid rgba(91, 225, 178, .2);
  box-shadow: 0 28px 70px rgba(1, 12, 24, .24);
}

.asset-monitor-page .live-wallet-head {
  padding: 20px 24px 16px;
}

.asset-monitor-page .live-wallet-head h2 {
  margin: 5px 0 4px;
  color: #f0fbf8;
  font-size: clamp(20px, 2vw, 28px);
  letter-spacing: -.03em;
}

.asset-monitor-page .live-wallet-head p:not(.eyebrow) {
  max-width: 680px;
  color: #83a4a8;
  font-size: 11px;
}

.asset-monitor-page .live-wallet-stats.asset-cockpit-kpis {
  display: grid;
  grid-template-columns: 1.35fr repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0 24px;
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
}

.asset-monitor-page .asset-cockpit-kpis .asset-kpi {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 82px;
  padding: 13px 14px;
  border: 1px solid rgba(159, 214, 209, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .045);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.asset-monitor-page .asset-cockpit-kpis .asset-kpi.is-primary {
  border-color: rgba(78, 225, 164, .3);
  background: linear-gradient(145deg, rgba(49, 207, 147, .16), rgba(255, 255, 255, .035));
}

.asset-monitor-page .asset-cockpit-kpis .asset-kpi.is-risk.has-alert {
  border-color: rgba(243, 185, 76, .35);
  background: linear-gradient(145deg, rgba(243, 185, 76, .11), rgba(255, 255, 255, .035));
}

.asset-monitor-page .asset-kpi > span {
  color: #87a9aa;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
}

.asset-monitor-page .asset-kpi > strong {
  overflow: hidden;
  color: #e9f8f4;
  font-size: 20px;
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-monitor-page .asset-kpi.is-primary > strong { color: #6ee9ae; font-size: 24px; }
.asset-monitor-page .asset-kpi > small { overflow: hidden; color: #66888d; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.asset-monitor-page .asset-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .9fr);
  gap: 10px;
  margin: 14px 24px 0;
}

.asset-monitor-page .asset-intelligence-panel {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(159, 214, 209, .11);
  border-radius: 13px;
  background: rgba(2, 15, 25, .38);
}

.asset-panel-header,
.asset-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.asset-panel-header > div:first-child,
.asset-section-header > div:first-child { display: grid; gap: 4px; min-width: 0; }
.asset-panel-header small,
.asset-section-header small { color: #5ec9b4; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.asset-panel-header strong,
.asset-section-header strong { color: #e9f8f4; font-size: 13px; }
.asset-panel-header > em,
.asset-section-header > span { color: #78979b; font-size: 9px; font-style: normal; white-space: nowrap; }

.asset-trend-tabs { display: flex; gap: 4px; padding: 3px; border: 1px solid rgba(158, 214, 209, .12); border-radius: 8px; background: rgba(255, 255, 255, .035); }
.asset-trend-tabs button { min-height: 24px; padding: 3px 8px; color: #759397; background: transparent; border: 0; border-radius: 6px; font-size: 9px; }
.asset-trend-tabs button.is-active { color: #071c1c; background: #66e1ae; font-weight: 800; }

.asset-trend-summary { display: flex; align-items: baseline; gap: 10px; padding: 18px 2px 4px; }
.asset-trend-summary > strong { color: #e8faf4; font-size: 25px; letter-spacing: -.04em; }
.asset-trend-summary > span { font-size: 11px; }
.asset-trend-summary > span.is-up { color: #62e3a9; }
.asset-trend-summary > span.is-down { color: #ff8b9b; }
.asset-trend-summary > span.is-neutral { color: #809da0; }
.asset-trend-summary > small { margin-left: auto; color: #66858a; font-size: 8px; }

.asset-trend-chart-wrap { min-height: 194px; margin-top: 3px; }
.asset-trend-chart { display: block; width: 100%; height: 194px; overflow: visible; }
.asset-trend-chart text { fill: #6f8f94; font-size: 10px; }
.asset-trend-grid line { stroke: rgba(165, 220, 212, .1); stroke-dasharray: 3 5; }
.asset-trend-area { fill: url(#assetTrendFill); fill: rgba(67, 215, 161, .1); }
.asset-trend-line { fill: none; stroke: #55dfaa; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 3px 7px rgba(74, 223, 168, .25)); }
.asset-trend-point { fill: #0b2530; stroke: #68e8b3; stroke-width: 3; }

.asset-health-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.asset-health-grid > div { display: grid; gap: 4px; min-width: 0; padding: 12px; border: 1px solid rgba(159, 214, 209, .08); border-radius: 10px; background: rgba(255, 255, 255, .035); }
.asset-health-grid span { color: #769398; font-size: 9px; }
.asset-health-grid strong { overflow: hidden; color: #dff4ee; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.asset-health-grid small { overflow: hidden; color: #617e84; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.asset-health-grid .is-up { color: #60e3a8; }
.asset-health-grid .is-down { color: #ff8798; }

.asset-chain-ranking-panel { margin: 12px 24px 0; padding: 15px; border: 1px solid rgba(159, 214, 209, .11); border-radius: 13px; background: rgba(2, 15, 25, .38); }
.asset-chain-ranking-list { display: grid; gap: 5px; margin-top: 12px; }
.asset-chain-rank-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; color: #dff1ed; text-align: left; background: rgba(255, 255, 255, .03); border: 1px solid transparent; border-radius: 9px; }
.asset-chain-rank-row:hover, .asset-chain-rank-row:focus-visible { background: rgba(81, 225, 164, .08); border-color: rgba(81, 225, 164, .25); outline: 0; }
.asset-chain-rank-index { color: #5bbca8; font: 800 10px ui-monospace, Consolas, monospace; }
.asset-chain-rank-main { display: grid; gap: 4px; min-width: 0; }
.asset-chain-rank-main strong { color: #e8faf5; font-size: 11px; }
.asset-chain-rank-main small { overflow: hidden; color: #69878d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.asset-chain-rank-main i { display: block; height: 4px; overflow: hidden; background: rgba(255, 255, 255, .08); border-radius: 999px; }
.asset-chain-rank-main i b { display: block; height: 100%; background: linear-gradient(90deg, #43d69a, #38bfd0); border-radius: inherit; }
.asset-chain-rank-value { display: grid; justify-items: end; gap: 3px; }
.asset-chain-rank-value strong { color: #64e4aa; font-size: 11px; }
.asset-chain-rank-value small { color: #84a3a4; font-size: 9px; }

.asset-monitor-page .asset-monitor-tools { grid-template-columns: minmax(240px, 1.7fr) repeat(4, minmax(105px, .65fr)) minmax(170px, 1fr) minmax(120px, .7fr); align-items: end; margin: 14px 24px 0; padding: 12px; border: 1px solid rgba(159, 214, 209, .11); border-radius: 12px; background: rgba(2, 15, 25, .4); }
.asset-monitor-page .asset-monitor-tools label { display: grid; gap: 5px; color: #78999d; font-size: 8px; font-weight: 800; letter-spacing: .05em; }
.asset-monitor-page .asset-monitor-tools input, .asset-monitor-page .asset-monitor-tools select { width: 100%; min-height: 34px; padding: 7px 9px; color: #eaf9f4; background: rgba(255, 255, 255, .055); border: 1px solid rgba(159, 214, 209, .14); border-radius: 8px; outline: 0; font: inherit; font-size: 10px; }
.asset-monitor-page .asset-monitor-tools input:focus, .asset-monitor-page .asset-monitor-tools select:focus { border-color: rgba(84, 226, 166, .6); box-shadow: 0 0 0 3px rgba(84, 226, 166, .1); }
.asset-monitor-page .asset-monitor-tools select option { color: #14252e; background: #fff; }
.asset-range-field > div { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.asset-tool-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; min-height: 34px; white-space: nowrap; }
.asset-tool-actions > span { color: #809da0; font-size: 9px; }
.asset-tool-actions .secondary { min-height: 32px; padding: 6px 9px; color: #c9e9df; background: rgba(255, 255, 255, .05); border: 1px solid rgba(159, 214, 209, .14); border-radius: 7px; font-size: 9px; }
.asset-tool-actions .secondary:hover { color: #fff; background: rgba(70, 214, 157, .14); border-color: rgba(70, 214, 157, .34); }

.asset-table-panel { margin: 12px 24px 0; padding: 15px; border: 1px solid rgba(159, 214, 209, .11); border-radius: 13px; background: rgba(2, 15, 25, .4); }
.asset-table-scroll { margin-top: 12px; overflow-x: auto; border: 1px solid rgba(159, 214, 209, .09); border-radius: 10px; }
.asset-wallet-table { width: 100%; min-width: 920px; border-collapse: collapse; color: #dcefea; }
.asset-wallet-table th { padding: 10px 11px; color: #66868b; background: rgba(255, 255, 255, .035); border-bottom: 1px solid rgba(159, 214, 209, .11); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-align: left; white-space: nowrap; }
.asset-wallet-table td { padding: 11px; border-bottom: 1px solid rgba(159, 214, 209, .075); font-size: 10px; vertical-align: middle; }
.asset-wallet-table tbody tr:last-child td { border-bottom: 0; }
.asset-wallet-table-row { transition: background .16s ease; }
.asset-wallet-table-row:hover { background: rgba(73, 215, 160, .065); }
.asset-wallet-table-row.has-risk { box-shadow: inset 2px 0 #e7b650; }
.asset-wallet-table-row[data-live-wallet-open] { cursor: pointer; }
.asset-wallet-cell-main { display: flex; align-items: center; gap: 9px; min-width: 190px; }
.asset-table-rank { color: #57baa7; font: 800 9px ui-monospace, Consolas, monospace; }
.asset-wallet-cell-main > div { display: grid; gap: 4px; min-width: 0; }
.asset-wallet-cell-main strong { display: block; max-width: 220px; overflow: hidden; color: #ecfaf6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.asset-table-address { max-width: 190px; overflow: hidden; padding: 0; color: #76989b; background: transparent; border: 0; font: 9px ui-monospace, Consolas, monospace; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.asset-table-address:hover, .asset-table-address:focus-visible { color: #65e3aa; outline: 0; }
.asset-chain-pills { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; min-width: 130px; }
.asset-chain-badge { padding: 3px 6px; color: #9ed8ca; background: rgba(70, 198, 159, .08); border: 1px solid rgba(70, 198, 159, .18); border-radius: 999px; font-size: 8px; white-space: nowrap; }
button.asset-chain-badge { cursor: pointer; }
button.asset-chain-badge:hover { color: #e4fff5; background: rgba(70, 198, 159, .16); }
.asset-chain-pills > small { color: #6d8b90; font-size: 8px; }
.asset-table-value { display: block; color: #66e3a9; font-size: 12px; white-space: nowrap; }
.asset-wallet-table td > small, .asset-wallet-table td time { display: block; margin-top: 4px; color: #6e8b90; font-size: 8px; white-space: nowrap; }
.asset-wallet-table td .is-up { color: #5fe1a7; }
.asset-wallet-table td .is-down { color: #ff8798; }
.asset-risk-badge { display: inline-flex; padding: 4px 7px; border-radius: 999px; font-size: 8px; white-space: nowrap; }
.asset-risk-badge.is-healthy { color: #70dda9; background: rgba(70, 211, 153, .09); border: 1px solid rgba(70, 211, 153, .18); }
.asset-risk-badge.is-risk { color: #f4cc78; background: rgba(236, 180, 67, .1); border: 1px solid rgba(236, 180, 67, .23); }
.asset-risk-badge.is-pending { color: #92a7a9; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); }
.asset-table-action { padding: 5px 7px; color: #9bdcc8; background: rgba(70, 211, 153, .07); border: 1px solid rgba(70, 211, 153, .18); border-radius: 6px; font-size: 8px; white-space: nowrap; }
.asset-table-action:hover { color: #fff; background: rgba(70, 211, 153, .16); }
.asset-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 5px; min-height: 36px; padding-top: 10px; color: #78969a; font-size: 9px; }
.asset-pagination button { min-width: 26px; min-height: 25px; padding: 3px 7px; color: #92b5b1; background: rgba(255, 255, 255, .04); border: 1px solid rgba(159, 214, 209, .12); border-radius: 6px; font-size: 9px; }
.asset-pagination button.is-active { color: #05221b; background: #5ee0a8; border-color: #5ee0a8; font-weight: 800; }
.asset-pagination button:disabled { cursor: default; opacity: .4; }

.asset-advanced-panel { margin: 12px 24px 0; border: 1px solid rgba(159, 214, 209, .1); border-radius: 11px; background: rgba(2, 15, 25, .3); }
.asset-advanced-panel > summary { padding: 12px 14px; }
.asset-advanced-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 12px 12px; }
.asset-advanced-grid > .asset-depth-panel, .asset-advanced-grid > .asset-intelligence-panel, .asset-advanced-grid > .chain-sync-diagnostics, .asset-advanced-grid > .chain-sync-failure-list { margin: 0; }
.asset-advanced-grid > .asset-token-market-panel, .asset-advanced-grid > .asset-export-center, .asset-advanced-grid > .chain-sync-diagnostics, .asset-advanced-grid > .chain-sync-failure-list { grid-column: 1 / -1; }
.asset-advanced-grid .asset-chain-event-list, .asset-advanced-grid .asset-anomaly-list { max-height: 230px; overflow: auto; }
.asset-advanced-grid .asset-token-market-panel > summary { padding-inline: 12px; }
.asset-advanced-grid .asset-export-center { border: 1px solid rgba(159, 214, 209, .1); border-radius: 10px; }
.asset-advanced-grid .asset-export-center > summary { padding: 11px 12px; }
.asset-advanced-grid .chain-sync-diagnostics { padding: 10px 12px; }
.asset-monitor-page .primary-asset-summary { padding: 10px 12px; }

.asset-monitor-page .live-wallet-panel.is-collapsed .asset-dashboard-grid,
.asset-monitor-page .live-wallet-panel.is-collapsed .asset-chain-ranking-panel,
.asset-monitor-page .live-wallet-panel.is-collapsed .asset-monitor-tools,
.asset-monitor-page .live-wallet-panel.is-collapsed .asset-table-panel,
.asset-monitor-page .live-wallet-panel.is-collapsed .asset-advanced-panel { display: none; }

#detail {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(680px, 100vw);
  height: 100vh;
  max-height: none;
  margin: 0;
  padding: 26px;
  overflow: auto;
  border: 1px solid rgba(107, 220, 177, .2);
  border-right: 0;
  border-radius: 20px 0 0 20px;
  background: linear-gradient(145deg, #0b1d2a, #102a34 55%, #0f2035);
  box-shadow: -24px 0 70px rgba(0, 10, 22, .35);
  animation: asset-drawer-in .22s ease both;
}
#detail::backdrop { background: rgba(1, 8, 15, .58); backdrop-filter: blur(5px); }
#detail h2, #detail h3 { color: #eafaf5; }
#detail .profile-subtitle, #detail .eyebrow { color: #7faaa6; }

@keyframes asset-drawer-in { from { transform: translateX(24px); opacity: .5; } to { transform: translateX(0); opacity: 1; } }

@media (max-width: 1360px) {
  .asset-monitor-page .live-wallet-stats.asset-cockpit-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .asset-monitor-page .asset-monitor-tools { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .asset-monitor-page .asset-search-field, .asset-monitor-page .asset-range-field, .asset-monitor-page .asset-tool-actions { grid-column: span 2; }
}

@media (max-width: 980px) {
  .asset-monitor-page .asset-dashboard-grid { grid-template-columns: 1fr; }
  .asset-advanced-grid { grid-template-columns: 1fr; }
  .asset-advanced-grid > .asset-token-market-panel, .asset-advanced-grid > .asset-export-center, .asset-advanced-grid > .chain-sync-diagnostics, .asset-advanced-grid > .chain-sync-failure-list { grid-column: auto; }
}

@media (max-width: 720px) {
  .asset-monitor-page .live-wallet-head, .asset-monitor-page .live-wallet-stats.asset-cockpit-kpis, .asset-monitor-page .asset-dashboard-grid, .asset-monitor-page .asset-chain-ranking-panel, .asset-monitor-page .asset-monitor-tools, .asset-monitor-page .asset-table-panel, .asset-monitor-page .asset-advanced-panel { margin-inline: 12px; }
  .asset-monitor-page .live-wallet-head { padding-inline: 0; }
  .asset-monitor-page .live-wallet-stats.asset-cockpit-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .asset-monitor-page .asset-monitor-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .asset-monitor-page .asset-search-field, .asset-monitor-page .asset-range-field, .asset-monitor-page .asset-tool-actions { grid-column: 1 / -1; }
  .asset-trend-summary { flex-wrap: wrap; }
  .asset-trend-summary > small { width: 100%; margin-left: 0; }
  #detail { width: 100vw; border-right: 0; border-radius: 0; }
}

@media (max-width: 480px) {
  .asset-monitor-page .live-wallet-stats.asset-cockpit-kpis, .asset-monitor-page .asset-monitor-tools { grid-template-columns: 1fr; }
  .asset-monitor-page .asset-search-field, .asset-monitor-page .asset-range-field, .asset-monitor-page .asset-tool-actions { grid-column: auto; }
  .asset-monitor-page .asset-trend-tabs button { padding-inline: 6px; }
  .asset-chain-rank-row { grid-template-columns: 23px minmax(0, 1fr) auto; gap: 7px; }
}