/* Portal UI, October 2026. Scoped overrides for the existing app shell. */
.sc-account-avatar{position:relative;overflow:hidden;flex-shrink:0}
.sc-account-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sc-account-avatar img[hidden]{display:none}
.sc-account-email{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scubis-language-control.scubis-language-inline{padding:0 4px!important;gap:0!important;border-radius:8px!important;height:30px!important}
.scubis-language-control>span{display:none!important}
.scubis-language-control select{width:48px!important;max-width:48px!important;min-height:28px!important;padding:0 2px!important;font-size:11px!important}
.sc-storage-details-button{width:100%;margin-top:12px;background:transparent;border:0;color:var(--sc-muted);text-align:left;font:inherit;font-size:12px;cursor:pointer;padding:0}
.sc-storage-details-button:hover{color:var(--sc-text)}
#page-photo-stats .sc-storage-detail-summary{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;padding:18px;margin:18px 0;border:1px solid var(--sc-border);border-radius:16px;background:var(--sc-surface)}
#page-photo-stats .sidebar-storage-breakdown{display:grid!important;margin:0;min-width:200px;flex:1}
#page-photo-stats .sidebar-photo-stats-inline{margin:0;padding:0;border:0;flex:2;min-width:230px}
#page-photo-stats .sidebar-photo-inline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#page-photo-stats .sidebar-photo-inline-bottom{margin-top:12px}
.sc-profile-appearance{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.sc-profile-avatar{width:88px;height:88px;border-radius:50%;background:var(--sc-surface,var(--sc-page));border:1px solid var(--sc-border);display:grid;place-items:center;overflow:hidden;flex:none;font-size:32px;color:var(--sc-text)}
.sc-profile-avatar img{width:100%;height:100%;object-fit:cover}
.sc-profile-avatar img[hidden]{display:none}
.sc-profile-photo-actions{display:flex;gap:8px;flex-wrap:wrap}
#profileSelfStatus{color:var(--sc-muted);font-size:12px;margin:10px 0 0}
.sc-profile-picker{width:min(760px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:var(--sc-surface,#fff);color:var(--sc-text,#172033);border:1px solid var(--sc-border);border-radius:20px;padding:22px;box-sizing:border-box}
.sc-profile-picker::backdrop{background:rgba(6,15,28,.6);backdrop-filter:blur(4px)}
.sc-profile-picker-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.sc-profile-picker-head h2{font-size:20px;margin:0}
.sc-profile-picker button{font:inherit;cursor:pointer}
.sc-profile-picker-head button{background:transparent;color:inherit;border:0;font-size:28px}
.sc-profile-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:12px;margin:16px 0}
.sc-profile-choice{padding:0;border:1px solid var(--sc-border);border-radius:12px;overflow:hidden;background:var(--sc-page);color:inherit;text-align:left;min-height:50px}
.sc-profile-choice:hover,.sc-profile-choice:focus-visible{outline:2px solid #5c82f5}
.sc-profile-choice img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.sc-profile-choice span{display:block;padding:8px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-profile-picker-status{color:var(--sc-muted);font-size:13px}
[data-profile-self][aria-pressed=true]{background:var(--sc-action-bg,#203658);color:var(--sc-text);border-color:#5c82f5}
@media(min-width:901px){
 #appLayout>.sidebar{width:255px!important;flex:0 0 255px!important;top:50px!important;height:calc(100dvh - 50px)!important;min-height:0!important;padding:14px 12px!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:12px!important;overflow:hidden!important;background:var(--sc-surface)!important;border-right:1px solid var(--sc-border)!important}
 #appLayout>.sidebar #scSidebarNav{order:1;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow-y:auto!important;gap:3px!important;margin:0!important;padding:0!important;scrollbar-width:thin}
 #appLayout>.sidebar #scSidebarNav .nav-link{min-height:36px!important;padding:7px 12px!important;margin:0!important;border-radius:10px!important;font-size:13px!important;line-height:20px!important;display:flex!important;align-items:center;gap:10px;flex-shrink:0;box-sizing:border-box;transition:background .15s,color .15s;color:var(--sc-text)!important}
 #appLayout>.sidebar #scSidebarNav .nav-link>span:first-child{width:22px;text-align:center;font-size:17px;flex:none;opacity:.8}
 #appLayout>.sidebar #scSidebarNav .nav-link>span:not(:first-child):not(#scMessengerBadge){width:auto!important;min-width:0;flex:1;white-space:nowrap!important;font-size:13px!important;text-align:left!important}
 #appLayout>.sidebar #scSidebarNav .sc-photos-nav-group{width:100%!important;flex:none!important;margin:0!important;padding:0!important}
 #appLayout>.sidebar #scSidebarNav .nav-link:hover{background:var(--sc-page)!important}
 #appLayout>.sidebar #scSidebarNav .nav-link.active{background:var(--sc-action-bg,#203658)!important;color:var(--sc-text)!important;box-shadow:inset 3px 0 #638bff}
 #appLayout>.sidebar .sidebar-storage-status{order:2;flex:none;margin:0!important;padding:14px!important;border:1px solid var(--sc-border)!important;border-radius:14px!important;background:var(--sc-page)!important}
 #appLayout>.sidebar .sidebar-storage-row{font-size:12px!important}
 #appLayout>.sidebar .sidebar-storage-value{font-size:13px!important;line-height:20px!important;margin:7px 0 10px!important}
 #appLayout>.sidebar .sidebar-storage-track{height:6px!important;border-radius:8px!important;overflow:hidden}
 #appLayout>.sidebar .sidebar-account,#appLayout>.sidebar>.sc-theme-control{display:none!important}
}
@media(max-width:600px){
 .sc-account-email,.sc-account-chevron{display:none!important}
 .sc-profile-appearance{align-items:flex-start;gap:12px}
 .sc-profile-avatar{width:64px;height:64px}
 .sc-profile-picker{padding:16px}
}

/* People: keep membership actions together at every screen width. */
.people-member-rich{grid-template-columns:44px minmax(0,1fr) auto;gap:12px 16px;padding:18px 0}
.people-member-rich .people-member-main{min-width:0}
.people-member-rich .people-member-email{color:var(--sc-text);font-size:16px;font-weight:600;line-height:1.4}
.people-member-rich .people-member-meta{overflow-wrap:anywhere;line-height:1.45;font-size:13px}
.people-member-rich .photo-person-global-actions{align-items:center;gap:8px}
.people-member-rich .photo-person-global-actions button{min-height:36px;padding:7px 12px;font-size:13px;line-height:1.3;white-space:nowrap;width:auto}
.people-member-rich .photo-person-global-actions .people-remove{color:#e87575;border:1px solid rgba(232,117,117,.35);background:transparent;margin:0}
.people-member-rich .photo-person-global-actions .people-remove:hover{background:rgba(232,117,117,.1);border-color:#e87575}
#peopleGroupOptions{margin-top:12px}
#peopleGroupOptions>button{margin-right:6px;margin-bottom:8px;white-space:nowrap}
#peopleGroupOptions .people-visible-option{font-size:13px;line-height:1.4}
@media(max-width:1100px){.people-member-rich{grid-template-columns:44px minmax(0,1fr)}.people-member-rich .photo-person-global-actions{grid-column:2;grid-row:2;justify-content:flex-start}}
@media(max-width:600px){.people-member-rich{gap:8px 12px;padding:16px 0}.people-member-rich .photo-person-global-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.people-member-rich .photo-person-global-actions button{padding:8px 6px;text-align:center}}