/* ============================================================
   Belong — component signature layer.  Loaded AFTER base.css.
   The foundation pass removed the template tells (fonts, wordmark,
   mono discipline). This layer ADDS belong's recognizable signature
   to the shared classes the bundle components & screens use.
   Restrained by design — a quiet system.
   ============================================================ */

/* — Resolve signature: the systemwide card-highlight ("prepared by belong" mark).
     INTERIM DEFAULT (2026-06-30): Stone-sunken well — the card is recessed into a
     Stone well (faint --bg2 fill, firmer border, inset shadow); raised white peers
     read against it. Replaces the apricot wash while the team picks between three
     finalists — Stone Sunken · Elevation · Apricot Wash. Review side-by-side at
     ui_kits/belong-candidate-app/start-highlight-options.html. Propagates to every
     .resolve surface (ProfileCard, candidate Requests, Dashboard, MobileScreens,
     AnonOutput) + StatTile accent.
     ↩ TO REVERT to the apricot wash, restore this single rule to:
       .resolve { background: var(--apricot-wash); border-color: var(--apricot-border); } — */
.resolve {
  background: var(--bg2);
  border-color: var(--border-mid);
  box-shadow: inset 0 2px 6px rgba(12,44,42,.10), inset 0 1px 2px rgba(12,44,42,.05);
}

/* — The reconstitution atom: belong's micro-mark (the wordmark dot,
     recurring across stamps / empty states / headers).
     Forest by default; apricot ONLY as an active/processing signal. — */
.belong-atom {
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--forest);
  vertical-align: middle;
  flex: none;
}
.belong-atom--signal { background: var(--apricot); }

/* — Data stamp: the mono data voice ("belong · aufbereitet 23.06.2026"). — */
.stamp {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: .02em;
  color: var(--text-faint);
  font-variant-numeric: tabular-nums;
}

/* — Skill chips: key competencies carry the apricot signal
     (Stellenzuschnitt — "these are the role-relevant ones").
     Systemic version of the ProfileCard inline treatment. — */
.skill {
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  color: var(--text-secondary);
  background: var(--stone-sunken);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 5px 10px;
}
.skill--key {
  color: var(--apricot-deep);
  background: var(--apricot-faint);
  border-color: var(--apricot-border);
}

/* — Buttons: restrained press, no bounce (motion is quiet). — */
.btn:active:not(:disabled) { transform: translateY(.5px); }

/* — Selectable cards / rows lift a touch on hover (Forest-tinted, subtle). — */
.card--interactive {
  cursor: pointer;
  transition: box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.card--interactive:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--border-mid);
}

/* — Quiet brand scrollbar. — */
* { scrollbar-width: thin; scrollbar-color: var(--border-mid) transparent; }
*::-webkit-scrollbar { width: 11px; height: 11px; }
*::-webkit-scrollbar-thumb {
  background: var(--border-mid);
  border-radius: 999px;
  border: 3px solid var(--paper);
}
*::-webkit-scrollbar-track { background: transparent; }