/* Profilio – Cyberspace Activity (PCA)
   Pixel/clean UI, Poppins, gruby scrollbar, zgodnie z projektem.
*/
.pca {
  font-family: "Poppins", sans-serif;
  color: #0f172a;
}
.pca * { box-sizing: border-box; }

.pca-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:24px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  padding:18px;
}

.pca-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.pca-titleRow{
  display:flex;
  align-items:center;
  gap:10px;
}

.pca-title{
  margin:0;
  font-size:22px;
  font-weight:700;
  letter-spacing:-.02em;
  color:#0b1220;
}

.pca-infoBtn{
  width:34px;height:34px;
  border-radius:10px;
  border:1px solid transparent;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#94a3b8;
  cursor:pointer;
}
.pca-infoBtn:hover{ background:#f8fafc; color:#64748b; }

.pca-tooltip{
  position:absolute;
  margin-top:10px;
  width:280px;
  background:#111827;
  color:#fff;
  font-size:12px;
  line-height:1.35;
  padding:10px 12px;
  border-radius:12px;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  z-index:10;
}
.pca-tooltip::before{
  content:"";
  position:absolute;
  top:-6px; left:14px;
  width:12px; height:12px;
  background:#111827;
  transform:rotate(45deg);
  border-radius:2px;
}
.pca-titleRow{ position:relative; }

.pca-tabs{
  display:inline-flex;
  gap:6px;
  padding:6px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e5e7eb;
}
.pca-tab{
  height:38px;
  padding:0 14px;
  border-radius:12px;
  border:0;
  background:transparent;
  cursor:pointer;
  font-weight:500;
  font-size:14px;
  color:#334155;
  transition:background .15s ease, color .15s ease;
}
.pca-tab:hover{ background:#f8fafc; }
.pca-tab.is-active{
  background:#0b1220;
  color:#fff;
}

.pca-panel{
  border-radius:18px;
  border:1px solid #e5e7eb;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  background:#fff;
}
.pca-panelHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid #e5e7eb;
}
.pca-panelTitle{
  font-size:16px;
  font-weight:700;
  color:#0b1220;
}
.pca-refresh{
  width:38px;height:38px;
  border-radius:12px;
  border:1px solid transparent;
  background:transparent;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:#64748b;
}
.pca-refresh:hover{ background:#f8fafc; }

.pca-scroll{
  max-height:520px;
  overflow-y:auto;
  padding:14px;
  padding-right:10px; /* miejsce na gruby scrollbar */
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

/* Thick scrollbar (WebKit) */
.bb-activity-scroll::-webkit-scrollbar{ width:14px; }
.bb-activity-scroll::-webkit-scrollbar-track{
  background:rgba(0,0,0,.06);
  border-radius:999px;
}
.bb-activity-scroll::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.28);
  border-radius:999px;
  border:3px solid rgba(0,0,0,.06);
}
.bb-activity-scroll::-webkit-scrollbar-thumb:hover{
  background:rgba(0,0,0,.36);
}
/* Firefox */
.bb-activity-scroll{ scrollbar-width:auto; }

.pca-hint{
  padding:10px 16px 14px;
  font-size:12px;
  color:#6b7280;
}

/* Skeleton */
.pca-skel{ display:flex; flex-direction:column; gap:12px; }
.pca-skel__card{
  height:150px;
  border-radius:18px;
  border:1px solid #e5e7eb;
  background:linear-gradient(90deg,#f3f4f6 0%,#f9fafb 40%,#f3f4f6 80%);
  background-size:200% 100%;
  animation:pcaShimmer 1.15s ease-in-out infinite;
}
@keyframes pcaShimmer{
  0%{ background-position:0% 0; }
  100%{ background-position:200% 0; }
}

/* Empty / error */
.pca-empty{
  border:1px dashed #e5e7eb;
  border-radius:16px;
  padding:18px;
  color:#64748b;
  font-weight:600;
  background:#fbfdff;
}
.pca-error{
  border:1px solid #fecaca;
  background:#fff1f2;
  border-radius:16px;
  padding:14px 16px;
}
.pca-error__title{
  color:#9f1239;
  font-weight:800;
}
.pca-error__body{
  margin-top:8px;
  font-size:12px;
  color:#9f1239;
  white-space:pre-wrap;
}

/* Item card */
.pca-item{
  border:1px solid #e5e7eb;
  border-radius:18px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  overflow:hidden;
}
.pca-item + .pca-item{ margin-top:12px; }

.pca-groupBar{
  padding:10px 14px;
  background:#f8fafc;
  border-bottom:1px solid #e5e7eb;
  font-size:12px;
  color:#334155;
}
.pca-groupBar a{
  color:#0f172a;
  font-weight:700;
  text-decoration:none;
}
.pca-groupBar a:hover{ text-decoration:underline; }

.pca-itemHead{
  display:flex;
  gap:12px;
  padding:14px;
  align-items:center;
}
.pca-ava{
  width:44px;height:44px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#f3f4f6;
  object-fit:cover;
  flex:0 0 auto;
}
.pca-ava--ph{
  background:#f1f5f9;
}
.pca-headText{
  min-width:0;
  flex:1 1 auto;
}
.pca-actionLine{
  font-size:14px;
  font-weight:800;
  color:#0b1220;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pca-meta{
  margin-top:2px;
  font-size:12px;
  color:#6b7280;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.pca-dot{ color:#cbd5e1; }
.pca-lock{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#64748b;
  font-weight:700;
}
.pca-kebab{
  width:36px;height:36px;
  border-radius:12px;
  border:1px solid transparent;
  background:transparent;
  color:#94a3b8;
  display:flex;align-items:center;justify-content:center;
}
.pca-kebab:disabled{ opacity:.9; cursor:default; }

.pca-itemBody{
  padding:0 14px 12px;
}

/* prose-ish content */
.pca-prose{
  color:#111827;
  font-size:14px;
  line-height:1.6;
}
.pca-prose p{ margin:10px 0; }
.pca-prose ul{ margin:10px 0 10px 18px; }
.pca-prose li{ margin:6px 0; }
.pca-prose b, .pca-prose strong{ font-weight:800; }

.pca-prose.is-clamped{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}

.pca-more{
  margin-top:8px;
  border:0;
  background:transparent;
  color:#7c3aed;
  font-weight:800;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0;
}
.pca-more:hover{ text-decoration:underline; }

/* preview card */
.pca-preview{
  margin-top:12px;
  display:flex;
  align-items:stretch;
  gap:12px;
  padding:12px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  text-decoration:none;
  color:inherit;
  background:#fff;
}
.pca-preview:hover{ background:#f8fafc; }
.pca-previewBody{ flex:1 1 auto; min-width:0; }
.pca-previewDomain{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#6b7280;
  font-weight:800;
}
.pca-previewTitle{
  margin-top:4px;
  font-size:13px;
  font-weight:800;
  color:#0b1220;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pca-previewDesc{
  margin-top:4px;
  font-size:12px;
  color:#64748b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pca-preview i{ color:#94a3b8; align-self:center; }

.pca-preview--yt .pca-previewMedia{
  width:92px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#0b1220;
  position:relative;
}
.pca-ytPlay{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
}
.pca-ytPlay i{ font-size:18px; }

/* poll */
.pca-poll{
  margin-top:12px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#f8fafc;
  padding:12px;
}
.pca-pollHead{
  margin-bottom:10px;
}
.pca-pollTitle{
  font-weight:800;
  color:#0b1220;
  font-size:14px;
}
.pca-pollMeta{
  margin-top:2px;
  font-size:12px;
  color:#64748b;
  font-weight:700;
}
.pca-pollRow{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px;
}
.pca-pollRow + .pca-pollRow{ margin-top:8px; }
.pca-pollRowTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.pca-pollLabel{
  font-size:13px;
  font-weight:800;
  color:#0b1220;
}
.pca-pollPct{
  font-size:13px;
  font-weight:800;
  color:#334155;
}
.pca-pollBar{
  margin-top:8px;
  height:6px;
  background:#f1f5f9;
  border-radius:999px;
  overflow:hidden;
}
.pca-pollFill{
  height:100%;
  width:0%;
  background:#a855f7; /* fiolet jak w projekcie */
  border-radius:999px;
}

/* attachments */
.pca-attachments{
  margin-top:12px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  overflow:hidden;
}
.pca-attachmentsHead{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  font-weight:800;
  color:#0b1220;
}
.pca-attachmentsHead i{ color:#64748b; }
.pca-attachmentsList{ background:#fff; }
.pca-attachItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  text-decoration:none;
  color:inherit;
}
.pca-attachItem:hover{ background:#f8fafc; }
.pca-attachLeft{ min-width:0; }
.pca-attachName{
  font-size:13px;
  font-weight:800;
  color:#0b1220;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pca-attachMeta{
  margin-top:2px;
  font-size:12px;
  color:#64748b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pca-attachItem i{ color:#94a3b8; }

/* actions */
.pca-itemActions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-top:1px solid #e5e7eb;
  background:#fff;
}
.pca-action{
  height:38px;
  padding:0 12px;
  border-radius:12px;
  border:0;
  background:transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#334155;
  font-weight:800;
  font-size:14px;
}
.pca-action i{ font-size:16px; }
.pca-action:hover{ background:#f8fafc; }
.pca-action.is-liked{ color:#7c3aed; }
.pca-action.is-disabled{
  opacity:.55;
  cursor:not-allowed;
}
.pca-action:disabled{ opacity:.65; cursor:not-allowed; }

/* comment box */
.pca-commentBox{
  padding:12px;
  border-top:1px solid #e5e7eb;
  background:#fff;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.pca-input{
  flex:1 1 260px;
  height:40px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  padding:0 12px;
  font-size:14px;
  outline:none;
}
.pca-input:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.18);
}
.pca-send{
  height:40px;
  padding:0 14px;
  border-radius:12px;
  border:0;
  background:#0b1220;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.pca-send:hover{ background:#111827; }
.pca-send:disabled{ opacity:.6; cursor:not-allowed; }
.pca-disclaimer{
  width:100%;
  font-size:11px;
  color:#6b7280;
}

/* toast */
.pca-toast{
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid #bbf7d0;
  background:#f0fdf4;
  color:#166534;
  font-weight:800;
  font-size:13px;
}
.pca-toast.is-error{
  border-color:#fecaca;
  background:#fff1f2;
  color:#9f1239;
}
.pca-toast i{ opacity:.9; }

/* load-more indicator */
.pca-loadMore{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#64748b;
  font-weight:800;
  padding:10px;
}
.pca-mediaGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
@media (min-width:640px){
  .pca-mediaGrid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
.pca-mediaItem{
  display:block;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  background:#fff;
}
.pca-mediaItem img{
  width:100%;
  height:140px;
  display:block;
  object-fit:cover;
}
.pca-mediaItem:hover{ filter:brightness(.98); }