/* Employer Talent and organization workspaces only. These pages should keep
   readable cards inside the authenticated shell without affecting public search. */
.td-app-content .td-workspace-directory-search {
  display: grid;
  gap: .6rem;
  width: min(100%, 52rem);
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  border: 1px solid var(--td-border);
  border-radius: var(--td-radius-lg);
  background: var(--td-surface);
}

.td-app-content .td-workspace-directory-search label {
  font-weight: 750;
}

.td-app-content .td-workspace-directory-search > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .65rem;
}

.td-app-content .td-workspace-directory-search input {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  padding: .7rem .85rem;
  border: 1px solid var(--td-border);
  border-radius: var(--td-radius-sm);
  background: var(--td-surface);
}

.td-app-content .td-workspace-directory-search input:focus-visible {
  outline: 2px solid var(--td-brand);
  outline-offset: 2px;
}

.td-app-content .td-talent-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.125rem;
  align-items: stretch;
}

.td-app-content .td-talent-card {
  display: flex;
  min-width: 0;
  min-height: 20rem;
  flex-direction: column;
  gap: .85rem;
  padding: 1.25rem;
  border: 1px solid var(--td-border);
  border-radius: var(--td-radius-lg);
  background: var(--td-surface);
  box-shadow: var(--td-shadow-xs);
}

.td-app-content .td-talent-card__top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
}

.td-app-content .td-talent-card__top > div { min-width: 0; }
.td-app-content .td-talent-card__top :is(h3, p) {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.td-app-content .td-talent-card__top h3 { font-size: 1rem; }
.td-app-content .td-talent-card__top p { margin-top: .25rem; color: var(--td-text-secondary); font-size: .8rem; }
.td-app-content .td-talent-card__meta,
.td-app-content .td-talent-card__skills { display: flex; flex-wrap: wrap; gap: .4rem .7rem; }
.td-app-content .td-talent-card__meta { color: var(--td-text-secondary); font-size: .76rem; }
.td-app-content .td-talent-card__meta > span { display: inline-flex; align-items: center; gap: .25rem; }
.td-app-content .td-talent-card__skills > span {
  padding: .4rem .6rem;
  border-radius: var(--td-radius-pill);
  color: var(--td-brand-strong);
  background: var(--td-color-brand-100);
  font-size: .72rem;
  font-weight: 700;
}
.td-app-content .td-talent-card__signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--td-border);
  border-radius: var(--td-radius-md);
  background: var(--td-border);
}
.td-app-content .td-talent-card__signals > span { display: grid; min-width: 0; gap: .15rem; padding: .65rem; background: var(--td-surface); }
.td-app-content .td-talent-card__signals strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.td-app-content .td-talent-card__signals small { color: var(--td-text-tertiary); font-size: .64rem; }
.td-app-content .td-talent-card__privacy { display: flex; gap: .35rem; color: var(--td-text-secondary); font-size: .75rem; line-height: 1.45; }
.td-app-content .td-talent-card__link {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  width: fit-content;
  margin-top: auto;
  color: var(--td-brand-strong);
  font-size: .8rem;
  font-weight: 750;
}
.td-app-content .td-directory-pagination {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: .75rem;
  margin-top: 1.5rem;
  color: var(--td-text-secondary);
  font-size: .8rem;
  text-align: center;
}
.td-app-content .td-directory-pagination a:first-child { justify-self: start; }
.td-app-content .td-directory-pagination a:last-child { justify-self: end; }

.td-app-content > .td-organization-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  width: min(100%, 80rem);
  margin-inline: auto;
  padding-block: clamp(1rem, 3vw, 2.5rem);
}
.td-organization-page .td-page-header {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.td-organization-page .td-page-header > div:first-child { min-width: 0; }
.td-organization-page .td-page-header h1 {
  max-width: 54rem;
  margin: .7rem 0 0;
  font-size: clamp(2rem, 4vw, 3.6rem);
  letter-spacing: -.055em;
  line-height: 1.03;
  overflow-wrap: anywhere;
}
.td-organization-page .td-page-header p { max-width: 48rem; margin: .85rem 0 0; color: var(--td-text-secondary); line-height: 1.6; }
.td-organization-page .td-page-header__actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .65rem; }
.td-organization-page .td-organization-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 1.25rem;
}
.td-organization-page .td-organization-grid .form-card { min-width: 0; align-content: start; box-shadow: none; }
.td-organization-page .td-organization-grid form { display: grid; min-width: 0; gap: 1rem; }
.td-organization-page .td-organization-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.td-organization-page .td-organization-meta span {
  display: grid;
  min-width: 0;
  gap: .2rem;
  padding: .85rem;
  border: 1px solid var(--td-border);
  border-radius: var(--td-radius-md);
  background: var(--td-color-surface-subtle);
  overflow-wrap: anywhere;
}
.td-organization-page .td-organization-meta small { color: var(--td-text-tertiary); font-size: .65rem; font-weight: 800; letter-spacing: .08em; }
.td-organization-page .td-callout { padding: 1rem; border: 1px solid var(--td-border); border-radius: var(--td-radius-md); color: var(--td-text-secondary); background: var(--td-color-surface-subtle); line-height: 1.55; }
.td-organization-page .td-organization-table { min-width: 0; box-shadow: none; }
.td-organization-page .td-organization-table .responsive-table { max-width: 100%; overflow-x: auto; contain: paint; }
.td-organization-page .td-table-select { min-width: 9rem; padding: .55rem .65rem; border: 1px solid var(--td-border); border-radius: .6rem; color: var(--td-text-primary); background: var(--td-surface); }
.td-organization-page .td-danger-action { color: var(--td-color-red-700); }

@media (max-width: 1199px) {
  .td-organization-page .td-organization-grid { grid-template-columns: minmax(0, 1fr); }
  .td-app-content .td-talent-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .td-organization-page .td-page-header { align-items: flex-start; flex-direction: column; }
  .td-organization-page .td-page-header__actions,
  .td-organization-page .td-page-header__actions > .td-button { width: 100%; }
  .td-app-content .td-talent-directory-grid { grid-template-columns: minmax(0, 1fr); }
  .td-app-content .td-workspace-directory-search { padding: 1rem; }
  .td-app-content .td-workspace-directory-search > div { grid-template-columns: minmax(0, 1fr); }
  .td-app-content .td-workspace-directory-search button { width: 100%; }
  .td-organization-page .td-organization-meta { grid-template-columns: minmax(0, 1fr); }

  .td-organization-page .td-organization-table .responsive-table { overflow-x: visible; contain: none; }
  .td-organization-page .td-organization-table :is(table, tbody, tr, td) { display: block; width: 100%; min-width: 0; }
  .td-organization-page .td-organization-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .td-organization-page .td-organization-table tbody tr { padding: 1rem 1.25rem; border-top: 1px solid var(--td-border); }
  .td-organization-page .td-organization-table tbody td { padding: .35rem 0; border: 0; overflow-wrap: anywhere; }
  .td-organization-page .td-organization-table td.table-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
  .td-organization-page .td-organization-table td::before {
    display: block;
    margin-bottom: .2rem;
    color: var(--td-text-tertiary);
    font-size: .68rem;
    font-weight: 750;
  }
  html[lang="zh-CN"] .td-organization-page [aria-labelledby="members-heading"] td:nth-child(2)::before,
  html[lang="zh-CN"] .td-organization-page [aria-labelledby="invitations-heading"] td:nth-child(2)::before { content: "角色"; }
  html[lang="en-US"] .td-organization-page [aria-labelledby="members-heading"] td:nth-child(2)::before,
  html[lang="en-US"] .td-organization-page [aria-labelledby="invitations-heading"] td:nth-child(2)::before { content: "Role"; }
  html[lang="zh-CN"] .td-organization-page [aria-labelledby="members-heading"] td:nth-child(3)::before { content: "加入时间"; }
  html[lang="en-US"] .td-organization-page [aria-labelledby="members-heading"] td:nth-child(3)::before { content: "Joined"; }
  html[lang="zh-CN"] .td-organization-page [aria-labelledby="invitations-heading"] td:nth-child(3)::before { content: "状态"; }
  html[lang="en-US"] .td-organization-page [aria-labelledby="invitations-heading"] td:nth-child(3)::before { content: "Status"; }
  html[lang="zh-CN"] .td-organization-page [aria-labelledby="invitations-heading"] td:nth-child(4)::before { content: "失效时间"; }
  html[lang="en-US"] .td-organization-page [aria-labelledby="invitations-heading"] td:nth-child(4)::before { content: "Expires"; }
}