/* SmartSites — Profile card (v01) tweak variants. Scoped under .dC .pf.
   Base .ilda / .ild styles come from rb-c-lead.css; this adds the alt elements. */

/* ─── 1 · STATUS HEADER ─── */
/* pill */
.dC .pf-top--pill{align-items:center;}
.dC .pf-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--cobalt);color:#fff;
  font-family:var(--font-title);font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  padding:.42rem .8rem;border-radius:100px;white-space:nowrap;}
.dC .pf-top--pill .ild__src{text-align:right;}
.dC .pf-pill__dot{background:#fff;}
@media (prefers-reduced-motion:no-preference){.dC .pf-pill__dot{animation:none;box-shadow:0 0 0 0 rgba(255,255,255,.6);}}
/* bar — full-bleed strip across the top of the card */
.dC .pf-h-bar.ilda{padding-top:0;}
.dC .pf-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  margin:0 calc(-1 * clamp(1.8rem,3.4vw,2.6rem)) 1.5rem;
  padding:.85rem clamp(1.8rem,3.4vw,2.6rem);background:var(--tint);border-bottom:1px solid var(--line);}
.dC .pf-bar__lab{color:var(--cobalt);white-space:nowrap;}
.dC .pf-bar__src{font-family:var(--font-title);font-size:.8rem;color:var(--ink-3);}

/* ─── 2 · AVATAR ─── */
.dC .pf-tile{position:relative;flex:0 0 60px;width:60px;height:60px;border-radius:16px;display:grid;place-items:center;
  color:#fff;font-family:var(--font-title);font-weight:600;font-size:1.25rem;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--cobalt);}
.dC .pf-tile__chk{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;background:#16a34a;border:2px solid #fff;display:grid;place-items:center;}
.dC .pf-a-photo image-slot{border-radius:50%;overflow:hidden;}

/* ─── PROMINENCE / SIZING (per feedback) ─── */
/* default status header — more predominant */
.dC .pf .ild__new{font-size:.92rem;letter-spacing:.04em;white-space:nowrap;}
.dC .pf .ild__new .ild__dot{width:10px;height:10px;flex:0 0 10px;}
/* avatar + name eased down a touch */
.dC .pf .ild__av{flex:0 0 52px;width:52px;height:52px;font-size:1.1rem;}
.dC .pf-id{align-items:flex-start;}
.dC .pf-who b{font-size:clamp(1.2rem,2.1vw,1.5rem)!important;}
.dC .pf-who__role{display:block;color:var(--ink-3);font-size:.9rem;margin-top:.2rem;}
/* email + phone tucked under the name */
.dC .pf-who__contact{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-top:.6rem;}
.dC .pf-who__c{position:relative;font-size:.88rem;color:var(--ink-2);}
.dC .pf-who__c + .pf-who__c::before{content:"";position:absolute;left:-.5rem;top:.28em;width:1px;height:.9em;background:var(--line-ink);}

/* ─── 3 · TIER (right side) ─── */
.dC .pf-tier{display:flex;align-items:center;gap:.7rem;flex:0 0 auto;}
.dC .pf-tier__badge{width:42px;height:42px;border-radius:11px;background:var(--cobalt);color:#fff;display:grid;place-items:center;
  font-family:var(--font-title);font-weight:700;font-size:1.3rem;flex:0 0 42px;}
.dC .pf-tier__lab{display:flex;flex-direction:column;line-height:1.2;}
.dC .pf-tier__lab b{font-family:var(--font-title);font-weight:600;font-size:.95rem;color:var(--ink);}
.dC .pf-tier__lab{font-size:.74rem;color:var(--ink-3);}
/* pill */
.dC .pf-tpill{flex:0 0 auto;align-self:center;background:var(--cobalt);color:#fff;font-family:var(--font-title);font-weight:700;
  font-size:.86rem;letter-spacing:.02em;padding:.5rem .9rem;border-radius:100px;white-space:nowrap;}
/* ring */
.dC .pf-tring{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:0 0 auto;}
.dC .pf-tring__badge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--cobalt);
  font-family:var(--font-title);font-weight:700;font-size:1.4rem;box-shadow:inset 0 0 0 3px var(--tint-2);}
.dC .pf-tring__lab{font-family:var(--font-title);font-weight:600;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);}

/* ─── 4 · CONTACT FIELDS ─── */
/* rows — label left / value right, hairline divided */
.dC .pf-rows{margin:1.4rem 0;}
.dC .pf-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.92rem;}
.dC .pf-row:last-child{border-bottom:0;}
.dC .pf-row span{color:var(--ink-3);}
.dC .pf-row b{font-family:var(--font-title);font-weight:500;color:var(--ink);text-align:right;word-break:break-word;}
/* stack — uppercase label over value, full width with cobalt accent rule */
.dC .pf-stack{display:flex;flex-direction:column;gap:.9rem;margin:1.5rem 0;}
.dC .pf-scell{padding-left:.9rem;border-left:2px solid var(--tint-2);}
.dC .pf-scell b{display:block;font-family:var(--font-title);font-weight:600;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);}
.dC .pf-scell span{display:block;font-size:.96rem;color:var(--ink);margin-top:.15rem;word-break:break-word;}

/* ─── 5 · FOOTER ─── */
/* button */
.dC .pf-foot--btn{border-top:1px solid var(--line);padding:1.3rem clamp(1.8rem,3.4vw,2.6rem);margin:0 calc(-1 * clamp(1.8rem,3.4vw,2.6rem));}
.dC .pf-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--cobalt);color:#fff;
  font-family:var(--font-title);font-weight:600;font-size:.95rem;padding:.9rem;border-radius:12px;white-space:nowrap;transition:background .2s var(--ease);}
.dC .pf-cta .ic{display:inline-flex;transition:transform .25s var(--ease);}
.dC .pf-cta:hover{background:var(--cobalt-deep);}
.dC .pf-cta:hover .ic{transform:rotate(45deg);}
/* meta — synced strip with timestamp pill */
.dC .pf-meta{display:flex;align-items:center;gap:.6rem;border-top:1px solid var(--line);
  margin:0 calc(-1 * clamp(1.8rem,3.4vw,2.6rem));padding:1.2rem clamp(1.8rem,3.4vw,2.6rem);background:var(--paper);}
.dC .pf-meta__txt{font-size:.86rem;color:var(--ink-2);}
.dC .pf-meta__time{margin-left:auto;font-family:var(--font-title);font-size:.72rem;color:var(--ink-3);background:#fff;border:1px solid var(--line);padding:.25rem .6rem;border-radius:100px;white-space:nowrap;}

/* footer variants sit flush to card bottom (override .ilda padding-bottom:0) */
.dC .pf.ilda{padding-bottom:0;}
.dC .pf-f-check .ild__foot{margin-top:0;}
