/* Local Tasker customer-side labels (stage 4C-2). Tokens only. Loaded after tasks.css / profile-pages.css. */
.st-local-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.st-chip--local { background: var(--color-primary-soft); color: var(--color-primary); }
.st-chip--local-phone { background: var(--tone-info-bg); color: var(--color-text); border: 1px solid var(--tone-info-border); }
.st-chip--local svg { width: var(--text-xs); height: var(--text-xs); }
.st-card-media-tag--tr { left: auto; right: var(--space-3); top: var(--space-3); bottom: auto; }
.tp-local-note { font-size: var(--text-base); line-height: 1.7; color: var(--color-text-muted); margin: 0; overflow-wrap: anywhere; }
.lt-live-grid-note { text-align: center; color: var(--color-text-muted); font-size: var(--text-sm); margin-top: var(--space-4); }
.lt-tasker-photo--live { background: var(--color-primary-soft); display: flex; align-items: center; justify-content: center; }
.lt-tasker-initials { font-family: var(--font-heading); font-weight: 700; font-size: var(--text-lg); color: var(--color-primary); }
.lt-tasker-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lt-tasker-photo--live .lt-tasker-badge-phone { z-index: 1; }
.lt-live-tag { display: inline-flex; align-items: center; gap: var(--space-1); background: var(--tone-info-bg); border: 1px solid var(--tone-info-border); color: var(--color-text); font-size: var(--text-xs); font-weight: 700; padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill); margin-bottom: var(--space-2); }
/* The phone layout hides the View Profile button on the sample cards; real cards need it (it is the only way in). */
.lt-tasker-card--live .lt-tasker-body .btn { display: inline-flex; margin-top: var(--space-2); }