:root{
  --rev-bg: #FFF2D8;
  --rev-salmon: #E07A5F;
  --rev-teal: #0A6E6A;
  --rev-cream: #FFF7E6;
}

body{ background: var(--rev-bg); }

.rev-shell{
  background: var(--rev-cream);
  border: 3px solid var(--rev-salmon);
  border-radius: 1.5rem;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

.rev-logo{
  max-width: 240px;
  height: auto;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
}

.rev-title{
  color: var(--rev-salmon);
  font-weight: 900;
  letter-spacing: 1px;
  font-style: italic;
}

.rev-time-badge{
  background: #FFC400;
  font-weight: 900;
  color: #222;
}

/* simpele placeholders voor foto tiles */
.media-tile{
  width: 100%;
  aspect-ratio: 1 / 1;
  background: rgba(224,122,95,.18);
  border: 2px dashed rgba(10,110,106,.35);
}

.rev-chip{
  background: rgba(224,122,95,.15);
  color: var(--rev-salmon);
  border: 1px solid rgba(224,122,95,.35);
  font-weight: 800;
}

.rev-member{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.rev-icon{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(10,110,106,.10);
  border: 1px solid rgba(10,110,106,.20);
  font-size: 22px;
}

.rev-cta{
  background: rgba(255,255,255,.8);
  border: 1px dashed rgba(10,110,106,.35);
}

.rev-avatar{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  overflow: hidden;
  flex-shrink: 0;

  background: rgba(10,110,106,.08);
  border: 1px solid rgba(10,110,106,.25);
}

.rev-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}