/* =========================================================================
   AGENT — dimuat HANYA di single-agent & archive-agent (conditional).
   ========================================================================= */

/* ---------- ARCHIVE FILTER BAR ---------- */
.rep-agent-filter-bar { display: flex; gap: var(--rep-space-2); flex-wrap: wrap; margin-bottom: var(--rep-space-4); }
.rep-agent-filter-bar select { padding: .6em 1em; border: 1px solid var(--rep-color-border); border-radius: var(--rep-radius-input); font-family: inherit; }

/* ---------- AGENT CARD ---------- */
.rep-agent-card { text-align: center; padding: var(--rep-space-3); position: relative; }
.rep-agent-card__photo { display: block; width: 96px; height: 96px; margin: 0 auto var(--rep-space-2); border-radius: 50%; overflow: hidden; }
.rep-agent-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.rep-agent-card__placeholder { width: 100%; height: 100%; background: var(--rep-color-surface-alt); border-radius: 50%; }
.rep-agent-card__type { margin-bottom: 8px; }
.rep-agent-card__name { font-size: 1rem; margin-bottom: 2px; }
.rep-agent-card__position { font-size: .8125rem; color: var(--rep-color-muted); margin: 0 0 6px; }
.rep-agent-card__areas { font-size: .8rem; color: var(--rep-color-muted); margin: 0 0 6px; }
.rep-agent-card__stats { font-size: .75rem; color: var(--rep-color-accent); font-weight: 600; margin: 0 0 10px; }
.rep-agent-card__actions { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; }

/* ---------- PROFILE HEADER ---------- */
.rep-agent-profile-header { display: flex; gap: var(--rep-space-4); align-items: flex-start; padding-block: var(--rep-space-4); flex-wrap: wrap; }
.rep-agent-profile-header__photo { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.rep-agent-profile-header__photo img { width: 100%; height: 100%; object-fit: cover; }
.rep-agent-profile-header__name { font-size: 1.75rem; margin: 8px 0 4px; }
.rep-agent-profile-header__position { color: var(--rep-color-muted); margin-bottom: var(--rep-space-2); }
.rep-agent-profile-header__tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: var(--rep-space-2); }
.rep-agent-profile-header__stats { display: flex; gap: var(--rep-space-4); margin-bottom: var(--rep-space-3); font-size: .875rem; }
.rep-agent-profile-header__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: var(--rep-space-2); }
.rep-agent-profile-header__social { display: flex; gap: 8px; }

/* ---------- SALES TEAM TREE ---------- */
.rep-team-tree { list-style: none; margin: 0 0 0 24px; padding: 0; }
.rep-property-section > .rep-team-tree { margin-left: 0; }
.rep-team-tree__member { display: flex; align-items: center; gap: 10px; padding: 10px 0; }
.rep-team-tree__photo { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; display: block; flex-shrink: 0; }
.rep-team-tree__photo img { width: 100%; height: 100%; object-fit: cover; }
.rep-team-tree__name { display: block; font-weight: 600; }
.rep-team-tree__position { display: block; font-size: .8rem; color: var(--rep-color-muted); }