/* affiliates.css — v72 Affiliates section (fuel-card referral partners).
   Left panel card in the affiliates map view + the Affiliates directory mode.
   Tier tints: Trade #1D7A8C · Community #C2410C · unclassified grey. */

/* ── the affiliates view: swap the carrier filter panel for the affiliates card ── */
body.aff-view #panel { display: none; }
#affPanel {
  /* replaces the filter panel (right side) — the LEFT stays company-panel territory */
  position: absolute; top: 58px; right: var(--s-4); z-index: var(--z-panel);
  width: 296px; max-height: calc(100vh - 78px); overflow-y: auto;
  background: var(--panel); border: 1px solid var(--line);
  border-radius: var(--radius-card); box-shadow: var(--elev-2);
  padding: var(--s-4); font-size: 13px;
}
.aff-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: var(--s-2); }
.aff-head b { font-size: 15px; letter-spacing: .2px; }
.aff-n { font-family: var(--font-mono); font-size: 12px; color: var(--text-dim); }
.aff-blurb { color: var(--text-dim); line-height: 1.45; margin-bottom: var(--s-3); }
.aff-blurb a { color: var(--text); }
.aff-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 6px; }
.aff-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px;
  border: 1px solid var(--line); border-radius: 999px; background: none;
  font: inherit; font-size: 12px; color: var(--text); cursor: pointer;
}
.aff-chip b { font-family: var(--font-mono); font-weight: 600; font-size: 11px; color: var(--text-dim); }
.aff-chip.on { border-color: var(--text); box-shadow: inset 0 0 0 1px var(--text); }
.aff-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.aff-tierhint { font-size: 11.5px; color: var(--text-dim); margin-bottom: var(--s-3); line-height: 1.4; }
.aff-pipeline { display: flex; flex-direction: column; gap: 4px; margin-bottom: var(--s-3); }
.aff-pl { display: flex; align-items: center; gap: 7px; font-size: 12.5px; }
.aff-pl b { margin-left: auto; font-family: var(--font-mono); font-weight: 600; font-size: 11.5px; }
.aff-dirbtn {
  display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%;
  padding: 9px 10px; border: 1px solid var(--line); border-radius: var(--radius-control);
  background: var(--ink); color: var(--text); font: inherit; font-size: 13px; font-weight: 600;
  cursor: pointer;
}
.aff-dirbtn:hover { border-color: var(--line-soft); }
.aff-syncnote, .aff-disclaimer {
  margin-top: var(--s-3); padding: 8px 10px; border: 1px dashed var(--line);
  border-radius: var(--radius-control); font-size: 11.5px; color: var(--text-dim); line-height: 1.45;
}
.aff-disclaimer { font-size: 13px; }
.aff-foot { margin-top: var(--s-3); font-size: 11px; color: var(--text-dim); }

/* ── affiliate status colors (5-stage pipeline) ──
   new grey · contacted gold · interested teal · signed up green · not interested muted red */
.sp-dot.aff-new       { background: #9aa1ab; }
.sp-dot.aff-contacted { background: var(--gold); }
.sp-dot.aff-interested{ background: #0D9488; }
.sp-dot.aff-signed    { background: #16A34A; }
.sp-dot.aff-ni        { background: #B4544C; }
.status-pill.aff-new        { border-style: dashed; }
.status-pill.aff-contacted  { color: var(--gold-text); border-color: var(--gold-deep); background: rgba(252,210,59,.08); }
.status-pill.aff-interested { color: #0D9488; border-color: #0D9488; background: rgba(13,148,136,.07); }
.status-pill.aff-signed     { color: #15803D; border-color: #16A34A; background: rgba(22,163,74,.08); }
.status-pill.aff-ni         { color: #B4544C; border-color: #B4544C; background: rgba(180,84,76,.07); }

/* v72: status timestamp — "Contacted · Jul 9, 2:14pm" on pills + call-list badges */
.sp-when { font-size: 10.5px; color: var(--text-dim); white-space: nowrap; }

/* ── the Affiliates directory mode: hide carrier-only chrome ── */
#directory.dir-aff .dir-seltools,
#directory.dir-aff #callTally,
#directory.dir-aff #dirAdvBtn,
#directory.dir-aff #dirAdv,
#directory.dir-aff #dirResetBtn,
#directory.dir-aff #dirLinkBtn,
#directory.dir-aff #logExportBtn,
#directory.dir-aff #logImportBtn,
#directory.dir-aff #dirTz,
#directory.dir-aff #bulkBar,
#directory.dir-aff .dir-sortwrap { display: none; }
#directory.dir-aff .aff-addr { max-width: 240px; }
#directory.dir-aff .aff-web a { color: var(--text); }
.aff-tierchip {
  display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 600;
  color: var(--tier); border: 1px solid var(--tier); background: color-mix(in srgb, var(--tier) 8%, transparent);
  white-space: nowrap;
}
.aff-syncnote-row {
  padding: 10px 14px !important; font-size: 11.5px; color: var(--text-dim);
  border-top: 1px dashed var(--line);
}