.mb-agent { color: #333; font: 14px/1.5 'SFProText', -apple-system, BlinkMacSystemFont, sans-serif; text-align: center; max-width: 540px; margin: 16px auto; }
.mb-agent *, .mb-agent *::before, .mb-agent *::after { box-sizing: border-box; }
.mb-agent[hidden] { display: none !important; }
.mb-agent__row { display: flex; align-items: center; justify-content: center; gap: 6px; }
.mb-agent__copy { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 42px; border: 1px solid #c7c7c7; border-radius: 24px; padding: 9px 14px; background: #fff; color: #333; font: inherit; cursor: pointer; }
.mb-agent__copy svg { flex-shrink: 0; }
.mb-agent__copy svg:first-child { color: #c2410c; }
.mb-agent__copy:hover { background: #fff6f1; border-color: #c2410c; }
.mb-agent__copy:disabled { cursor: wait; }
.mb-agent__dismiss { flex: 0 0 36px; width: 36px; min-height: 36px; padding: 0; border: 1px solid #ddd; border-radius: 50%; background: #fff; color: #595959; font-size: 22px; cursor: pointer; }
.mb-agent button:focus-visible, .mb-agent summary:focus-visible, .mb-agent a:focus-visible, .mb-agent textarea:focus-visible { outline: 3px solid #c2410c; outline-offset: 3px; }
.mb-agent .mb-agent__hint, .mb-agent .mb-agent__status { margin: 8px 0 0; font-size: 12px; color: #595959; }
.mb-agent .mb-agent__status { color: #216342; }
.mb-agent__status:empty { display: none; }
.mb-agent__details { margin-top: 8px; font-size: 12px; }
.mb-agent__details summary { cursor: pointer; width: fit-content; margin: auto; color: #595959; }
.mb-agent__panel { background: #fff; border: 1px solid #ddd; border-radius: 12px; margin-top: 10px; padding: 16px; text-align: left; }
.mb-agent__field-label { display: block; margin-bottom: 8px; font-weight: 600; }
.mb-agent textarea { width: 100%; resize: vertical; min-height: 104px; border: 1px solid #c7c7c7; border-radius: 6px; padding: 10px; font-family: inherit; font-size: 13px; line-height: 1.6; color: #333; background: #fafafa; }
.mb-agent__panel a { color: #b33d13; text-decoration: underline; }
.mb-agent--map { position: absolute; top: 82px; left: 24px; right: 420px; z-index: 3; pointer-events: none; }
.mb-agent--map .mb-agent { pointer-events: auto; background: #fff; border: 1px solid #ebebeb; border-radius: 16px; padding: 12px; width: fit-content; max-width: 100%; margin: auto; }
.server-mobile .mb-agent--map { display: none; }
@media (max-width: 1050px) { .mb-agent--map { right: 24px; } }
@media (max-width: 600px) { .mb-agent { margin: 16px 12px; } .mb-agent__copy { font-size: 12px; padding: 9px 10px; gap: 6px; } .mb-agent__copy svg:last-child { display: none; } }

.welcome-modal .modal:has(.mb-agent) { max-height: calc(100dvh - 32px); overflow-y: auto; }
.welcome-modal .fixed-btn > .mb-agent { width: 100%; max-width: 540px; }