.patient-card{border:1px solid var(--separator);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.patient-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.patient-card .card-body{padding:1rem 1.25rem}.patient-card-avatar-wrapper{cursor:pointer;flex-shrink:0;position:relative}.patient-card-avatar{width:48px;height:48px;color:var(--primary);background-color:var(--primary-lighter);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:filter .2s;display:flex;overflow:hidden}.patient-card-avatar img{object-fit:cover;width:100%;height:100%}.patient-card-avatar-overlay{opacity:0;color:#fff;background-color:#0000008c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.patient-card-avatar-overlay-text{text-align:center;margin-top:2px;font-size:.55rem;font-weight:500;line-height:1.1}.patient-card-avatar-wrapper:hover .patient-card-avatar-overlay{opacity:1}.patient-card-avatar-wrapper:hover .patient-card-avatar{filter:brightness(.85)}.patient-card-info{flex:1;min-width:0}.patient-card-name{color:var(--body);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1rem;font-weight:600;overflow:hidden}.patient-card-detail{color:var(--alternate);margin-bottom:1px;font-size:.8rem}.patient-card-diagnostic{color:var(--body);font-size:.8rem;font-weight:500}.patient-card-actions{border-top:1px solid var(--separator-light);flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.patient-card-actions a,.patient-card-actions span{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex}.patient-card-actions a:hover{background-color:var(--separator-light)}.patient-nav-icons{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.patient-nav-icon{width:28px;height:28px;color:var(--alternate);border-radius:8px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.patient-nav-icon:hover{background-color:var(--separator-light);color:var(--primary)}.patient-nav-icon--disabled{opacity:.4;cursor:not-allowed}.view-toggle-btn{border:1px solid var(--separator);cursor:pointer;color:var(--alternate);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.4rem .6rem;transition:background-color .15s,border-color .15s;display:flex}.view-toggle-btn:hover{background-color:var(--separator-light);border-color:var(--primary);color:var(--primary)}.view-toggle-btn.active{background-color:var(--primary-lighter);border-color:var(--primary);color:var(--primary)}.patient-photo-upload-area{border:2px dashed var(--separator);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;transition:border-color .2s,background-color .2s;display:flex;overflow:hidden}.patient-photo-upload-area:hover{border-color:var(--primary);background-color:var(--primary-lighter)}.patient-photo-preview{object-fit:cover;width:100%;height:100%}.patient-photo-upload-placeholder{color:var(--alternate);flex-direction:column;justify-content:center;align-items:center;display:flex}html[data-color^=dark-] .patient-card{border-color:var(--separator)}html[data-color^=dark-] .patient-card:hover{box-shadow:0 6px 16px #0000004d}html[data-color^=dark-] .patient-card-avatar{background-color:var(--separator);color:var(--light-text)}html[data-color^=dark-] .patient-card-name{color:var(--light-text)}html[data-color^=dark-] .patient-photo-upload-area{border-color:var(--separator)}html[data-color^=dark-] .patient-photo-upload-area:hover{border-color:var(--primary);background-color:var(--separator)}html[data-color^=dark-] .patient-nav-icon{color:var(--light-text)}html[data-color^=dark-] .patient-nav-icon:hover{background-color:var(--separator);color:var(--primary)}.patient-incomplete-badge{color:#8f6d13;white-space:nowrap;background-color:#ffc74024;border:1px solid #ffc74061;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:.66rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;bottom:6px}.patient-incomplete-badge--row{left:2rem}.patient-incomplete-badge--card{left:1.25rem}.patient-incomplete-badge--inline{position:static}.patient-card--incomplete .card-body{padding-bottom:1.9rem}html[data-color^=dark-] .patient-incomplete-badge{color:#e3c56f;background-color:#ffc7401f;border-color:#ffc7404d}