/* Compact Elve-inspired density. Asset details remain inside the Passport drawer. */
.asset-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.compact-card {
  appearance: none;
  width: 100%;
  padding: 0;
  text-align: left;
  color: var(--ink);
  border-radius: 14px;
}

.compact-card:hover {
  transform: translateY(-3px);
  border-color: #afbbb5;
  box-shadow: 0 12px 30px rgba(16, 43, 32, 0.1);
}

.compact-card:focus-visible {
  outline: 3px solid rgba(20, 122, 76, 0.28);
  outline-offset: 2px;
}

.compact-card .asset-visual {
  height: 108px;
  display: grid;
  place-items: center;
  padding: 10px;
}

.compact-card .asset-symbol { font-size: 3.1rem; }

.compact-card .method {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  padding: 4px 6px;
  font-size: 0.6rem;
}

.compact-card .asset-body { padding: 10px 11px 11px; }

.compact-card .asset-body h3 {
  font-family: "DM Sans", sans-serif;
  font-size: 0.82rem;
  line-height: 1.25;
  margin: 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compact-card .asset-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.68rem;
}

.compact-card .asset-meta strong {
  font-family: Manrope, sans-serif;
  color: var(--ink);
  font-size: 0.82rem;
}

@media (max-width: 1000px) {
  .asset-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 720px) {
  .asset-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .compact-card .asset-visual { height: 92px; }
  .compact-card .asset-symbol { font-size: 2.6rem; }
  .compact-card .asset-body { padding: 8px; }
  .compact-card .asset-body h3 { font-size: 0.75rem; }
  .compact-card .asset-meta strong { font-size: 0.76rem; }
}

@media (max-width: 420px) {
  .asset-grid { grid-template-columns: repeat(2, 1fr); }
  .compact-card .asset-visual { height: 104px; }
}

/* Day and night schemes */
:root[data-theme="night"] {
  --bg: #0b0d0c;
  --surface: #151816;
  --ink: #f3f5f3;
  --muted: #969d99;
  --line: #303632;
  --green: #50c58a;
  --green2: #3aad77;
  --mint: #183629;
  --shadow: 0 20px 55px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}

:root[data-theme="night"] body,
:root[data-theme="night"] .topbar,
:root[data-theme="night"] .asset-card,
:root[data-theme="night"] .offer-panel,
:root[data-theme="night"] .profile-head,
:root[data-theme="night"] .pending-card,
:root[data-theme="night"] .drawer,
:root[data-theme="night"] .modal,
:root[data-theme="night"] .passport-actions,
:root[data-theme="night"] .icon-button,
:root[data-theme="night"] .quiet,
:root[data-theme="night"] .chip,
:root[data-theme="night"] .search-wrap,
:root[data-theme="night"] .pick-item {
  background-color: var(--surface);
  color: var(--ink);
}

:root[data-theme="night"] .topbar { background: rgba(21, 24, 22, 0.94); }
:root[data-theme="night"] .search-wrap input { background: transparent; color: var(--ink); }
:root[data-theme="night"] .slot { background: #101311; border-color: #3b423e; }
:root[data-theme="night"] .slot.filled { background: var(--mint); }
:root[data-theme="night"] .fact,
:root[data-theme="night"] .condition { background: #202522; }
:root[data-theme="night"] .profile-tabs span { background: #262b28; }
:root[data-theme="night"] .chip.active { background: #eff4f1; border-color: #eff4f1; color: #111713; }
:root[data-theme="night"] .value-strip { background: #202522; }
:root[data-theme="night"] .method { background: rgba(18, 22, 20, 0.9); color: #f4f7f5; }

@media (prefers-reduced-motion: no-preference) {
  body, .topbar, .asset-card, .offer-panel, .profile-head, .drawer, .modal, .icon-button, .quiet, .chip {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }
}