/* People Admin Ads — minimal styles for native cards, toast, and modal */
.pa-ads-native{
  background:#242426;
  border:1px solid #363639;
  border-radius:10px;
  overflow:hidden;
}
.pa-ads-native__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid #363639;
}
.pa-ads-native__kicker{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ffd1e3;
}
.pa-ads-native__title{
  margin-top:2px;
  font-weight:700;
  color:#fff;
}
.pa-ads-native__sub{
  margin-top:2px;
  font-size:12px;
  color:#868689;
}
.pa-ads-native__tag{
  font-size:11px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(186,22,84,.45);
  background:rgba(186,22,84,.18);
  color:#ffd1e3;
  white-space:nowrap;
}
.pa-ads-native__body{
  padding:16px;
}
.pa-ads-native__html{
  color:#c9c9cc;
  font-size:14px;
}
.pa-ads-native__actions{
  margin-top:12px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.pa-ads-btn{
  appearance:none;
  border:1px solid #363639;
  background:#111113;
  color:#e5e7eb;
  border-radius:10px;
  padding:8px 12px;
  font-size:13px;
  cursor:pointer;
}
.pa-ads-btn:hover{ filter:brightness(1.08); }
.pa-ads-btn--brand{
  border-color:#ba1654;
  background:#ba1654;
  color:#fff;
}

/* Toast */
.pa-ads-toast{
  position:fixed;
  right:20px;
  bottom:20px;
  width:340px;
  max-width:calc(100vw - 40px);
  background:rgba(30,30,32,.98);
  border:1px solid #363639;
  border-radius:12px;
  box-shadow:0 18px 38px rgba(0,0,0,.45);
  z-index:99999;
}
.pa-ads-toast__inner{ padding:14px; }
.pa-ads-toast__row{ display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.pa-ads-toast__close{ border:1px solid #363639; background:#111113; color:#c9c9cc; border-radius:8px; padding:4px 8px; cursor:pointer; }
.pa-ads-toast__msg{ margin-top:6px; font-size:13px; color:#868689; }
.pa-ads-toast__actions{ margin-top:10px; display:flex; gap:8px; }
.pa-ads-toast__actions .pa-ads-btn{ flex:1; }

/* Modal */
.pa-ads-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.65);
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.pa-ads-modal{
  width:100%;
  max-width:640px;
  background:#242426;
  border:1px solid #363639;
  border-radius:14px;
  overflow:hidden;
}
.pa-ads-modal__head{
  padding:14px 16px;
  border-bottom:1px solid #363639;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.pa-ads-modal__title{ font-weight:700; color:#fff; }
.pa-ads-modal__sub{ font-size:12px; color:#868689; margin-top:2px; }
.pa-ads-modal__body{ padding:16px; }
/* Prevent ad HTML from overflowing its container */
.pa-ads-native{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.pa-ads-native *{
  box-sizing:border-box;
}

/* Break long URLs/strings */
.pa-ads-native .pa-ads-rich{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Constrain common media elements inside ad.html */
.pa-ads-native .pa-ads-rich img,
.pa-ads-native .pa-ads-rich video,
.pa-ads-native .pa-ads-rich iframe,
.pa-ads-native .pa-ads-rich embed,
.pa-ads-native .pa-ads-rich object{
  max-width:100%;
  height:auto;
}

/* Tables often blow out layouts */
.pa-ads-native .pa-ads-rich table{
  max-width:100%;
  width:100%;
  display:block;
  overflow-x:auto;
}