.followup-owner-backdrop {
  position: fixed;
  inset: 0;
  z-index: 220;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(8, 24, 48, .68);
  backdrop-filter: blur(7px);
}

.followup-owner-dialog {
  width: min(580px, 100%);
  border: 2px solid #f59e0b;
  border-radius: 24px;
  padding: 28px;
  background: #fffdf7;
  box-shadow: 0 30px 80px rgba(15, 23, 42, .35);
  color: #10233f;
  text-align: center;
}

.followup-owner-dialog.critical {
  border-color: #e11d48;
  background: #fff8f8;
}

.followup-owner-icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin: 0 auto 12px;
  border-radius: 22px;
  background: #fff1c7;
  font-size: 36px;
}

.followup-owner-dialog.critical .followup-owner-icon { background: #ffe4e6; }
.followup-owner-dialog h2 { margin: 6px 0; font-size: clamp(26px, 4vw, 36px); line-height: 1.15; }
.followup-owner-dialog > p { margin: 8px auto; max-width: 46ch; font-size: 17px; line-height: 1.55; }
.followup-owner-dialog .followup-owner-job { color: #9a3412; font-size: 22px; font-weight: 900; overflow-wrap: anywhere; }
.followup-owner-dialog.critical .followup-owner-job { color: #be123c; }
.followup-owner-dialog > small { display: block; margin-top: 14px; color: #64748b; font-size: 13px; }

.followup-owner-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.followup-owner-actions button {
  min-height: 52px;
  padding: 10px 14px;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 800;
}

.followup-owner-dialog.critical .followup-owner-actions .primary { background: #e11d48; border-color: #e11d48; }

@media (max-width: 680px) {
  .followup-owner-backdrop { align-items: end; padding: 10px; }
  .followup-owner-dialog { border-radius: 22px; padding: 22px 18px calc(20px + env(safe-area-inset-bottom)); }
  .followup-owner-actions { grid-template-columns: 1fr; }
  .followup-owner-actions .primary { order: -1; }
}

@media (prefers-reduced-motion: no-preference) {
  .followup-owner-dialog.critical { animation: followup-owner-pulse 1.6s ease-in-out 2; }
  @keyframes followup-owner-pulse {
    50% { transform: scale(1.012); box-shadow: 0 30px 90px rgba(225, 29, 72, .35); }
  }
}