/* Teacher cards (admin list) and my-profile availability strip. Matches prototype/admin-teachers.html. */
.tt-teacher-card { display: flex; flex-direction: column; gap: .15rem; padding: .15rem .1rem .25rem; }
.tt-teacher-head { display: flex; align-items: flex-start; gap: 1rem; }
.tt-teacher-avatar {
    display: inline-flex; size: auto; width: 3rem; height: 3rem; flex-shrink: 0; align-items: center; justify-content: center;
    border-radius: 999px; background: #e0f2fe; color: #0369a1; font-size: 1rem; font-weight: 600;
}
.dark .tt-teacher-avatar { background: color-mix(in oklab, #0ea5e9 15%, transparent); color: #7dd3fc; }
.tt-teacher-meta { min-width: 0; flex: 1; }
.tt-teacher-name-row { display: flex; align-items: center; gap: .5rem; }
.tt-teacher-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.tt-teacher-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; color: #71717a; }
.tt-teacher-fine { margin-top: .125rem; font-size: .75rem; }
.dark .tt-teacher-sub { color: #a1a1aa; }
.tt-pill {
    display: inline-flex; align-items: center; gap: .25rem; border-radius: 999px; padding: .1rem .55rem;
    font-size: .7rem; font-weight: 600; white-space: nowrap;
}
.tt-pill-active { background: #ecfdf5; color: #047857; }
.tt-pill-invited { background: #fffbeb; color: #b45309; }
.tt-pill-on_leave { background: #eff6ff; color: #1d4ed8; }
.tt-pill-left { background: #f4f4f5; color: #52525b; }
.dark .tt-pill-active { background: color-mix(in oklab, #10b981 12%, transparent); color: #6ee7b7; }
.dark .tt-pill-invited { background: color-mix(in oklab, #f59e0b 12%, transparent); color: #fcd34d; }
.dark .tt-pill-on_leave { background: color-mix(in oklab, #3b82f6 12%, transparent); color: #93c5fd; }
.dark .tt-pill-left { background: #27272a; color: #a1a1aa; }
.tt-teacher-free { margin-top: 1rem; font-size: .75rem; color: #71717a; }
.dark .tt-teacher-free { color: #a1a1aa; }
.tt-teacher-week { margin-top: .4rem; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .25rem; }
.tt-teacher-day {
    border-radius: .375rem; padding: .25rem 0; text-align: center; font-size: .65rem; font-weight: 600;
    background: #f4f4f5; color: #a1a1aa;
}
.tt-teacher-day.on { background: #ecfdf5; color: #047857; }
.dark .tt-teacher-day { background: #27272a; color: #71717a; }
.dark .tt-teacher-day.on { background: color-mix(in oklab, #10b981 12%, transparent); color: #6ee7b7; }
.tt-teacher-foot {
    margin-top: 1rem; display: flex; align-items: center; justify-content: space-between;
    border-top: 1px solid #f4f4f5; padding-top: .75rem; font-size: .875rem; color: #71717a;
}
.dark .tt-teacher-foot { border-top-color: #27272a; color: #a1a1aa; }