.ts-popup{box-sizing:border-box;width:min(94vw,540px);max-width:94vw;max-height:min(90dvh,calc(var(--tm-viewport-height,100dvh) - 24px));padding:0;border:1px solid #d4d6de;border-radius:22px;background:#fff;color:#172235;box-shadow:0 20px 70px #0006;font-family:inherit;overflow:hidden;color-scheme:light}
.ts-popup[open]{display:flex;flex-direction:column}.ts-popup[data-mode=work]{background:#161920;color:#f5f6f8;border-color:#454956;color-scheme:dark}
.ts-popup::backdrop{background:#0008;backdrop-filter:blur(3px)}
.ts-popup>header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #8b93a444}
.ts-popup>header h2{font-size:1.1rem;margin:0;overflow-wrap:anywhere}
.ts-popup-body{box-sizing:border-box;padding:18px;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;min-height:0;scrollbar-gutter:stable;touch-action:pan-y pinch-zoom}
.ts-popup button{font:inherit;border:1px solid #8595aa;border-radius:12px;background:transparent;color:inherit;padding:11px 14px;min-height:44px;cursor:pointer}
.ts-popup button:disabled{opacity:.6;cursor:default}.ts-popup :is(button,input,textarea):focus-visible,.ts-avatar:focus-visible{outline:3px solid #fcba03;outline-offset:3px}
.ts-popup label{display:flex;flex-direction:column;gap:8px;margin:10px 0}.ts-popup input,.ts-popup textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:12px;font:inherit;font-size:16px;border:1px solid #8595aa;border-radius:10px;background:transparent;color:inherit}
.ts-popup .ts-check{display:flex;flex-direction:row;align-items:flex-start}.ts-check input{width:24px;height:24px;min-height:24px;flex:0 0 auto;margin-top:3px}
.ts-popup form+form{margin-top:24px;border-top:1px solid #8595aa55;padding-top:16px}.ts-tabs,.ts-actions,.ts-suggestions{display:flex;flex-wrap:wrap;gap:8px}
.ts-suggestions>p{flex-basis:100%}.ts-muted{font-size:.85rem;opacity:.85}.ts-pseudonym{font-size:1.1rem;font-weight:600;overflow-wrap:anywhere}
.ts-profile-picture{display:block;width:116px;height:116px;object-fit:cover;border-radius:50%;margin:16px auto}.ts-about{white-space:pre-wrap;overflow-wrap:anywhere}
.ts-assignments{padding-left:20px}.ts-assignments li{padding:8px 0}.ts-assignments time{display:block;font-size:.9rem;opacity:.85}
.ts-search-person{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #8595aa44}.ts-search-person>strong{flex-basis:100%}
.ts-avatar{position:relative;cursor:pointer;flex-shrink:0;overflow:hidden;min-width:44px;min-height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#8595aa33}.ts-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ts-avatar img:not([src]){display:none}
.ts-author{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ts-author .tm-avatar{width:44px;height:44px;font-size:.8rem}.ts-author>strong{overflow-wrap:anywhere}
.ts-popup [role=alert]{overflow-wrap:anywhere}.ts-profile-tools{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.ts-profile-tools>button{min-height:44px}
@media(max-height:520px){.ts-popup{max-height:94dvh}.ts-popup>header{padding:10px 14px}}

.ts-qr-picture{display:block;max-width:100%;width:320px;height:auto;margin:12px auto;background:white;border-radius:12px}

/* An unavailable system photo stays hidden and can be checked again. */
.ts-profile-picture[hidden]{display:none}