/* Access-only additions on top of Capsule's cupertino.css. */
.head-row { display: flex; align-items: flex-end; justify-content: space-between; padding-top: calc(var(--safe-top) + 12px); }
.head-row .bar-btn { margin-bottom: 6px; margin-right: -8px; }
.muted { color: var(--label-2); }
.centered { text-align: center; }
.app-icon svg { width: 44px; height: 44px; color: #fff; }

.danger { color: var(--red) !important; }
.row.actions { justify-content: flex-end; gap: 8px; }
.row-icon svg { width: 18px; height: 18px; }
.row-title, .row-sub { display: block; }
.row-chev svg { width: 8px; height: 14px; display: block; }

/* A person in a list: collapsible, with their apps and actions inside. */
details.person > summary { list-style: none; cursor: pointer; }
details.person > summary::-webkit-details-marker { display: none; }
details.person[open] .row-chev svg { transform: rotate(90deg); }
details.person + details.person { border-top: 0.5px solid var(--separator); }
form.person + form.person { margin-top: 12px; }
.empty > svg { width: 64px; height: 64px; color: var(--label-3); margin-bottom: 12px; }