/* =========================================================================
   EMPIRIUM OS — DREAM BANK

   Deliberately thin. The list rows reuse the shared .eo-block / .eo-tabs /
   .eo-view-body / .eo-card kit, so the only things defined here are the ones
   that are specific to this surface: the bucket tint on the chip, the bucket
   group heading in the grouped view, and the pull/risk meter pair.
   ========================================================================= */

.eo-dreams-block{ border-left:2px solid var(--line-bright); }

/* Bucket tint. Now is the only one that earns the working accent, because it
   is the only bucket that competes with the main business; Archive recedes. */
.eo-dreams-chip-now{ border-color:var(--accent); color:var(--accent); }
.eo-dreams-chip-next{ color:var(--text); }
.eo-dreams-chip-later{ color:var(--muted); }
.eo-dreams-chip-someday{ color:var(--faint); }
.eo-dreams-chip-archive{ color:var(--faint); opacity:.7; }

.eo-dreams-group-head{
  display:flex; align-items:baseline; gap:9px;
  margin:18px 0 8px; padding-bottom:6px;
  border-bottom:1px solid var(--line-soft);
}
.eo-dreams-group-head:first-child{ margin-top:0; }
.eo-dreams-group-name{
  color:var(--muted);
  font:600 9.5px/1 var(--font-mono);
  letter-spacing:.12em; text-transform:uppercase;
}
.eo-dreams-group-count{
  padding:2px 7px; border-radius:4px;
  background:rgba(var(--accent-rgb),.08); color:var(--faint);
  font:600 9px/1.4 var(--font-mono);
}

/* The two meters sit side by side and wrap on a narrow column, the same way
   the sliders grid behaves elsewhere in the operator layer. */
.eo-dreams-meters{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px 18px; margin:4px 0 2px;
}

.eo-dreams-detail-foot{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:10px; margin-top:14px; padding-top:12px;
  border-top:1px solid var(--line-soft);
}
.eo-dreams-hint{ color:var(--faint); font-size:12px; }

@media (prefers-reduced-motion: reduce){
  .eo-dreams-block{ transition:none; }
}