/* =============================================================
   includes/author/authors-popup.css — Authors bottom sheet
   (mobile book page → author page entry, spec ekran 01).
   Same visual language as the author page sheet: #1d2138 panel,
   26px top radius, PRIMARY badge in brand green #cfe8c0.
   ============================================================= */

.aupop-scrim {
  position: fixed; inset: 0; z-index: 940;
  background: rgba(6,8,15,.62);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  transition: opacity .35s ease;
  opacity: 0; pointer-events: none;
}
.aupop-scrim.is-on { opacity: 1; pointer-events: auto; }

.aupop-sheet {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 950;
  background: #1d2138; border-top: 1px solid rgba(255,255,255,.06);
  border-top-left-radius: 26px; border-top-right-radius: 26px;
  padding: 20px clamp(18px, 6vw, 26px) calc(30px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -14px 44px rgba(0,0,0,.5);
  transition: transform .4s cubic-bezier(.22,1,.36,1);
  transform: translateY(118%);
  font-family: 'Gotham', 'Montserrat', -apple-system, 'Segoe UI', sans-serif;
}
.aupop-sheet.is-open { transform: translateY(0); }

.aupop-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 8px;
}
.aupop-title { font-size: 23px; font-weight: 700; color: #ffffff; letter-spacing: -.3px; }
.aupop-close {
  width: 40px; height: 40px; margin-right: -6px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; color: #c9ccd8;
  background: none; border: 0; padding: 0; cursor: pointer;
}

.aupop-list { display: flex; flex-direction: column; margin-top: 4px; }
.aupop-row {
  display: flex; align-items: center; gap: 16px;
  padding: 13px 8px; margin: 0 -8px; border-radius: 14px;
  text-decoration: none; cursor: pointer;
}
.aupop-avatar {
  flex: none; width: 48px; height: 48px; border-radius: 50%;
  background: #2a3050; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.aupop-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aupop-namewrap { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; }
.aupop-name {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 16.5px; font-weight: 600; color: #f2f3f7; letter-spacing: -.1px;
}
.aupop-badge {
  flex: none; font-size: 9px; font-weight: 800; letter-spacing: 1px;
  color: #16220f; background: #cfe8c0;
  padding: 3px 8px; border-radius: 999px;
}