/* ADDON_1233 responsive utilities for Alerts/Following/Profile */
/* Base fluid table/cards */
:root{
  --pw-pad: clamp(10px, 2.8vw, 18px);
  --pw-gap: clamp(8px, 2vw, 16px);
  --pw-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
.pw-container-1233{
  max-width: 980px;
  margin: 0 auto;
  padding: var(--pw-pad);
  font-family: var(--pw-font);
}
.pw-card-1233{
  background:#fff;
  color:#111;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow: 0 6px 22px rgba(0,0,0,0.06);
  padding: clamp(12px, 2.6vw, 20px);
}
.pw-grid-1233{
  display:grid;
  grid-template-columns: 1fr;
  gap: var(--pw-gap);
}
@media (min-width: 600px){
  .pw-grid-1233.cols-2{ grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px){
  .pw-grid-1233.cols-3{ grid-template-columns: 1fr 1fr 1fr; }
}
/* Lists */
.pw-list-1233{ list-style:none; margin:0; padding:0; }
.pw-list-1233 > li{
  display:flex; align-items:flex-start; gap:12px;
  padding:12px 8px; border-bottom:1px solid #f3f4f6;
}
.pw-list-1233 > li:last-child{ border-bottom:none; }
/* Avatars + text truncation */
.pw-ava-1233{
  width:40px;height:40px;border-radius:999px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;
  color:#374151;font-weight:700;
}
.pw-line1-1233{
  font-weight:600;font-size:14px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pw-line2-1233{
  font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Page headings */
.pw-h1-1233{ font-size:clamp(18px, 4vw, 24px); font-weight:700; margin-bottom:12px; color:#111; }
/* Header spacer for bottom bar if needed */
.pw-bottom-spacer-1233{ height: calc(60px + env(safe-area-inset-bottom,0px)); }
/* Page specific wrappers (no markup edit needed; added by JS as body classes) */
body.page-alerts .pw-container-1233,
body.page-following .pw-container-1233,
body.page-profile .pw-container-1233{ padding-bottom: calc(60px + 10px); }
/* Make tables scroll on small screens */
.pw-scroll-x-1233{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.pw-table-1233{ border-collapse:collapse; width:100%; font-size:14px; }
.pw-table-1233 th, .pw-table-1233 td{ border-bottom:1px solid #f3f4f6; padding:10px; text-align:left; }
.pw-chip-1233{ display:inline-block; padding:4px 8px; border-radius:999px; background:#111; color:#fff; font-size:11px; }