.dsdr-wrap{max-width:1100px;margin:24px auto;padding:0 14px}
.dsdr-head{margin-bottom:14px}
.dsdr-title{margin:0 0 4px;font-size:28px;line-height:1.2}
.dsdr-sub{margin:0;color:#666}

.dsdr-form{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.06);padding:16px}
.dsdr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.dsdr-row:nth-child(2){grid-template-columns:2fr 1fr 1fr}

.dsdr-field label{display:block;font-size:13px;color:#333;margin:0 0 6px}
.dsdr-field input,.dsdr-field select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff}
.dsdr-field small{display:block;margin-top:6px;color:#777;font-size:12px}

.dsdr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.dsdr-btn{appearance:none;border:1px solid rgba(0,0,0,.15);background:#fff;color:#111;padding:10px 14px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.dsdr-btn.primary{background:#0B66FF;border-color:#0B66FF;color:#fff}
.dsdr-btn:hover{opacity:.93}

.dsdr-status{margin:12px 0;color:#333}
.dsdr-status .err{background:#fff5f5;border:1px solid #ffd2d2;color:#9b1c1c;padding:12px;border-radius:12px}
.dsdr-status .ok{background:#f0fff4;border:1px solid #b7f7c8;color:#14532d;padding:12px;border-radius:12px}

.dsdr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dsdr-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.06);padding:14px;display:flex;gap:12px}
.dsdr-photo{width:70px;height:70px;border-radius:14px;object-fit:cover;background:#f3f3f3;flex:0 0 70px}
.dsdr-card h3{margin:0 0 4px;font-size:16px}
.dsdr-meta{margin:0;color:#666;font-size:13px}
.dsdr-badges{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.dsdr-badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#f6f6f6;border:1px solid rgba(0,0,0,.06);color:#333}
.dsdr-card-actions{margin-top:10px}

.dsdr-pager{margin-top:14px;display:flex;justify-content:center;gap:10px;align-items:center}
.dsdr-page{color:#555}

@media (max-width:1100px){.dsdr-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){
  .dsdr-row{grid-template-columns:1fr}
  .dsdr-row:nth-child(2){grid-template-columns:1fr}
  .dsdr-cards{grid-template-columns:1fr}
}
/* --- Top row: 3 fields in one line + actions --- */
.dsdr-row.dsdr-row--top{
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr auto; /* name smaller, specialty a bit wider */
  gap: 12px;
  align-items: end;
  margin-bottom: 12px;
}

.dsdr-actions.dsdr-actions--inline{
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  margin-top: 0;
}

/* Make the action buttons same height feel */
.dsdr-actions.dsdr-actions--inline .dsdr-btn{
  height: 44px;
  padding: 10px 14px;
  white-space: nowrap;
}

/* Responsive: stack on mobile */
@media (max-width: 900px){
  .dsdr-row.dsdr-row--top{
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .dsdr-actions.dsdr-actions--inline{
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}