.mb-bots{max-width:1180px;margin:0 auto;padding:28px 20px 80px}.mb-bot-dot-open,.mb-bot-open{--tone:var(--green-400)}.mb-bot-busy,.mb-bot-dot-busy{--tone:var(--negative-500,#d64545)}.mb-bot-dot-offline,.mb-bot-offline{--tone:var(--ink-500)}.mb-bots-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-bottom:22px}.mb-bots-head h1{font-family:var(--font-heading);font-size:32px;font-weight:800;letter-spacing:.01em;color:var(--ink-900)}.mb-bots-live{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--ink-500)}.mb-bots-live-dot{width:9px;height:9px;border-radius:50%;background:var(--green-400);box-shadow:0 0 0 0 rgba(105,191,79,.6);animation:mb-bots-pulse 2.4s ease-out infinite}@keyframes mb-bots-pulse{0%{box-shadow:0 0 0 0 rgba(105,191,79,.55)}70%{box-shadow:0 0 0 7px rgba(105,191,79,0)}to{box-shadow:0 0 0 0 rgba(105,191,79,0)}}.mb-bots-legend{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.mb-bots-legend-item{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-700)}.mb-bots-legend-count{font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--ink-900);background:var(--bg-page-alt);border:1px solid var(--border-mid);border-radius:6px;padding:1px 7px}.mb-bot-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--tone);box-shadow:0 0 8px -1px var(--tone)}.mb-bot-dot-offline{box-shadow:none}.mb-bots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}.mb-bot-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px 16px 16px;background:var(--bg-panel);border:1px solid var(--border-mid);border-left:3px solid var(--tone);border-radius:12px;box-shadow:0 2px 0 rgba(26,20,12,.1);transition:transform .12s,box-shadow .12s,border-color .12s}.mb-bot-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(26,20,12,.18)}.mb-bot-offline{opacity:.62}.mb-bot-portrait{width:54px;height:54px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--bg-page-alt);border:2px solid var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 18%,transparent),0 0 14px -2px var(--tone)}.mb-bot-face{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 18%;object-position:center 18%;display:block}.mb-bot-offline .mb-bot-portrait{box-shadow:none}.mb-bot-offline .mb-bot-face{filter:grayscale(1) brightness(.72)}.mb-bot-body{min-width:0}.mb-bot-name{font-size:16px;color:var(--ink-900);line-height:1.2;overflow-wrap:anywhere}.mb-bot-name,.mb-bot-pill{font-family:var(--font-heading);font-weight:700}.mb-bot-pill{margin-top:7px;display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-800);background:color-mix(in srgb,var(--tone) 12%,var(--bg-page-alt));border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);border-radius:9999px;padding:4px 10px 4px 8px}.mb-bots-note{margin-top:24px;font-family:var(--font-body);font-size:14px;color:var(--ink-500);max-width:640px}.mb-bots-note strong{color:var(--green-600)}@media (max-width:720px){.mb-bots{padding:18px 12px 60px}.mb-bots-head h1{font-size:26px}.mb-bots-grid{grid-template-columns:1fr;gap:10px}.mb-bot-card{padding:12px;gap:11px}.mb-bot-portrait{width:46px;height:46px}.mb-bot-name{font-size:14.5px}}