/* Tenants page — only what shell.css doesn't already cover */
.tenant-logo { font-size: 12px; font-weight: 600; overflow: hidden; }
.tenant-logo:has(img) { background: var(--surface); border: 1px solid var(--border); }
.tenant-logo img { width: 22px; height: 22px; object-fit: contain; }
.tenant-logo[data-dim] { filter: grayscale(1); opacity: 0.7; }
.tenant-name { justify-self: start; padding: 0; font: inherit; font-weight: 500; text-align: left; }
.tenant-id { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; color: var(--fg-2); }
/* 8 columns must fit a 1440px laptop: long emails truncate (full address in title + details dialog) */
.tenant-email { max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table th, .table td { padding-left: 12px; padding-right: 12px; }
.table th:first-child, .table td:first-child { padding-left: 16px; }
button.tenant-email { padding: 0; border: 0; background: none; font: inherit; font-size: 13px; text-align: left; cursor: copy; }
button.tenant-email:hover { color: var(--fg); text-decoration: underline; text-underline-offset: 3px; }
/* Status pill tooltip (same look as the header ⓘ tooltips; opens above so the last row isn't clipped) */
.status-tip { position: relative; display: inline-flex; border-radius: var(--r-full); }
.status-tip:focus-visible { outline: 3px solid var(--focus, #ffb38a); outline-offset: 2px; }
.status-tip::after {
  content: attr(data-tip); position: absolute; z-index: 5; bottom: calc(100% + 8px); left: -8px;
  width: max-content; max-width: 260px; padding: 8px 11px; border-radius: 8px; background: var(--fg); color: var(--surface);
  font-size: 12.5px; font-weight: 400; line-height: 1.45; white-space: normal; text-align: left;
  box-shadow: var(--shadow-pop); opacity: 0; transform: translateY(2px); pointer-events: none; transition: opacity 0.12s, transform 0.12s;
}
.status-tip:hover::after, .status-tip:focus-visible::after { opacity: 1; transform: none; }
.search-kbd { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border: 1px solid var(--border); border-radius: 5px; font: 500 12px var(--font); color: var(--muted); }
.search:focus-within .search-kbd { display: none; }