/* ======================================
   PORTRAIT UPLOAD
   ====================================== */

.avatar-wrap {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.avatar-upload-hint {
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  opacity: 0;
  transition: opacity 0.2s;
}
.avatar-wrap:hover .avatar-upload-hint { opacity: 1; }

/* ======================================
   RAVEN MAIL TABS
   ====================================== */

/* The tab bar itself is the shared one (.raven-tab in controls.css); only
   the gap below it is the Ravens' own. */
.raven-tabs { margin-bottom: 0.9rem; }