.tmp-addon-directory { padding: 8px 0; }
.tmp-addon-directory-header { margin-bottom: 18px; }
.tmp-addon-directory-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:18px; }
.tmp-addon-directory-card { background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); border:1px solid #d8e3ef; border-radius:20px; padding:20px; box-shadow:0 16px 34px rgba(15,23,42,.08); }
.tmp-addon-directory-top { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:12px; }
.tmp-employee-role-line { color:#0f172a; font-size:.92rem; font-weight:700; margin-top:4px; }
.tmp-employee-bio-preview { color:#475569; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tmp-employee-more { margin-top:10px; }
.tmp-employee-more summary { cursor:pointer; color:#0f766e; font-weight:700; }
.tmp-addon-availability { display:inline-flex; align-items:center; border-radius:999px; padding:6px 10px; font-size:.82rem; font-weight:700; }
.tmp-addon-availability-available { background:#dcfce7; color:#166534; }
.tmp-addon-availability-busy { background:#fef3c7; color:#92400e; }
.tmp-addon-availability-off { background:#e2e8f0; color:#334155; }