/* The Admin page and the people's page (admin/, people/): small, on the desk's own look. */
.pp { max-width: 640px; margin: 8vh auto 40px; padding: 0 16px; box-sizing: border-box; }
.pp h1 { font-size: 2rem; margin: 0 0 6px; }
.pp .sub { opacity: 0.8; margin: 0 0 18px; line-height: 1.45; }
.pp .err { color: #ff9a8a; min-height: 1.4em; margin: 10px 0; }
.pp .ok { color: #9fe3b0; min-height: 1.4em; margin: 10px 0; }
.pp form { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
.pp input[type="text"], .pp input[type="email"] { flex: 1 1 180px; min-width: 0; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.08); color: inherit; font: inherit; }
.pp ul.people { list-style: none; padding: 0; margin: 16px 0; }
.pp ul.people li { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.12); }
.pp ul.people li span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.pp ul.people li small { display: block; opacity: 0.7; }
.pp .chat { display: flex; flex-direction: column; gap: 10px; margin: 16px 0; }
.pp .said { padding: 10px 14px; border-radius: 14px; line-height: 1.45; max-width: 88%; overflow-wrap: anywhere; }
.pp .said.me { align-self: flex-end; background: rgba(188,214,255,0.18); }
.pp .said.her { align-self: flex-start; background: rgba(255,255,255,0.08); }
.pp .row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pp .more { margin-top: 28px; }
.pp .more a { display: block; padding: 8px 0; color: #bcd6ff; }
.pp .more a span { display: block; opacity: 0.75; font-size: 0.9em; color: inherit; }
.pp a { color: #bcd6ff; }