/* Member identities and devotion forms. */
.member-cell {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 250px;
}
.member-cell > .avatar {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    font-size: 17px;
}
.member-identity { min-width: 0; }
.member-name-line {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 7px;
}
.member-salutation {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 2px 7px;
    border: 1px solid #dce3f2;
    border-radius: 6px;
    background: #f1f4fb;
    color: #5c6e98;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
}
.member-full-name { line-height: 1.5; overflow-wrap: anywhere; }
.member-meta-line { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 10px; }
.member-username { font-size: 13px; color: #62728b; overflow-wrap: anywhere; }
.member-role { font-size: 12px; line-height: 1.5; padding: 2px 8px; border-radius: 6px; background: #edf4ef; color: #4e715e; }
.member-request { margin-top: 6px; color: #8b692c; font-size: 12px; }
.devotion-form { max-width: 1050px; }
.devotion-summary-cell { max-width: 510px; }
.devotion-excerpt { color: #64738b; font-size: 14px; line-height: 1.6; margin: 6px 0 0; }
.calendar-picker { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-bottom: 20px; }
.calendar-picker-field { flex: 1 1 150px; min-width: 0; }
.calendar-picker .form-label { font-size: 13px; margin-bottom: 6px; }
@media (max-width: 767px) {
    .member-cell { gap: 11px; min-width: 230px; }
    .calendar-picker > .btn { width: 100%; }
}