/* syad_kit.tenancy picker (1.1.0). Built on ui-kit's --ui- variables, with fallbacks. */
.tn-picker { position: relative; min-width: 0; }
.tn-picker__button {
  list-style: none; display: inline-flex; align-items: center; gap: 6px; max-width: 100%;
  min-height: var(--ui-tap, 48px); padding: 0 12px; border-radius: 999px; cursor: pointer;
  background: var(--ui-accent-dim, #eee); color: var(--ui-accent-link, inherit); font-weight: 600;
}
.tn-picker__button::-webkit-details-marker { display: none; }
.tn-picker__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tn-picker__button svg { flex: none; }
.tn-picker__sheet {
  position: absolute; right: 0; top: calc(100% + 8px); z-index: 45; width: min(340px, calc(100vw - 24px));
  max-height: min(70vh, 520px); overflow-y: auto; padding: 12px;
  background: var(--ui-surface, #fff); border: 1px solid var(--ui-border, #ccc); border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
}
.tn-picker__search {
  width: 100%; min-height: var(--ui-tap, 48px); padding: 0 12px; border: 1px solid transparent; border-radius: 10px;
  background: var(--ui-surface2, #eee); color: var(--ui-text, inherit); font: inherit;
}
.tn-picker__group { margin: 12px 4px 4px; color: var(--ui-dim, inherit); font-size: 0.85rem; font-weight: 600; }
.tn-picker__list { list-style: none; margin: 0; padding: 0 0 0 10px; }
.tn-picker__option {
  display: flex; align-items: center; width: 100%; min-height: var(--ui-tap, 48px); padding: 0 10px; border: 0;
  border-radius: 10px; background: none; color: var(--ui-text, inherit); font: inherit; text-align: left; cursor: pointer;
}
.tn-picker__option:hover { background: var(--ui-surface2, #eee); }
.tn-picker__option[aria-current="true"] { color: var(--ui-accent-link, inherit); font-weight: 650; }
.tn-picker__none { margin: 12px 4px; color: var(--ui-dim, inherit); }