/* Discovery marks (John, 2026-09-30): one small mark language, the same on a grid tile and a radar bubble.
   Fade = not here now. Chat tab = your chat with him (08-map-polish.css). Status icon. Plane = just visiting. */
.dm-badge{
  --dm-c:#7fe0ff;
  display:inline-grid; place-items:center; flex:0 0 auto;
  width:20px; height:20px; border-radius:50%;
  background:#0a1622f2; border:1.5px solid var(--dm-c); color:var(--dm-c);
  box-shadow:0 1px 4px #00000080;
}
.dm-badge svg{ width:12px; height:12px; fill:currentColor }
.dm-badge.dm-visit{ --dm-c:#c9adff }
.dm-badge.dm-i-custom svg{ width:11px; height:11px }

/* Radar: top left of the bubble (the chat tab is top right, New is top centre). */
.arc-profile .dm-marks{
  position:absolute; top:-4%; left:-11%; z-index:4;
  display:flex; flex-direction:column; gap:2px; pointer-events:none;   /* down the left rim, clear of New and the chat tab */
}
.arc-profile.dm-small .dm-marks,.stack-behind .dm-marks{ display:none }

/* Grid: a row in the strip under the picture, never on it. */
.grid-profile .dm-row{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:5px; max-width:100% }
.dm-ago{
  display:inline-block; min-width:22px; padding:0 6px; border-radius:9px; text-align:center;
  font-size:11px; font-weight:700; line-height:18px; letter-spacing:.01em;
  color:#b3c3ce; background:#0f2230; border:1px solid #2a4150;
}
.dm-ago.is-now{ color:#6fffa4; border-color:#37ff8b66 }
.grid-profile .dm-row .grid-intent{ margin:0; max-width:100% }
.grid-intent.dm-has-icon{ display:inline-flex; align-items:center; gap:4px; padding-left:2px; min-width:0 }
.grid-intent.dm-has-icon .dm-badge{ box-shadow:none }

/* Fade: the picture, more the longer ago; the marks stay crisp. Pixi reads the same numbers from data-dm-fade. */
.grid-profile.dm-fade-1>.grid-image,.arc-profile.dm-fade-1 .avatar{ opacity:.72 }
.grid-profile.dm-fade-2>.grid-image,.arc-profile.dm-fade-2 .avatar{ opacity:.48 }
.grid-intent.dm-has-icon .dm-words{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

/* His own status chip carries the plane while he is visiting. */
.intent-chip .dm-badge.dm-mini{ width:18px; height:18px; margin-left:6px; box-shadow:none }
.intent-chip .dm-badge.dm-mini svg{ width:11px; height:11px }

/* Status sheet: Just visiting */
.dm-visit-sheet{ margin:18px 0 4px; padding-top:14px; border-top:1px solid #ffffff14 }
.dm-visit-until{ display:flex; align-items:center; gap:10px; margin:10px 0 0 4px }
.dm-visit-until[hidden]{ display:none }
.dm-visit-until label{ font-size:14px; color:#c9dae5 }
.dm-visit-until input[type=date]{ min-height:44px; flex:1 1 auto; max-width:220px }

/* His profile sheet */
.dm-visiting-line{ display:flex; align-items:center; gap:8px; margin:0 0 12px; font-size:14px; font-weight:600; color:#e2d6ff }

/* Help legend */
.legend .dm-legend .dm-badge{ box-shadow:none }
.dm-legend-icons{ display:inline-flex; gap:3px; flex:none }
.swatch.dm-legend-fade{ background:linear-gradient(90deg,#9fb0bb 0 33%,#9fb0bbb8 33% 66%,#9fb0bb7a 66%); box-shadow:none; width:26px; border-radius:8px }

/* The Filters button: how many filters are on, as a badge on its top right corner (only while Filters is on). */
.discovery-filters .filters-chip.solo{ position:relative }
.discovery-filters .filters-chip.solo b{
  position:absolute; top:-6px; right:-6px; z-index:2;
  min-width:20px; height:20px; padding:0 5px; border-radius:10px;
  display:inline-grid; place-items:center;
  background:#7fe0ff; color:#0a1622; border:2px solid #0a1622;
  font-size:11px; font-weight:800; line-height:1;
}