.jps-account-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; margin:20px 0; }
.jps-account-card { border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 4px 14px #0f172a08; color:#172033; }
.jps-account-card>img { display:block; width:100%; height:220px; object-fit:contain; background:#f8fafc; }
.jps-account-card-body { padding:18px; }
.jps-account-card h3 { margin:0 0 8px; font-size:19px; overflow-wrap:anywhere; }
.jps-account-card p { margin:0 0 14px; font-size:14px; }
.jps-account-actions { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.jps-account-name { display:flex; flex-wrap:wrap; gap:8px; padding-top:14px; border-top:1px solid #e5e7eb; }
.jps-account-name label { display:block; width:100%; font-size:13px; }
.jps-account-name label span { display:block; margin-bottom:6px; }
.jps-account-name input[type=text] { box-sizing:border-box; width:100%; min-height:42px; border-radius:8px; padding:8px 10px; }
.jps-account-card .button { white-space:normal; min-height:40px; }
.jps-account-pagination { display:flex; gap:10px; justify-content:center; margin:24px 0; }
@media(max-width:480px) { .jps-account-grid { grid-template-columns:1fr; } .jps-account-card>img { height:200px; } }