/* Publication Co-Pilot base styles (namespaced with .pcp-) */
.pcp-wrap .pcp-tabs { display:flex; gap:6px; margin:10px 0; }
.pcp-wrap .pcp-tab { background:#0f172a; color:#cbd5e1; border:1px solid #1f2937; padding:8px 12px; border-radius:8px; cursor:pointer; }
.pcp-wrap .pcp-tab.active { background:#2563eb; color:#fff; border-color:#2563eb; }
.pcp-wrap .pcp-panel { display:none; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; }
.pcp-wrap .pcp-panel.active { display:block; }

/* Frontend container */
#pcp-app .panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px rgba(2,6,23,.08);overflow:hidden}
#pcp-app .tabs{display:flex;gap:2px;overflow:auto;background:#0b1220;padding:6px;border-bottom:1px solid #0f172a}
#pcp-app .tab-btn{border:1px solid #1f2937;background:#0f172a;color:#cbd5e1;padding:10px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}
#pcp-app .tab-btn[aria-selected="true"]{background:#2563eb;border-color:#2563eb;color:#fff}
#pcp-app .tab-panel{display:none;padding:20px}
#pcp-app .tab-panel.active{display:block}
#pcp-app .btn{border:1px solid #e5e7eb;background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}
#pcp-app .btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}
#pcp-app .btn.small{padding:6px 10px;font-size:12px;border-radius:8px}
#pcp-app .item{border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:grid;gap:10px}
#pcp-app .grid{display:grid;gap:16px}
#pcp-app .grid-2{grid-template-columns:1fr 1fr}
#pcp-app .grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width: 900px){ #pcp-app .grid-2,#pcp-app .grid-3{grid-template-columns:1fr} }
#pcp-app label{font-size:13px;color:#475569;display:block;margin:0 0 6px}
#pcp-app input[type="text"],#pcp-app input[type="email"],#pcp-app input[type="number"],#pcp-app textarea,#pcp-app select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff}
#pcp-app textarea{min-height:120px;resize:vertical}
#pcp-app .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:12px}
#pcp-app .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#pcp-app .slider-wrap{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
#pcp-app .toast{position:fixed;right:20px;bottom:20px;background:#0f172a;color:white;padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px rgba(2,6,23,.2);opacity:0;transform:translateY(8px);transition:.25s}
#pcp-app .toast.show{opacity:1;transform:translateY(0)}

/* === NEW: Figure thumbnails + lightbox === */
.pcp-thumb {
  max-width: 100px;
  max-height: 100px;
  border-radius: 6px;
  cursor: pointer;
  transition: transform .2s ease;
  margin-top: 6px;
}
.pcp-thumb:hover { transform: scale(1.05); }

.pcp-lightbox {
  position: fixed;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,.8);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
}
.pcp-lightbox img {
  max-width:90%;
  max-height:90%;
  border-radius:8px;
  box-shadow:0 0 20px rgba(0,0,0,.5);
}