/* Nutzer-Detailseite (user-detail.js): Kopf mit Login-Aktionen, links Profil, rechts Aktivitäten und E-Mails. Nur Tokens. */
.user-detail-page:not([hidden]){display:flex;flex-direction:column;gap:var(--space-20);min-width:0}
.user-detail-page > .page-back{align-self:flex-start}
.user-detail__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-16);min-width:0}
.user-detail__title{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 280px;min-width:0}
.user-detail__title h1{margin:0;font:var(--font-h1);color:var(--text-primary);overflow-wrap:break-word}
.user-detail__title p{margin:0;font:var(--font-body);color:var(--text-secondary)}
.user-detail__badges{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.user-detail__login{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}
.user-detail__login > .settings-status{flex-basis:100%;margin:0}

.user-detail__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-16);align-items:start;min-width:0}
@media (min-width:1100px){.user-detail__grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr)}}
.user-detail__side{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.user-detail__main{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
/* Videodrehs: Schalter „Nur ausgewählte“, darunter je Kunde die Drehs (neueste zuerst) */
.user-scope{display:grid;gap:var(--space-12)}
#user-scope-list{display:grid;gap:var(--space-16)}
.user-scope__group{margin:0;padding:0;border:0;display:grid;gap:var(--space-6)}
.user-scope__list{display:grid;gap:var(--space-4)}
.user-scope__item{align-items:center}
.user-scope__item > span{display:grid;gap:1px;min-width:0}
.user-scope__item small{font:var(--font-tiny);color:var(--text-secondary)}
.user-scope__item .sw-badge{margin-left:auto}
.user-detail__form{display:flex;flex-direction:column;gap:var(--space-20);margin:0;padding:0;border:0;min-width:0}
.user-detail__form > .sw-setting{padding:0;box-shadow:none}
.user-detail__group{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;border:0;min-width:0}
.user-detail__save{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-8) var(--space-12);margin-left:auto}
.user-detail__save > .settings-status{flex:0 1 320px;text-align:right}
.user-detail__save > .settings-status:empty{display:none}
.user-detail-page .settings-status[data-tone="danger"]{color:var(--status-danger)}
.user-detail-page .settings-status[data-tone="success"]{color:var(--status-success)}

/* E-Mail-Adressen */
.user-emails{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}
.user-emails__item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-12);min-width:0;padding:var(--space-10) var(--space-12);border-radius:var(--radius-lg);background:var(--bg-surface-2);color:var(--text-secondary)}
.user-emails__address{flex:1 1 200px;min-width:0;font:var(--font-body-medium);color:var(--text-primary);overflow-wrap:break-word}
.user-emails__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.user-emails__add{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}
.user-emails__add > .sw-input{flex:1 1 240px}

/* Aktivitäten */
.user-feed{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.user-feed__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-12);padding:var(--space-10) 0;box-shadow:inset 0 -1px 0 var(--border-default)}
.user-feed__item:last-child{box-shadow:none}
.user-feed__dot{width:8px;height:8px;margin-top:var(--space-6);border-radius:var(--radius-pill);background:var(--brand-primary)}
.user-feed__text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.user-feed__text strong{font:var(--font-body-semibold);color:var(--text-primary)}
.user-feed__context{font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
a.user-feed__context{color:var(--text-brand);text-decoration:none}
a.user-feed__context:hover{text-decoration:underline}
@media (pointer:coarse),(max-width:834px){a.user-feed__context{display:inline-flex;align-items:center;min-height:44px}}
.user-feed__text small{font:var(--font-small);color:var(--text-secondary)}
.user-feed__time{font:var(--font-small);color:var(--text-secondary);white-space:nowrap}

/* E-Mails */
.user-mails{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.user-mails__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-12);padding:var(--space-12) 0;box-shadow:inset 0 -1px 0 var(--border-default)}
.user-mails__item:last-child{box-shadow:none}
.user-mails__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand-soft-text)}
.user-mails__text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.user-mails__text strong{font:var(--font-body-semibold);color:var(--text-primary);overflow-wrap:break-word}
.user-mails__text small{font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.user-mails__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4);font:var(--font-small);color:var(--text-secondary);white-space:nowrap}
.user-mails__note{margin-top:var(--space-12)}
@media (max-width:520px){
  .user-feed__item,.user-mails__item{grid-template-columns:auto minmax(0,1fr)}
  .user-feed__time,.user-mails__meta{grid-column:2;align-items:flex-start}
}