.tja-panel { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--tf-line,var(--border-color)); color: var(--tf-ink,var(--text-primary)); }
.tja-panel[hidden], .tja-panel [hidden] { display: none !important; }
.tja-header, .tja-person, .tja-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.tja-header { justify-content: space-between; margin-bottom: .75rem; }
.tja-header h3 { margin: 0; font-size: 1rem; font-weight: 600; }
.tja-list { display: grid; gap: .65rem; }
.tja-row { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; padding: .75rem; border: 1px solid var(--tf-line,var(--border-color)); border-radius: .4rem; min-width: 0; }
.tja-person { flex: 1; min-width: 0; }
.tja-person span, .tja-selection, .tja-candidate { overflow-wrap: anywhere; }
.tja-muted { color: var(--tf-muted,var(--text-secondary)); font-size: .8rem; line-height: 1.6; }
.tja-button, .tja-candidate { color: var(--tf-ink,var(--text-primary)); background: var(--tf-panel,var(--bg-primary)); border: 1px solid var(--tf-line,var(--border-color)); border-radius: .4rem; padding: .5rem .7rem; min-height: 2.5rem; cursor: pointer; }
.tja-primary { border-color: var(--tf-accent,var(--border-color)); }
.tja-button:focus-visible, .tja-candidate:focus-visible, .tja-field input:focus-visible { outline: 2px solid var(--tf-accent,var(--text-primary)); outline-offset: 2px; }
.tja-panel button:disabled { cursor: not-allowed; opacity: .55; }
.tja-form { width: 100%; min-width: 0; display: grid; gap: .65rem; padding-top: .5rem; }
.tja-form p, .tja-notice { margin: 0; line-height: 1.6; }
.tja-search { display: flex; flex-wrap: wrap; align-items: end; gap: .65rem; }
.tja-field { display: grid; gap: .35rem; font-size: .85rem; flex: 1; min-width: min(16rem,100%); }
.tja-field input { width: 100%; min-width: 0; box-sizing: border-box; padding: .6rem .7rem; border: 1px solid var(--tf-line,var(--border-color)); border-radius: .4rem; background: var(--tf-panel,var(--bg-primary)); color: var(--tf-ink,var(--text-primary)); }
.tja-results { list-style: none; padding: 0; margin: 0; display: grid; gap: .35rem; }
.tja-candidate { width: 100%; text-align: left; }
.tja-notice { margin-bottom: .75rem; font-size: .85rem; }
.tja-error { color: var(--tf-accent,var(--text-primary)); }
@media(max-width: 600px) { .tja-person { flex-basis: 100%; } .tja-person span { flex-basis: 100%; } }
/* 原办赛流程将两个既有面板都放在第 3 行；关联区域出现时让时间面板使用下一行。 */
@media(min-width: 1025px) {
  body.tf-management .workspace-shell:has(.tja-panel) > #personal-time-management-extension { grid-row: 4 !important; }
}