/* --- VUE SESSION DETAIL --- */
.info-block { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 20px; }
.info-header { display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 800; text-transform: uppercase; color: #6b7280; margin-bottom: 12px; }
.info-header i { color: #4f46e5; }

.session-desc { margin-top: 12px; padding: 16px; background: white; border: 1px solid #e5e7eb; border-radius: 12px; font-size: 14px; line-height: 1.6; color: #1f2937; position: relative; }
.session-desc::before { contentfa-door-open: "\201C"; font-family: serif; font-size: 40px; position: absolute; top: 0; left: 8px; color: #e5e7eb; opacity: 0.5; }

.player-bar { height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden; margin: 10px 0; }
.player-fill { height: 100%; background: #22c55e; transition: width 0.3s ease; }

.player-list { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.player-card { display: flex; align-items: center; justify-content: space-between; padding: 10px; background: white; border: 1px solid #e5e7eb; border-radius: 10px; }
.player-info { display: flex; align-items: center; gap: 10px; }
.player-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.player-name { font-size: 13px; font-weight: 700; }

.status-pill { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 20px; }
.status-accepted { background: #dcfce7; color: #166534; }
.status-pending { background: #fef9c3; color: #854d0e; }