/* The agent inspector shares Space's type, surfaces and interaction sizes. */
body.lw-body .lw-space-profile:not(.is-calling) {
  width: min(360px, 100%);
  box-shadow: -12px 0 36px rgb(16 24 32 / 5%);
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.lw-space-profile:not(.is-calling) .lw-space-profile-head {
  position: sticky; top: 0; z-index: 2; min-height: 54px; box-sizing: border-box;
  align-items: center; justify-content: space-between; padding: 10px 16px;
  background: var(--lw-panel, #fff);
}
.lw-space-profile-eyebrow { color: var(--lw-muted, #6b7076); font-size: 12px; font-weight: 500; }
.lw-space-profile:not(.is-calling) .lw-space-profile-head .lw-space-icon-btn {
  margin-left: auto; width: 34px; height: 34px; border-radius: 8px; border: 1px solid transparent;
}
.lw-space-profile:not(.is-calling) .lw-space-profile-body { padding: 0 20px max(28px, env(safe-area-inset-bottom)); }
.lw-space-profile:not(.is-calling) .lw-space-profile-identity {
  padding: 12px 12px 22px; border-bottom: 0; border-radius: 12px; gap: 8px;
  transition: background .15s ease;
}
.lw-space-profile:not(.is-calling) .lw-spacebar-profile-mark {
  min-height: 104px; margin-bottom: 6px; padding: 8px; box-sizing: border-box;
}
body.lw-body .lw-space-profile:not(.is-calling) .lw-space-profile-identity h2 {
  margin: 0; font-size: 22px; line-height: 1.25; font-weight: 600; letter-spacing: -.025em;
}
.lw-space-profile:not(.is-calling) .lw-space-profile-identity p {
  max-width: 260px; font-size: 13px; line-height: 1.6; text-wrap: pretty;
}
.lw-space-profile:not(.is-calling) .lw-space-actions {
  padding: 4px 0 20px; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lw-space-profile:not(.is-calling) .lw-space-actions button {
  min-height: 70px; padding: 10px 6px; gap: 7px; border-radius: 10px; font-size: 12px;
}
.lw-space-profile:not(.is-calling) .lw-space-action-icon {
  width: 34px; height: 30px; border: 0; border-radius: 0; background: transparent; color: var(--lw-ink, #202328);
}
.lw-space-profile:not(.is-calling) .lw-space-actions button:hover { background: var(--lw-hover, #f4f5f6); }
.lw-space-profile:not(.is-calling) .lw-space-actions button:hover .lw-space-action-icon { background: transparent; color: var(--lw-blue, #326f95); }
.lw-space-profile:not(.is-calling) .lw-space-profile-section { padding-top: 22px; }
body.lw-body .lw-space-profile:not(.is-calling) .lw-space-profile-section > h3 {
  margin: 0 0 12px; color: var(--lw-ink, #202328); font-size: 13px; font-weight: 600; letter-spacing: -.01em;
}
.lw-space-profile:not(.is-calling) .lw-space-computer-row {
  padding: 12px; gap: 12px; border: 1px solid var(--lw-line, #e6e7e9); border-radius: 10px;
}
.lw-space-profile:not(.is-calling) .lw-space-computer-row:hover { background: var(--lw-hover, #f4f5f6); color: inherit; }
.lw-space-profile:not(.is-calling) .lw-space-computer-icon { background: transparent; width: 28px; height: 32px; flex-shrink: 0; }
.lw-space-profile:not(.is-calling) .lw-space-computer-row strong { font-weight: 500; font-size: 13px; }
.lw-space-profile:not(.is-calling) .lw-space-computer-row small { font-size: 11px; line-height: 1.5; white-space: normal; }
.lw-space-profile:not(.is-calling) :is(.lw-space-actions button, .lw-space-computer-row, .lw-space-profile-identity, .lw-space-profile-head button):focus-visible {
  outline: 2px solid var(--lw-blue, #326f95); outline-offset: 3px;
}
@media (max-width: 700px) {
  body.lw-body .lw-space-profile:not(.is-calling) { width: 100%; box-shadow: none; }
  .lw-space-profile:not(.is-calling) .lw-space-profile-head { padding-top: max(10px, env(safe-area-inset-top)); }
  .lw-space-profile:not(.is-calling) .lw-space-profile-body { padding-inline: 20px; }
  .lw-space-profile:not(.is-calling) .lw-space-profile-identity { padding-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .lw-space-profile:not(.is-calling) .lw-space-profile-identity { transition: none; }
}
