.recordings-list-container{display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto;padding-right:.5rem}.recordings-list-container::-webkit-scrollbar{width:6px}.recordings-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.recordings-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.recordings-list-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.recording-card{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;transition:all .2s ease;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.05)}.recording-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.recording-card-header{padding:1rem 1rem .5rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.recording-card-title{font-size:1rem;font-weight:600;color:#1f2937;font-family:var(--font-montserrat),sans-serif;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-card-content{padding:.5rem 1rem}.recording-card-footer{padding:.5rem 1rem 1rem;display:flex;justify-content:space-between;align-items:center}.recording-meta{display:flex;flex-wrap:wrap;gap:1rem;color:#6b7280;font-size:.875rem}.recording-meta-item{display:flex;align-items:center;gap:.25rem}.recording-actions{display:flex;gap:.5rem}.recording-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;font-size:.875rem;padding:.375rem .75rem;transition:all .2s ease;cursor:pointer}.recording-btn-play{background-color:#5B9BD5;color:white;border:none}.recording-btn-play:hover{background-color:#4A8BC5}.recording-btn-outline{background-color:transparent;border:1px solid #d1d5db;color:#374151}.recording-btn-outline:hover{background-color:#f9fafb}.recording-btn-delete{background-color:transparent;border:1px solid #d1d5db;color:#ef4444}.recording-btn-delete:hover{background-color:#fee2e2;border-color:#fecaca}.recording-btn-icon{padding:.375rem}.recording-btn-disabled{opacity:.5;cursor:not-allowed}.recording-btn-disabled:hover{background-color:transparent}.recording-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280;text-align:center}.recording-empty-icon{margin-bottom:1rem;color:#d1d5db}.recording-loading{display:flex;justify-content:center;align-items:center;padding:3rem 1rem}.recording-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#5b9bd5;border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(1turn)}}.dialog-title{font-size:1.25rem;font-weight:600;color:#1f2937;font-family:var(--font-montserrat),sans-serif;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.video-player-container{border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.recording-thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%;background-color:#f3f4f6;border-radius:.375rem;overflow:hidden;margin-bottom:.75rem}.recording-thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.recording-thumbnail-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;background-color:rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.recording-thumbnail-play:hover{background-color:rgba(255,255,255,.9);transform:translate(-50%,-50%) scale(1.1)}