/* Shifobakhsh 47.04.2: doctor selection cards, scoped to demo appointment. */
.doctor-picker-field{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.doctor-cards-area{grid-column:1/-1;margin:6px 0 12px;padding:20px;border:1px solid #cde7e5;border-radius:18px;background:linear-gradient(140deg,#f2fbfa,#fff 65%)}
.doctor-cards-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;color:#073e50}.doctor-cards-heading strong{font-size:17px}.doctor-cards-heading span{font-size:12px;color:#5b7e88}
.doctor-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.doctor-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:110px;text-align:left;padding:13px;border:1px solid #d5e8e8;border-radius:14px;background:white;color:#0a4151;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;font:inherit}
.doctor-choice:hover{border-color:#009b94;box-shadow:0 6px 22px rgba(0,118,112,.10);transform:translateY(-1px)}.doctor-choice:focus-visible{outline:3px solid #16a6a0;outline-offset:2px}
.doctor-choice.is-selected{border:2px solid #009b94;background:#eafaf6;box-shadow:0 0 0 2px rgba(0,155,148,.10)}.doctor-choice[hidden]{display:none!important}
.doctor-choice-photo{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:82px;border-radius:11px;background:#dff2ef;color:#009a92;font-size:35px;overflow:hidden}.doctor-choice-photo img{width:100%;height:100%;object-fit:cover}
.doctor-choice-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.doctor-choice-info strong{font-size:14px;line-height:1.3;overflow-wrap:anywhere}.doctor-choice-info small{font-size:12px;color:#5b7d85}.doctor-choice-action{font-size:12px;color:#008c85;font-weight:700;margin-top:4px}.doctor-choice.is-selected .doctor-choice-action::before{content:'✓ '}.doctor-choice.is-selected .doctor-choice-action{color:#006c64}.doctor-cards-empty{margin:10px 0;color:#56747b}
@media(max-width:580px){.doctor-cards-area{padding:13px}.doctor-cards-grid{grid-template-columns:1fr}.doctor-choice{min-height:100px}}