/* Team & Rechte (01.11.2026): people list, rights dialog, start password, first-login password. Calm: one accent, no badges. */
.tr-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}
.tr-person{display:grid;grid-template-columns:36px minmax(160px,1.1fr) minmax(200px,1.6fr) minmax(120px,.7fr) auto;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid var(--border);font-size:.88rem}
.tr-person:first-child{border-top:0}
.tr-person.tr-off{opacity:.62}
.tr-skeleton{display:block;padding:14px 16px}
.tr-skeleton span{display:block;height:26px;border-radius:var(--radius);background:var(--bg)}
.tr-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:.78rem;font-weight:550}
.tr-who,.tr-access{display:flex;flex-direction:column;gap:2px;min-width:0}
.tr-who strong{font-weight:550}
.tr-who span,.tr-access span+span,.tr-state{color:var(--muted);font-size:.8rem}
.tr-who span,.tr-access span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-actions{justify-self:end}
.tr-foot{display:flex;justify-content:flex-end;margin:.75rem 0 1.5rem}
.tr-foot .btn-flat{color:var(--muted)}

.tr-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;background:rgba(10,13,19,.5);overflow-y:auto}
.tr-dialog{width:100%;max-width:640px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-mittel,9px);box-shadow:var(--shadow-lg);padding:22px 24px 18px}
.tr-dialog-small{max-width:480px}
.tr-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.tr-dialog-head h3{margin:0;font-size:1.08rem;font-weight:550}
.tr-close{border:0;background:none;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;width:32px;height:32px;border-radius:var(--radius)}
.tr-close:hover{background:var(--bg);color:var(--text)}
.tr-form{display:flex;flex-direction:column;gap:12px}
.tr-form label,.tr-message{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--muted);font-weight:500}
.tr-form input:not([type=checkbox]),.tr-form select,.tr-message textarea{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;color:var(--text);font:inherit;font-size:.9rem}
.tr-form input:focus,.tr-form select:focus{outline:none;border-color:var(--primary);box-shadow:var(--glow)}
.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tr-hint{margin:0;font-size:.78rem;line-height:1.45;color:var(--muted)}
.tr-dialog>.tr-hint{margin-bottom:14px}
.tr-error{margin:0;font-size:.82rem;color:#c2410c}
.tr-rights{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:12px}
.tr-rights[hidden]{display:none}
.tr-presets{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:.8rem;color:var(--muted)}
.tr-link{border:0;background:none;padding:2px 0;margin:0;min-width:0;min-height:0;width:auto;color:var(--primary);font:inherit;font-size:.82rem;cursor:pointer}
.tr-link:hover{text-decoration:underline}
.tr-danger{color:#c2410c}
.tr-scope{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.tr-check{flex-direction:row!important;align-items:center;gap:7px!important;font-size:.85rem!important;color:var(--text)!important;cursor:pointer}
.tr-matrix{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius)}
.tr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--border)}
.tr-row:first-child{border-top:0}
.tr-row-label{display:flex;flex-direction:column;gap:2px;min-width:0}
.tr-row-label strong{font-size:.86rem;font-weight:550}
.tr-row-label span{font-size:.75rem;color:var(--muted)}
.tr-row-blocked .tr-row-label strong{color:var(--muted)}
.tr-seg{display:inline-flex;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}
.tr-seg button{border:0;border-left:1px solid var(--border);background:none;color:var(--muted);font:inherit;font-size:.78rem;padding:.38rem .7rem;cursor:pointer}
.tr-seg button:first-child{border-left:0}
.tr-seg button[aria-checked=true]{background:color-mix(in srgb,var(--primary) 14%,var(--card));color:var(--text);font-weight:550;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 45%,transparent)}
.tr-seg button:disabled{cursor:not-allowed;opacity:.45}
.tr-seg button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
.tr-pass{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--muted);font-weight:500}
.tr-pass .tr-link{align-self:flex-start;padding:.62rem 0}
.tr-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.tr-dialog-foot>span{display:flex;gap:8px}
.tr-secret{display:flex;align-items:center;gap:10px;margin:12px 0}
.tr-secret code{flex:1;padding:.65rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;letter-spacing:.02em;user-select:all}
.tr-message textarea{resize:vertical;font-size:.84rem;line-height:1.45}

/* Person dialog (02.11.2026): head and footer stay, only the middle scrolls, so "Anlegen" is always in view.
   body + .tr-overlay beat the generic .workspace-overlay>div rules (max-height, padding, overflow) of crm-workspace.css. */
body .tr-overlay>.tr-dialog-main{display:flex;flex-direction:column;max-height:calc(100dvh - 6vh - 16px)!important;overflow:hidden!important;padding:0!important}
.tr-dialog-main .tr-dialog-head{flex-shrink:0;margin:0;padding:20px 24px 12px}
.tr-dialog-main .tr-form{flex:1;min-height:0;gap:0}
.tr-dialog-main .tr-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:2px 24px 16px}
.tr-dialog-main .tr-dialog-foot{flex-shrink:0;margin:0;padding:12px 24px 16px;border-top:1px solid var(--border)}
/* Attachments from Gmail stay with the owner (E-Mails) */
body[data-team="1"] [data-ka="mail"]{display:none!important}

@media (max-width:720px){
    .tr-person{grid-template-columns:36px 1fr auto;gap:4px 12px}
    .tr-access,.tr-state{grid-column:2/4}
    .tr-actions{grid-row:1;grid-column:3}
    .tr-grid{grid-template-columns:1fr}
    .tr-row{flex-direction:column;align-items:flex-start}
    .tr-dialog{padding:18px 16px 14px}
    .tr-overlay{padding-top:16px}
    body .tr-overlay>.tr-dialog-main{max-height:calc(100dvh - 24px)!important;padding:0!important}
    .tr-dialog-main .tr-dialog-head{padding:16px 16px 10px}
    .tr-dialog-main .tr-body{padding:2px 16px 14px}
    .tr-dialog-main .tr-dialog-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
}