/* Modern Session Recordings Styles */
.opti-behavior-sessions-modern {
			background: #f8f9fa;
			margin: 0;
			padding: 0;
		}

		.sessions-header {
			background: white;
			border-bottom: 1px solid #e1e5e9;
			padding: 20px 30px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.sessions-title-section {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.sessions-title {
			font-size: 24px;
			font-weight: 600;
			color: #1a1a1a;
			margin: 0;
		}

		.sessions-notification {
			display: flex;
			align-items: center;
			gap: 8px;
			background: #fff3cd;
			border: 1px solid #ffeaa7;
			border-radius: 6px;
			padding: 8px 12px;
			font-size: 13px;
		}

		.notification-icon {
			font-size: 14px;
		}

		.notification-text {
			color: #856404;
		}

		.notification-link {
			color: #0066cc;
			text-decoration: underline;
			cursor: pointer;
		}

		.sessions-controls {
			display: flex;
			align-items: center;
			gap: 20px;
		}

		.control-group {
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.btn-toggle {
			display: flex;
			align-items: center;
			gap: 6px;
			background: #6c5ce7;
			color: white;
			border: none;
			border-radius: 20px;
			padding: 8px 16px;
			font-size: 13px;
			font-weight: 500;
			cursor: pointer;
			transition: all 0.2s ease;
		}

		.btn-toggle:hover {
			background: #5a4fcf;
		}

		.btn-refresh {
			background: #f8f9fa;
			border: 1px solid #dee2e6;
			border-radius: 6px;
			padding: 8px 10px;
			cursor: pointer;
			transition: all 0.2s ease;
		}

		.btn-refresh:hover {
			background: #e9ecef;
		}

		.install-info {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 13px;
			color: #6c757d;
		}

		.install-date {
			font-weight: 500;
			color: #495057;
		}

		.sessions-content {
			padding: 20px 30px;
		}

		.sessions-overview {
			background: white;
			border-radius: 8px;
			box-shadow: 0 1px 3px rgba(0,0,0,0.1);
			overflow: hidden;
		}

		.overview-header {
			display: flex;
			align-items: center;
			gap: 10px;
			padding: 20px 24px;
			border-bottom: 1px solid #e1e5e9;
			background: #f8f9fa;
		}

		.overview-title {
			font-size: 16px;
			font-weight: 600;
			color: #1a1a1a;
			margin: 0;
		}

		.sessions-table-controls {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 16px 24px;
			border-bottom: 1px solid #e1e5e9;
			background: white;
		}

		.table-controls-right {
			display: flex;
			align-items: center;
			gap: 20px;
		}

		.select-dropdown {
			border: 1px solid #dee2e6;
			border-radius: 4px;
			padding: 6px 12px;
			font-size: 13px;
			background: white;
		}

		.entries-info {
			display: flex;
			align-items: center;
			gap: 6px;
			font-size: 13px;
			color: #6c757d;
		}

		.entries-count {
			font-weight: 500;
			color: #495057;
		}

		.pagination-controls {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
		}

		.table-pagination--center .entries-info{ text-align:center; margin-bottom:8px; }

		.pagination-btn {
			background: #f8f9fa;
			border: 1px solid #dee2e6;
			border-radius: 4px;
			padding: 4px 8px;
			cursor: pointer;
			font-size: 12px;
		}

		.pagination-btn:disabled {
			opacity: 0.5;
			cursor: not-allowed;
		}

		.pagination-current {
			font-weight: 500;
			font-size: 13px;
		}

		.settings-btn {
			background: #f8f9fa;
			border: 1px solid #dee2e6;
			border-radius: 4px;
			padding: 6px 8px;
			cursor: pointer;
		}

		.sessions-table-container {
			overflow-x: auto;
		}

		.sessions-table {
			width: 100%;
			border-collapse: collapse;
			background: white;
		}

		.sessions-table th {
			background: #f8f9fa;
			border-bottom: 1px solid #e1e5e9;
			padding: 12px 16px;
			text-align: left;
			font-size: 12px;
			font-weight: 600;
			color: #6c757d;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.sessions-table td {
			padding: 16px;
			border-bottom: 1px solid #f1f3f4;
			vertical-align: middle;
		}

		.session-row:hover {
			background: #f8f9fa;
		}

		.recording-info {
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.recording-details {
			display: flex;
			flex-direction: column;
			gap: 2px;
		}

		.recording-id {
			font-weight: 500;
			font-size: 13px;
			color: #1a1a1a;

		.recording-date {
			font-size: 12px;
			color: #6c757d;
		}

		.duration-time {
			font-weight: 500;
			font-size: 13px;
			color: #1a1a1a;
		}

		.alarming-behavior {
			display: flex;
			align-items: center;
			gap: 6px;
		}

		.alarming-count {
			font-weight: 500;
			font-size: 13px;
			color: #1a1a1a;
		}

		.visited-pages {
			display: flex;
			align-items: center;
			gap: 6px;
		}

		.pages-count {
			font-weight: 500;
			font-size: 13px;
			color: #1a1a1a;
		}

		.visitor-info {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}

		.visitor-status {
			font-size: 12px;
			color: #6c757d;
		}

		.visitor-country {
			font-weight: 500;
			color: #1a1a1a;
		}

		.referrer-info {
			display: flex;
			align-items: center;
			gap: 6px;
		}

		.referrer-text {
			font-size: 12px;
			color: #6c757d;
			max-width: 120px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.recording-details-actions {
			display: flex;
			gap: 4px;
		}

		.details-btn, .download-btn, .share-btn {
			background: #f8f9fa;
			border: 1px solid #dee2e6;
			border-radius: 4px;
			padding: 6px 8px;
			cursor: pointer;
			transition: all 0.2s ease;
		}

		.details-btn:hover, .download-btn:hover, .share-btn:hover {
			background: #e9ecef;
		}

		.action-buttons {
			display: flex;
			gap: 8px;
		}

		.play-btn {
			background: #6c5ce7;
			color: white;
			border: none;
			border-radius: 50%;
			width: 36px;
			height: 36px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: all 0.2s ease;
		}

		.play-btn:hover {
			background: #5a4fcf;
			transform: scale(1.05);
		}

		.more-btn {
			background: #f8f9fa;
			border: 1px solid #dee2e6;
			border-radius: 4px;
			padding: 6px 8px;
			cursor: pointer;
			transition: all 0.2s ease;
		}

		.more-btn:hover {
			background: #e9ecef;
		}

		/* Responsive design */
		@media (max-width: 1200px) {
			.sessions-header {
				flex-direction: column;
				gap: 16px;
				align-items: flex-start;
			}

			.sessions-controls {
				width: 100%;
				justify-content: space-between;
			}
		}

		@media (max-width: 768px) {
			.sessions-content {
				padding: 15px;
			}

			.sessions-header {
				padding: 15px 20px;
			}

			.sessions-table-controls {
				flex-direction: column;
				gap: 12px;
				align-items: flex-start;
			}

		.table-controls-right {
			width: 100%;
			justify-content: space-between;
		}
	}
}