/* Apple original: Users/CurrentUser/CurrentUserView.swift, UserToolbar_View, UserInfo_View,
   UserLibrary_View - a crew member's page covering the whole window, on the web's centred page
   (ContentView.css). Sizes from the Swift code, measured on the Mac 2026-10-17 (approved). The header
   buttons are the reports' (ReportListView.css: same insets, as UserToolbar_View copies the form's);
   the photo lines up with a form's row markers (30, plus the web's room as --formRowInset). */
.CurrentUserView { --reportInset: 26px; --formRowInset: 19.5px; }
.CurrentUserView {
  position: absolute; inset: 0; z-index: 70;
  display: flex; flex-direction: column;
}
.CurrentUserView-header { flex: none; margin: 0 var(--pageSide); }
.CurrentUserView-buttons { height: 79.2px; position: relative; margin: 0 6.5px 16px; }   /* UserToolbar_View: .padding(.bottom) */

/* UserInfo_View: 30 in; the photo in a 150 x 170 frame, fitted and rounded 10, then the details */
/* Web: more room between the photo and the text than Apple's 8 (Barney 2026-10-17) */
.UserInfo { display: flex; align-items: flex-start; gap: 20px; padding-left: calc(30px + var(--formRowInset)); }
.UserInfo-frame { flex: none; width: 150px; height: 170px; display: flex; align-items: center; }
.UserInfo-photo { display: block; max-width: 150px; max-height: 170px; width: auto; height: auto; border-radius: 10px; }
/* UserDataView: at least 170 wide, 170 high; the spacers share what is left. Lines measured on the
   Mac (2026-10-17): no gap between them, 16 pt lines 18.5 apart */
.UserData { min-width: 170px; height: 170px; display: flex; flex-direction: column; }
.UserData[hidden] { display: none; }
.UserData-spacer { flex: 1; }
.UserData-name { padding-top: 30px; font-size: 18px; font-weight: 700; line-height: 22px; color: var(--textCharcoal); }
.UserData-position { font-size: 16px; font-weight: 300; line-height: 19px; color: var(--textCharcoal); }
.UserData-alerts, .UserData-level, .UserData-admin { font-size: 16px; font-weight: 400; line-height: 18.5px; color: var(--titanium); }
.UserData-alerts.due { font-weight: 700; color: var(--gold); }
.UserData-admin { padding-bottom: 20px; }

/* UserLibraryHeader_View: the title (formTitleTextStyle) 16 + 10 in - on the web, plus the page's room
   so it lines up with the photo; the two buttons in one glass capsule 16 + 10 from the right, under the
   header's. Measured on the Mac: the title 5 lower than Apple's 20 suggests. */
.UserLibraryHeader { display: flex; align-items: center; justify-content: space-between; padding: 25px calc(16px + 10px) 0 calc(16px + 10px + var(--reportInset)); }
.UserLibraryHeader-title { font-size: 17px; font-weight: 600; line-height: 22px; color: var(--textCharcoal); }
/* The Mac's two-button capsules here are wider than the reports': symbols 86 Mac px apart, not 64
   (measured 2026-10-17) - both the header's and the library's */
.CurrentUserView .ReportListView-group { gap: 30px; }
/* original: true - the symbols in their own colours: a green plus, a red badge */
.UserLibraryHeader-group #addItem { color: rgb(52, 199, 89); }
.UserLibraryHeader-group #alerts .Icon circle[fill] { fill: rgb(255, 59, 48); }
.UserLibraryHeader-group {
  display: flex; align-items: center; gap: 30px; padding: 0 10px; height: 44.8px;
  border-radius: 22.4px; background: rgba(252, 252, 252, 0.95);
  box-shadow: 0 0 0 0.65px rgba(0, 0, 0, 0.07), 0 1px 5px rgba(0, 0, 0, 0.06);
  color: var(--titanium);
}

/* The list: a plain List, as the reports' (ReportListView.css) */
.CurrentUserView-scroll { flex: 1; min-height: 0; overflow-y: auto; }   /* the page's grey and corners: ContentView.css */
.CurrentUserView .CurrentUserView-list { flex: none; overflow: visible; padding: 11.6px calc(20.1px + var(--reportInset)) 40px calc(34.4px + var(--reportInset)); }