/* Sessions page styles */

.sample-session-row {
    opacity: 0.85;
}

.sample-session-row td:first-child {
    position: relative;
}

.user-session-row {
    background: rgba(76, 175, 80, 0.08) !important;
    border-left: 3px solid #4caf50;
}

.session-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 10px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.session-row:hover { background: rgba(255,255,255,0.04); border-color: var(--accent); }

.session-row-date { font-weight: 700; color: var(--text); font-size: 1rem; }

.session-row-info { color: var(--muted); font-size: 0.85rem; margin-top: 2px; }

.session-row-hands { color: var(--muted); font-size: 0.8rem; margin-top: 2px; }

.session-row-left { flex: 1; min-width: 0; }

.session-row-right { display: flex; align-items: center; flex-shrink: 0; }

.session-row-checkbox {
    margin-right: 12px;
    cursor: pointer;
    flex-shrink: 0;
}

.session-row-checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--accent);
}

.hand-row:hover { background: rgba(255,255,255,0.04); border-color: var(--accent); }

.app-tile--sessions { --tile-accent: #e94960; }

@media (max-width: 768px) {
    #page-sessions {
        padding: 0 var(--mobile-edge-padding, 8px);
    }
}