/* Container */
.wprh-container{ max-width: 900px; margin: 0 auto; padding: 12px; box-sizing: border-box; }
.wprh-toolbar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.wprh-toolbar-actions{ display:flex; gap:8px; }

/* Pill buttons bar */
.wprh-catbar{ display:flex; gap:8px; overflow:auto; padding-bottom:6px; }
.wprh-pill{ border:none; padding:10px 14px; border-radius:999px; background:#f0f2f5; cursor:pointer; white-space:nowrap; display:flex; align-items:center; gap:8px; font-weight:600; box-shadow:0 1px 2px rgba(0,0,0,.05); }
.wprh-pill i{ font-size:14px; }
.wprh-pill:hover{ background:#e4e7eb; }
.wprh-pill-active{ background:#1e88e5; color:#fff; }

/* Inputs & buttons */
.wprh-input, .wprh-select{ padding:10px; border:1px solid #ddd; border-radius:10px; width: 100%; }
.wprh-btn{ padding:10px 14px; border:none; border-radius:12px; background:#1e88e5; color:#fff; cursor:pointer; box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.wprh-btn:hover{ opacity:.92; }
.wprh-secondary{ background:#607d8b; }
.wprh-danger{ background:#e53935; }
.wprh-small{ padding:6px 10px; border-radius:10px; }

/* Notice */
.wprh-notice{ background:#fff3cd; border:1px solid #ffeeba; padding:12px; border-radius:10px; }

/* Feed grid */
.wprh-feed{ display:grid; grid-template-columns:1fr; gap:12px; }
@media(min-width:700px){ .wprh-feed{ grid-template-columns:1fr; } }

/* Card */
.wprh-card{ background:#fff; border:1px solid #eee; border-radius:16px; padding:12px; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.wprh-card-head{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.wprh-portal-logo{ width:36px; height:36px; border-radius:50%; object-fit:cover; border:1px solid #eee; }
.wprh-portal-meta{ display:flex; flex-direction:column; }
.wprh-portal-name{ font-weight:600; }
.wprh-portal-date{ font-size:12px; color:#666; }

.wprh-img-wrap{ width:100%; aspect-ratio: 16/9; overflow:hidden; border-radius:14px; margin-bottom:8px; background:#fafafa; display:block; }
.wprh-img{ width:100%; height:100%; object-fit:cover; display:block; }

.wprh-title a{ text-decoration:none; font-size:20px; font-weight:700; color:#111; }
.wprh-title a:hover{ text-decoration:underline; }

.wprh-loadmore{ display:block; margin: 10px auto; }

/* Modals */
.wprh-modal{ position:fixed; inset:0; background: rgba(0,0,0,.4); z-index:9999; display:flex; align-items:center; justify-content:center; padding:16px; }
.wprh-modal-content{ background:#fff; border-radius:16px; max-width: 720px; width:100%; padding:16px; }
.wprh-modal-wide{ max-width: 1000px; }
.wprh-actions{ display:flex; gap:8px; margin-top:12px; }
.wprh-modal-open{ overflow:hidden; }

/* Table */
.wprh-table-wrap{ overflow:auto; }
.wprh-table{ width:100%; border-collapse: collapse; }
.wprh-table th, .wprh-table td{ border-bottom:1px solid #eee; padding:8px; text-align:left; }

/* BuddyPress avatar fix for our activity content */
.wprh-bp-logo{ width:40px !important; height:40px !important; border-radius:50% !important; object-fit:cover !important; display:inline-block; }

/* If theme enforces different avatar styles, add high-specificity rule */
.activity-list .activity-item div.item-avatar img.wprh-bp-logo{ width:40px !important; height:40px !important; border-radius:50% !important; object-fit:cover !important; }