.jdps-wrap{margin:12px 0 18px;padding:14px;border:1px solid #dbe2ea;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.06)}
.jdps-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.jdps-head strong{display:block;font-size:15px;color:#172033}.jdps-head span{display:block;margin-top:3px;font-size:12px;color:#64748b}.jdps-count{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#fff3e8;color:#f05b00;font-size:12px}
.jdps-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.jdps-card{position:relative;min-width:0;border:1px solid #dce3eb;border-radius:12px;background:#fff;padding:7px;cursor:grab;transition:.15s;touch-action:manipulation}.jdps-card:hover{box-shadow:0 8px 20px rgba(15,23,42,.1);transform:translateY(-1px)}.jdps-card.is-dragging{opacity:.45}.jdps-card.is-over{border:2px dashed #ff6a00;background:#fff8f2}.jdps-card img{display:block;width:100%;height:130px;object-fit:cover;border-radius:8px;background:#f1f5f9}.jdps-main{position:absolute;top:13px;left:13px;padding:4px 7px;border-radius:999px;background:#ff6a00;color:#fff;font-size:10px;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.15)}.jdps-name{margin:7px 2px 5px;font-size:11px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jdps-controls{display:flex;gap:4px}.jdps-controls button{flex:1;border:1px solid #d7dee7;background:#f8fafc;border-radius:7px;padding:5px 3px;font-size:11px;cursor:pointer}.jdps-controls button:hover:not(:disabled){background:#eef2f7}.jdps-controls button:disabled{opacity:.4;cursor:not-allowed}.jdps-controls .danger{color:#b42318}.jdps-note{margin-top:10px;font-size:11px;color:#64748b}.jdps-empty{padding:18px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:10px;font-size:12px;grid-column:1/-1}
@media(max-width:900px){.jdps-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}.jdps-card img{height:115px}}
@media(max-width:560px){.jdps-grid{grid-template-columns:repeat(2,minmax(105px,1fr));gap:8px}.jdps-card img{height:115px}.jdps-head{align-items:flex-start}.jdps-head span{max-width:240px}.jdps-controls button{min-height:34px;font-size:12px}}