/* Compact cards — รูปเต็มกรอบ + ข้อความด้านล่าง */
:root{
  --pd-fc-title-size:13px;
  --pd-fc-meta-size:11px;
  --pd-fc-radius:14px;
  --pd-fc-gap:10px;
  --pd-fc-grid-min:158px;
  --pd-fc-grid-max:204px;
  --pd-fc-grid-min-md:168px;
}
.feed-card--compact,
.feed-card.feed-card--compact{
  border-radius:var(--pd-fc-radius);
  overflow:hidden;
}
.agent-card.feed-card--compact,
.feed-card--compact{
  position:relative;
  border:1px solid #e5e7eb;
  background:#fff;
  box-shadow:0 2px 10px rgba(15,23,42,.06);
  padding:0;
}
.agent-card.feed-card--compact{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  height:auto;
}
.pd-feed-compact-trigger{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  width:100%;
  margin:0;
  padding:0;
  border:none;
  border-radius:0;
  background:#fff;
  cursor:pointer;
  text-align:left;
  font:inherit;
  color:inherit;
  flex-shrink:0;
  transition:background .12s ease;
}
.pd-feed-compact-trigger:hover{
  background:#fafcff;
}
.pd-feed-compact-trigger:focus-visible{
  outline:2px solid rgba(26,115,232,.45);
  outline-offset:-2px;
}
/* รูปสี่เหลี่ยมเต็มความกว้างการ์ด */
.pd-feed-compact-thumb{
  position:relative;
  flex-shrink:0;
  width:100%;
  aspect-ratio:1 / 1;
  background:#e2e8f0;
  overflow:hidden;
  line-height:0;
}
.pd-feed-compact-thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transform:scale(1.001);
  transition:transform .2s ease;
}
.pd-feed-compact-trigger:hover .pd-feed-compact-thumb img{
  transform:scale(1.04);
}
.pd-feed-compact-thumb--empty{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  color:#94a3b8;
  background:linear-gradient(145deg,#e8f2ff,#eef2f7);
}
.pd-feed-compact-body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:8px 10px 10px;
}
.pd-feed-compact-title{
  margin:0;
  padding:0;
  font-size:var(--pd-fc-title-size);
  font-weight:1000;
  line-height:1.32;
  color:#0f172a;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}
.pd-feed-compact-meta{
  display:-webkit-box;
  margin:0;
  padding:0;
  font-size:var(--pd-fc-meta-size);
  font-weight:800;
  line-height:1.35;
  color:#64748b;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}
.pd-feed-compact-open-btn{
  margin-top:3px;
  width:100%;
  border:0;
  border-radius:8px;
  padding:7px 8px;
  font-size:11px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  cursor:pointer;
  box-shadow:0 1px 6px rgba(37,99,235,.22);
}
.pd-feed-compact-open-btn:hover{
  filter:brightness(1.05);
}
.feed-card--compact .pd-feed-compact-full{
  display:none !important;
}
.agent-list:has(.feed-card--compact),
.agent-list:has(.agent-card.feed-card--compact),
.craft-grid:has(.agent-card.feed-card--compact),
.mortgage-grid:has(.agent-card.feed-card--compact),
.survey-grid:has(.agent-card.feed-card--compact),
#feedList:has(.feed-card--compact),
.feed-profile-list:has(.feed-card--compact),
#feedProfileList:has(.feed-card--compact){
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(var(--pd-fc-grid-min), 1fr));
  gap:var(--pd-fc-gap);
  align-items:start;
  justify-content:start;
}
@media(min-width:720px){
  .agent-list:has(.feed-card--compact),
  .agent-list:has(.agent-card.feed-card--compact),
  .craft-grid:has(.agent-card.feed-card--compact),
  .mortgage-grid:has(.agent-card.feed-card--compact),
  .survey-grid:has(.agent-card.feed-card--compact),
  #feedList:has(.feed-card--compact),
  .feed-profile-list:has(.feed-card--compact),
  #feedProfileList:has(.feed-card--compact){
    grid-template-columns:repeat(auto-fill, minmax(var(--pd-fc-grid-min-md), var(--pd-fc-grid-max)));
  }
}
@media(min-width:1100px){
  .agent-list:has(.feed-card--compact),
  .agent-list:has(.agent-card.feed-card--compact){
    grid-template-columns:repeat(auto-fill, minmax(162px, 200px));
  }
}
.fb-feed-posts-column .feed-profile-list:has(.feed-card--compact){
  display:grid !important;
  flex-direction:unset !important;
  grid-template-columns:repeat(auto-fill, minmax(var(--pd-fc-grid-min), var(--pd-fc-grid-max))) !important;
  gap:var(--pd-fc-gap) !important;
  align-items:start !important;
  justify-content:start !important;
}