/**
 * SEO Intelligence Page Styles
 *
 * @package Wisewand
 * @since 1.0.0
 */

		/* Brand Variables */
		:root {
			--brand-primary: #00BCD4;
			--brand-primary-hover: #00ACC1;
			--brand-dark: #0A0E27;
			--brand-card-bg: #2A2F45;
			--brand-white: #FFFFFF;
			--brand-gray-light: #A0A8B8;
			--brand-gray-dark: #1E2330;
			--brand-purple: #8B5CF6;
			--brand-success: #10B981;
			--brand-warning: #F59E0B;
			--brand-error: #EF4444;
		}

		.seo-intelligence-real {
			max-width: 1400px;
			font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
			background: var(--brand-dark);
			padding: 32px;
			margin: -20px -20px -20px -12px;
			border-radius: 16px;
		}

		/* DataForSEO Balance Badge */
		.balance-badge {
			margin-left: auto;
			padding: 8px 16px;
			border-radius: 8px;
			background: rgba(255, 255, 255, 0.1);
			font-size: 13px;
			white-space: nowrap;
		}
		.balance-badge .balance-label {
			opacity: 0.7;
			margin-right: 6px;
			color: var(--brand-white);
		}
		.balance-badge .balance-value {
			font-weight: 600;
			color: var(--brand-white);
		}
		.balance-badge.balance-low {
			background: rgba(245, 158, 11, 0.2);
		}
		.balance-badge.balance-low .balance-value {
			color: #f59e0b;
		}
		.balance-badge.balance-empty {
			background: rgba(239, 68, 68, 0.2);
		}
		.balance-badge.balance-empty .balance-value {
			color: #ef4444;
		}

		.seo-intelligence-real h1,
		.seo-intelligence-real h2,
		.seo-intelligence-real h3,
		.seo-intelligence-real h4 {
			color: var(--brand-white);
			letter-spacing: -0.02em;
		}

		.seo-intelligence-real h1 {
			font-size: 42px;
			font-weight: 700;
		}

		.seo-intelligence-real h2 {
			font-size: 32px;
			font-weight: 700;
		}

		.seo-intelligence-real h3 {
			font-size: 24px;
			font-weight: 600;
		}

		.seo-intelligence-real h4 {
			font-size: 18px;
			font-weight: 600;
		}


		.metrics-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
			gap: 20px;
			margin-bottom: 32px;
		}

		.metric-card {
			background: white;
			border: 1px solid #e5e7eb;
			border-radius: 12px;
			padding: 20px;
			display: flex;
			align-items: center;
			gap: 16px;
			transition: all 0.3s ease;
			box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		}

		.metric-card:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(0,0,0,0.1);
		}

		.metric-icon {
			width: 48px;
			height: 48px;
			background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
			border-radius: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
		}

		.metric-data {
			flex: 1;
		}

		.metric-value {
			font-size: 24px;
			font-weight: 700;
			color: #1e293b;
			margin-bottom: 4px;
		}

		.metric-label {
			font-size: 12px;
			color: #64748b;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.analysis-controls {
			background: white;
			border: 1px solid #e5e7eb;
			border-radius: 16px;
			padding: 24px;
			margin-bottom: 24px;
			box-shadow: 0 4px 12px rgba(0,0,0,0.05);
		}

		.controls-header {
			text-align: center;
			margin-bottom: 24px;
		}

		.controls-header h3 {
			font-size: 20px;
			font-weight: 700;
			color: #1e293b;
			margin: 0 0 8px 0;
		}

		.controls-header p {
			font-size: 14px;
			color: #64748b;
			margin: 0;
		}

		.controls-row {
			display: flex;
			align-items: end;
			gap: 20px;
			justify-content: center;
			flex-wrap: wrap;
		}

		.control-item {
			display: flex;
			flex-direction: column;
			gap: 6px;
		}

		.control-item label {
			font-size: 13px;
			font-weight: 600;
			color: #374151;
		}

		.control-item select {
			padding: 10px 14px;
			border: 1px solid #d1d5db;
			border-radius: 8px;
			font-size: 13px;
			background: white;
			min-width: 200px;
		}

		.analysis-btn {
			background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%) !important;
			color: white !important;
			border: none !important;
			padding: 12px 24px !important;
			border-radius: 8px !important;
			font-weight: 600 !important;
			font-size: 14px !important;
			cursor: pointer !important;
			transition: all 0.3s ease !important;
		}

		.analysis-btn:hover {
			transform: translateY(-1px) !important;
			box-shadow: 0 6px 20px rgba(67, 56, 202, 0.3) !important;
			color: white !important;
		}

		.analysis-status {
			margin-top: 20px;
			text-align: center;
		}

		.progress-bar {
			width: 100%;
			max-width: 400px;
			height: 6px;
			background: #e5e7eb;
			border-radius: 3px;
			margin: 0 auto 8px;
			overflow: hidden;
		}

		.progress-fill {
			height: 100%;
			background: linear-gradient(90deg, #4338ca, #6366f1);
			width: 0%;
			transition: width 0.3s ease;
		}

		.status-text {
			font-size: 12px;
			color: #64748b;
			font-weight: 500;
		}

		.results-section {
			background: white;
			border: 1px solid #e5e7eb;
			border-radius: 16px;
			overflow: hidden;
			box-shadow: 0 4px 12px rgba(0,0,0,0.05);
		}

		.results-header {
			background: #f8fafc;
			padding: 20px 24px;
			border-bottom: 1px solid #e5e7eb;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.results-header h3 {
			font-size: 18px;
			font-weight: 700;
			color: #1e293b;
			margin: 0;
		}

		.results-filters select {
			padding: 6px 12px;
			border: 1px solid #d1d5db;
			border-radius: 6px;
			font-size: 12px;
		}

		.results-content {
			padding: 24px;
			min-height: 400px;
		}

		.empty-state {
			text-align: center;
			padding: 60px 40px;
		}

		.empty-icon {
			font-size: 48px;
			margin-bottom: 16px;
			opacity: 0.7;
		}

		.empty-state h4 {
			font-size: 18px;
			font-weight: 600;
			color: #1e293b;
			margin: 0 0 8px 0;
		}

		.empty-state p {
			font-size: 14px;
			color: #64748b;
			margin: 0;
		}

		.seo-table {
			width: 100%;
			border-collapse: collapse;
			font-size: 13px;
		}

		.seo-table th {
			background: #f8fafc !important;
			color: #374151 !important;
			font-weight: 600 !important;
			padding: 12px 8px !important;
			text-align: left !important;
			border-bottom: 1px solid #e5e7eb;
		}

		.seo-table th.sortable {
			cursor: pointer;
			user-select: none;
		}

		.seo-table th.sortable:hover {
			background: #e5e7eb !important;
		}

		.seo-table td {
			padding: 12px 8px;
			border-bottom: 1px solid #f1f5f9;
			color: #1e293b !important;
		}

		.seo-table tr:hover {
			background: #f8fafc;
		}

		.position-badge {
			padding: 4px 8px;
			border-radius: 4px;
			font-weight: 600;
			font-size: 11px;
			color: white;
		}

		.pos-top-10 { background: #10b981; }
		.pos-top-20 { background: #f59e0b; }
		.pos-top-50 { background: #ef4444; }
		.pos-opportunity { background: #8b5cf6; }
		.pos-saved { background: #6366f1; }
		.pos-idea { background: #3b82f6; }
		.pos-seed { background: #10b981; }

		.keyword-source-badge {
			display: inline-block;
			padding: 2px 8px;
			border-radius: 12px;
			font-size: 11px;
			font-weight: 600;
			margin-left: 8px;
		}

		.badge-saved {
			background: #ede9fe;
			color: #6d28d9;
		}

		.badge-competitor {
			background: rgba(139, 92, 246, 0.2);
			color: var(--brand-purple);
			border: 1px solid var(--brand-purple);
		}

		.priority-badge {
			padding: 3px 6px;
			border-radius: 3px;
			font-weight: 600;
			font-size: 10px;
			color: white;
		}

		.priority-high { background: #dc2626; }
		.priority-medium { background: #f59e0b; }
		.priority-low { background: #6b7280; }

		.action-buttons {
			display: flex !important;
			gap: 6px !important;
			justify-content: center !important;
			flex-wrap: wrap !important;
		}

		.action-btn {
			padding: 5px 10px !important;
			border-radius: 6px !important;
			font-size: 11px !important;
			font-weight: 600 !important;
			border: none !important;
			text-decoration: none !important;
			cursor: pointer !important;
			transition: all 0.2s ease !important;
			white-space: nowrap !important;
		}

		.btn-create {
			background: #4338ca !important;
			color: white !important;
		}

		.btn-create:hover {
			background: #3730a3 !important;
			transform: translateY(-1px) !important;
		}

		.btn-schedule {
			background: #10b981 !important;
			color: white !important;
		}

		.btn-schedule:hover {
			background: #059669 !important;
			transform: translateY(-1px) !important;
		}

		/* Responsive column widths */
		.table-responsive {
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			max-width: 100%;
		}

		.seo-table {
			width: 100%;
			table-layout: auto;
			font-size: 11px;
			border-collapse: collapse;
		}

		.seo-table td {
			padding: 8px 4px;
			font-size: 11px;
			white-space: nowrap;
		}

		/* Compact column widths - fits in 1400px viewport with WP sidebar */
		.col-checkbox { width: 35px; text-align: center; }
		.col-keyword { max-width: 160px; min-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
		.col-source { width: 100px; text-align: center; }
		.col-language { width: 45px; text-align: center; }
		.col-position { width: 65px; text-align: center; }
		.col-change { width: 65px; text-align: center; }
		.col-page { width: 90px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; }
		.col-volume { width: 70px; text-align: right; }
		.col-difficulty { width: 70px; text-align: center; }
		.col-cpc { width: 60px; text-align: center; }
		.col-competition { width: 75px; text-align: center; }
		.col-intent { width: 80px; text-align: center; }
		.col-priority { width: 60px; text-align: center; }
		.col-calendar { width: 110px; text-align: center; }
		.col-action { width: 90px; text-align: center; }

		/* Calendar cell styling */
		.btn-remove-from-calendar {
			transition: all 0.2s;
		}

		.btn-remove-from-calendar:hover {
			transform: scale(1.2);
		}

		/* Sortable headers */
		.seo-table th.sortable {
			cursor: pointer;
			user-select: none;
		}

		.seo-table th.sortable:hover {
			background: #e2e8f0 !important;
		}

		.seo-table th.sort-asc,
		.seo-table th.sort-desc {
			background: #dbeafe !important;
			color: #1e40af !important;
		}

		.sort-arrow {
			font-size: 10px;
			margin-left: 4px;
			color: #6366f1;
		}

		/* Position change badges */
		.change-badge {
			display: inline-block;
			padding: 4px 8px;
			border-radius: 4px;
			font-size: 11px;
			font-weight: 600;
			white-space: nowrap;
		}

		.change-up {
			background: #d1fae5 !important;
			color: #065f46 !important;
		}

		.change-down {
			background: #fee2e2 !important;
			color: #991b1b !important;
		}

		.change-stable {
			background: #f3f4f6 !important;
			color: #6b7280 !important;
		}

		.new-keyword {
			background: #dbeafe !important;
			color: #1e40af !important;
		}

		/* Analysis date */
		.analysis-date {
			background: #f0f9ff;
			border: 1px solid #bae6fd;
			color: #0c4a6e;
			padding: 12px;
			border-radius: 8px;
			font-size: 13px;
			font-weight: 500;
			margin-bottom: 16px;
			text-align: center;
		}

		/* Page link */
		.page-link {
			color: #4338ca !important;
			text-decoration: none !important;
			font-size: 12px;
		}

		.page-link:hover {
			text-decoration: underline !important;
		}

		/* Mobile responsiveness */
		@media (max-width: 1200px) {
			.col-keyword { width: 25%; }
			.col-page { width: 18%; }
		}

		@media (max-width: 768px) {
			.seo-table {
				font-size: 11px;
			}

			.seo-table th,
			.seo-table td {
				padding: 8px 4px !important;
			}

			.col-keyword { min-width: 150px; }
			.col-page { display: none; }
		}

		/* Compact Actions Row */
		.actions-row {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 20px;
			margin-bottom: 24px;
		}

		.action-card {
			background: var(--brand-card-bg);
			border: 1px solid rgba(0, 188, 212, 0.2);
			border-radius: 16px;
			padding: 24px;
			display: flex;
			align-items: center;
			gap: 20px;
			transition: all 0.3s ease;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
		}

		.action-card:hover {
			border-color: var(--brand-primary);
			box-shadow: 0 8px 32px rgba(0, 188, 212, 0.3);
			transform: translateY(-2px);
		}

		.card-icon {
			width: 56px;
			height: 56px;
			background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-purple) 100%);
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28px;
			box-shadow: 0 4px 16px rgba(0, 188, 212, 0.3);
		}

		.card-content {
			flex: 1;
		}

		.card-content h4 {
			margin: 0 0 6px 0;
			font-size: 18px;
			font-weight: 700;
			color: var(--brand-white);
			letter-spacing: -0.01em;
		}

		.card-content p {
			margin: 0;
			font-size: 14px;
			color: var(--brand-gray-light);
			line-height: 1.5;
		}

		.card-action-btn {
			padding: 12px 28px;
			background: var(--brand-primary);
			color: var(--brand-white);
			border: none;
			border-radius: 24px;
			font-weight: 600;
			font-size: 14px;
			cursor: pointer;
			transition: all 0.3s ease;
			box-shadow: 0 4px 16px rgba(0, 188, 212, 0.3);
			letter-spacing: 0.02em;
		}

		.card-action-btn:hover {
			background: var(--brand-primary-hover);
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(0, 188, 212, 0.4);
		}

		.card-controls {
			display: flex;
			gap: 12px;
			align-items: center;
		}

		.compact-select {
			padding: 8px 12px;
			border: 1px solid #d1d5db;
			border-radius: 6px;
			font-size: 13px;
			font-weight: 500;
		}

		/* Gradient CTA Card */
		.roadmap-cta-card {
			background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-purple) 100%);
			border-radius: 20px;
			padding: 28px 32px;
			display: flex;
			align-items: center;
			box-shadow: 0 8px 32px rgba(0, 188, 212, 0.3);
			gap: 20px;
			color: white;
			transition: all 0.3s;
			grid-column: 1 / -1; /* Span all columns */
		}

		.roadmap-cta-card:hover {
			transform: translateY(-2px);
			box-shadow: 0 12px 32px rgba(0, 188, 212, 0.4);
		}

		.cta-content {
			flex: 1;
		}

		.cta-content h3 {
			margin: 0 0 6px 0;
			font-size: 18px;
			font-weight: 700;
			color: white;
		}

		.cta-content p {
			margin: 0;
			font-size: 13px;
			opacity: 0.95;
		}

		.cta-btn {
			background: white;
			color: #667eea;
			padding: 12px 32px;
			border-radius: 8px;
			font-weight: 700;
			font-size: 15px;
			border: none;
			cursor: pointer;
			transition: all 0.2s;
			box-shadow: 0 4px 12px rgba(0,0,0,0.15);
			white-space: nowrap;
		}

		.cta-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 6px 16px rgba(0,0,0,0.25);
		}

		/* Analysis Status Bar */
		.analysis-status {
			background: white;
			border: 1px solid #e5e7eb;
			border-radius: 8px;
			padding: 16px;
			margin-bottom: 24px;
		}

		/* Results Controls */
		.results-controls {
			display: flex;
			gap: 12px;
			align-items: center;
		}

		.keyword-search-input {
			padding: 8px 12px;
			border: 1px solid #d1d5db;
			border-radius: 6px;
			font-size: 13px;
			width: 250px;
		}

		.keyword-search-input:focus {
			outline: none;
			border-color: #4338ca;
		}

		.keyword-filter-select {
			padding: 8px 12px;
			border: 1px solid #d1d5db;
			border-radius: 6px;
			font-size: 13px;
		}

		/* Difficulty Badges */
		.difficulty-badge {
			display: inline-block;
			padding: 3px 8px;
			border-radius: 4px;
			font-size: 11px;
			font-weight: 700;
			color: white;
		}

		.diff-easy { background: #10b981; }
		.diff-medium { background: #f59e0b; }
		.diff-hard { background: #ef4444; }

		/* Bulk Actions Bars */
		.bulk-actions-bar {
			background: #f0f9ff;
			border: 2px solid #3b82f6;
			border-radius: 8px;
			padding: 12px 20px;
			display: flex;
			align-items: center;
			gap: 12px;
			position: relative;
		}

		.bulk-actions-top {
			margin-bottom: 16px;
			background: linear-gradient(135deg, #dbeafe 0%, #f0f9ff 100%);
			border-color: #4338ca;
			box-shadow: 0 4px 12px rgba(67, 56, 202, 0.15);
		}

		.bulk-actions-bottom {
			margin-top: 16px;
		}

		.bulk-info {
			flex: 1;
			font-weight: 600;
			color: #1e40af;
		}

		.btn-bulk-action {
			padding: 8px 16px;
			background: #4338ca;
			color: white;
			border: none;
			border-radius: 6px;
			font-weight: 600;
			font-size: 13px;
			cursor: pointer;
			transition: all 0.2s;
		}

		.btn-bulk-action:hover {
			background: #3730a3;
			transform: translateY(-1px);
		}

		.btn-bulk-action.btn-danger {
			background: #ef4444;
		}

		.btn-bulk-action.btn-danger:hover {
			background: #dc2626;
		}

		/* Roadmap Generator Section */
		.roadmap-generator {
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			border-radius: 16px;
			padding: 24px;
			margin-bottom: 24px;
			color: white;
		}

		.roadmap-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.roadmap-header h3 {
			font-size: 20px;
			font-weight: 700;
			margin: 0 0 4px 0;
			color: white;
		}

		.roadmap-header p {
			font-size: 14px;
			margin: 0;
			opacity: 0.95;
		}

		.roadmap-btn {
			background: white;
			color: #667eea;
			padding: 12px 24px;
			border-radius: 8px;
			font-weight: 700;
			font-size: 15px;
			border: none;
			cursor: pointer;
			transition: all 0.2s ease;
			box-shadow: 0 4px 12px rgba(0,0,0,0.15);
		}

		.roadmap-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 6px 16px rgba(0,0,0,0.2);
		}

		.roadmap-actions {
			display: flex;
			gap: 12px;
		}

		.roadmap-btn-secondary {
			background: rgba(255,255,255,0.25);
			color: white;
			padding: 12px 24px;
			border-radius: 8px;
			font-weight: 700;
			font-size: 15px;
			border: 2px solid white;
			cursor: pointer;
			transition: all 0.2s ease;
		}

		.roadmap-btn-secondary:hover {
			background: white;
			color: #667eea;
			transform: translateY(-2px);
		}

		.empty-divider {
			margin: 24px 0;
			text-align: center;
			color: #94a3b8;
			font-weight: 600;
			position: relative;
		}

		.empty-divider::before,
		.empty-divider::after {
			content: '';
			position: absolute;
			top: 50%;
			width: 40%;
			height: 1px;
			background: #e5e7eb;
		}

		.empty-divider::before { left: 0; }
		.empty-divider::after { right: 0; }

		.keyword-ideas-prompt {
			background: #f0f9ff;
			border: 2px dashed #3b82f6;
			border-radius: 12px;
			padding: 24px;
			margin-top: 24px;
		}

		.keyword-ideas-prompt h4 {
			margin: 0 0 8px 0;
			color: #1e40af;
		}

		.keyword-ideas-prompt p {
			margin: 0 0 16px 0;
			color: #1e40af;
			opacity: 0.8;
		}

		.keyword-ideas-prompt textarea {
			width: 100%;
			padding: 12px;
			border: 1px solid #93c5fd;
			border-radius: 8px;
			font-family: monospace;
			margin-bottom: 12px;
		}

		.btn-keyword-ideas {
			background: #3b82f6;
			color: white;
			padding: 12px 24px;
			border-radius: 8px;
			font-weight: 700;
			border: none;
			cursor: pointer;
			width: 100%;
		}

		.btn-keyword-ideas:hover {
			background: #2563eb;
		}

		.badge-idea {
			background: rgba(0, 188, 212, 0.2);
			color: var(--brand-primary);
			border: 1px solid var(--brand-primary);
		}

		.badge-manual {
			background: rgba(160, 168, 184, 0.2);
			color: var(--brand-gray-light);
			border: 1px solid var(--brand-gray-light);
		}

		.badge-seed {
			background: rgba(16, 185, 129, 0.2);
			color: var(--brand-success);
			border: 1px solid var(--brand-success);
		}

		.badge-opportunity {
			background: rgba(245, 158, 11, 0.2);
			color: var(--brand-warning);
			border: 1px solid var(--brand-warning);
		}

		.badge-ranking {
			background: rgba(16, 185, 129, 0.25);
			color: var(--brand-success);
			border: 1px solid var(--brand-success);
			font-weight: 700;
		}

		.seed-source {
			font-size: 11px;
			color: #94a3b8;
			font-style: italic;
			margin-top: 2px;
		}

		.btn-edit-saved {
			background: #f59e0b;
			color: white;
			padding: 4px 8px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			font-size: 14px;
		}

		.btn-edit-saved:hover {
			background: #d97706;
		}

		/* Modal System */
		.wisewand-modal {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 100000;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.modal-overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(0, 0, 0, 0.5);
			backdrop-filter: blur(4px);
		}

		.modal-container {
			position: relative;
			background: linear-gradient(135deg, var(--brand-card-bg) 0%, var(--brand-gray-dark) 100%);
			backdrop-filter: blur(20px);
			border: 1px solid rgba(0, 188, 212, 0.3);
			border-radius: 24px;
			box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 188, 212, 0.1);
			max-width: 820px;
			width: 90%;
			max-height: 95vh;
			min-height: 620px;
			display: flex;
			flex-direction: column;
			z-index: 1;
		}

		.modal-header {
			padding: 28px 32px;
			border-bottom: 1px solid rgba(0, 188, 212, 0.2);
			background: linear-gradient(135deg, rgba(0, 188, 212, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.modal-header h3 {
			margin: 0;
			font-size: 24px;
			font-weight: 700;
			color: var(--brand-white);
			letter-spacing: -0.02em;
		}

		.modal-close {
			background: none;
			border: none;
			font-size: 32px;
			color: var(--brand-gray-light);
			cursor: pointer;
			line-height: 1;
			padding: 0;
			width: 36px;
			height: 36px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 12px;
			transition: all 0.3s;
		}

		.modal-close:hover {
			background: rgba(0, 188, 212, 0.2);
			color: var(--brand-primary);
		}

		.modal-body {
			padding: 28px 32px;
			overflow-y: auto;
			flex: 1;
			min-height: 420px;
		}

		.modal-footer {
			padding: 24px 32px;
			border-top: 1px solid rgba(0, 188, 212, 0.2);
			background: rgba(10, 14, 39, 0.5);
			display: flex;
			gap: 16px;
			justify-content: flex-end;
		}

		.modal-btn-primary,
		.modal-btn-secondary {
			padding: 14px 32px;
			border-radius: 24px;
			font-weight: 600;
			font-size: 14px;
			border: none;
			cursor: pointer;
			transition: all 0.3s ease;
			letter-spacing: 0.02em;
		}

		.modal-btn-primary {
			background: var(--brand-primary);
			color: var(--brand-white);
			box-shadow: 0 4px 16px rgba(0, 188, 212, 0.3);
		}

		.modal-btn-primary:hover {
			background: var(--brand-primary-hover);
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(0, 188, 212, 0.4);
		}

		.modal-btn-secondary {
			background: transparent;
			color: var(--brand-gray-light);
			border: 2px solid rgba(160, 168, 184, 0.3);
		}

		.modal-btn-secondary:hover {
			background: rgba(0, 188, 212, 0.1);
			border-color: var(--brand-primary);
			color: var(--brand-white);
		}

		.modal-form-group {
			margin-bottom: 16px;
		}

		.modal-form-group label {
			display: block;
			font-size: 13px;
			font-weight: 600;
			color: var(--brand-white);
			margin-bottom: 8px;
			letter-spacing: 0.03em;
			text-transform: uppercase;
			font-size: 11px;
		}

		.modal-input,
		.modal-textarea,
		.modal-select {
			width: 100%;
			padding: 10px 14px;
			background: rgba(10, 14, 39, 0.5);
			border: 1px solid rgba(0, 188, 212, 0.3);
			border-radius: 12px;
			font-size: 14px;
			color: var(--brand-white);
			transition: all 0.3s ease;
		}

		.modal-textarea {
			font-family: 'Consolas', 'Monaco', monospace;
			resize: vertical;
			min-height: 80px;
			line-height: 1.6;
		}

		.modal-input:focus,
		.modal-textarea:focus,
		.modal-select:focus {
			outline: none;
			border-color: var(--brand-primary);
			box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.2);
			background: rgba(10, 14, 39, 0.7);
		}

		.modal-select option {
			background: var(--brand-card-bg);
			color: var(--brand-white);
		}

		.modal-success {
			background: rgba(16, 185, 129, 0.15);
			border: 1px solid var(--brand-success);
			color: var(--brand-white);
			padding: 18px 20px;
			border-radius: 12px;
			margin-bottom: 16px;
			backdrop-filter: blur(10px);
		}

		.modal-error {
			background: rgba(239, 68, 68, 0.15);
			border: 1px solid var(--brand-error);
			color: var(--brand-white);
			padding: 18px 20px;
			border-radius: 12px;
			margin-bottom: 16px;
			backdrop-filter: blur(10px);
		}

		.modal-info {
			background: rgba(0, 188, 212, 0.15);
			border: 1px solid var(--brand-primary);
			color: var(--brand-white);
			padding: 18px 20px;
			border-radius: 12px;
			margin-bottom: 16px;
			backdrop-filter: blur(10px);
		}

		/* Saved Keywords Section */
		.saved-keywords-section {
			background: white;
			border: 1px solid #e5e7eb;
			border-radius: 16px;
			padding: 24px;
			margin-bottom: 24px;
		}

		.saved-keywords-form textarea {
			width: 100%;
			padding: 12px;
			border: 1px solid #d1d5db;
			border-radius: 8px;
			font-size: 14px;
			font-family: monospace;
			resize: vertical;
			margin-bottom: 12px;
		}

		.saved-keywords-actions {
			display: flex;
			gap: 12px;
			margin-bottom: 16px;
		}

		.btn-save-keywords {
			background: #4338ca;
			color: white;
			padding: 10px 20px;
			border-radius: 8px;
			font-weight: 600;
			font-size: 14px;
			border: none;
			cursor: pointer;
			transition: all 0.2s;
		}

		.btn-save-keywords:hover {
			background: #3730a3;
			transform: translateY(-2px);
		}

		.feedback-area {
			padding: 12px;
			border-radius: 8px;
			font-size: 13px;
			margin-bottom: 16px;
		}

		.feedback-success {
			background: #d1fae5;
			color: #065f46;
			border: 1px solid #6ee7b7;
		}

		.feedback-error {
			background: #fee2e2;
			color: #991b1b;
			border: 1px solid #fecaca;
		}

		.saved-keywords-list {
			margin-top: 20px;
		}

		.saved-keywords-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 16px;
		}

		.saved-keywords-header h4 {
			margin: 0;
			font-size: 16px;
			font-weight: 700;
		}

		.saved-stats {
			font-size: 13px;
			color: #64748b;
		}

		.saved-keywords-table {
			width: 100%;
			border-collapse: collapse;
			margin-bottom: 16px;
		}

		.saved-keywords-table th,
		.saved-keywords-table td {
			padding: 12px 8px;
			text-align: left;
			border-bottom: 1px solid #e5e7eb;
		}

		.saved-keywords-table th {
			background: #f8fafc;
			font-weight: 600;
			color: #374151;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.saved-keywords-table tbody tr:hover {
			background: #f9fafb;
		}

		.status-enriched {
			color: #059669;
			font-size: 12px;
			font-weight: 600;
		}

		.status-pending {
			color: #f59e0b;
			font-size: 12px;
			font-weight: 600;
		}

		.actions-cell {
			display: flex;
			gap: 6px;
		}

		.btn-schedule-saved,
		.btn-delete-saved {
			padding: 4px 8px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			font-size: 14px;
			transition: all 0.2s;
		}

		.btn-schedule-saved {
			background: #10b981;
			color: white;
		}

		.btn-schedule-saved:hover {
			background: #059669;
		}

		.btn-delete-saved {
			background: #ef4444;
			color: white;
		}

		.btn-delete-saved:hover {
			background: #dc2626;
		}

		.bulk-actions-bar {
			display: flex;
			gap: 12px;
			padding-top: 16px;
			border-top: 1px solid #e5e7eb;
		}

		.btn-bulk {
			padding: 8px 16px;
			border-radius: 6px;
			font-weight: 600;
			font-size: 13px;
			border: none;
			cursor: pointer;
			transition: all 0.2s;
		}

		.btn-bulk {
			background: #4338ca;
			color: white;
		}

		.btn-bulk:hover {
			background: #3730a3;
		}

		.btn-danger-outline {
			background: white;
			color: #ef4444;
			border: 2px solid #ef4444;
		}

		.btn-danger-outline:hover {
			background: #ef4444;
			color: white;
		}

		.empty-state-small {
			text-align: center;
			padding: 24px;
			color: #94a3b8;
		}

		/* Discovery & Manual Entry Sections */
		.discovery-section,
		.manual-entry-section {
			background: white;
			border: 1px solid #e5e7eb;
			border-radius: 16px;
			padding: 24px;
			margin-top: 24px;
		}

		.section-header {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: 20px;
		}

		.section-header h3 {
			font-size: 18px;
			font-weight: 700;
			color: #1e293b;
			margin: 0 0 4px 0;
		}

		.section-header p {
			font-size: 14px;
			color: #64748b;
			margin: 0;
		}

		.discovery-btn,
		.btn-add-manual,
		.btn-enrich {
			padding: 10px 20px;
			border-radius: 8px;
			font-weight: 600;
			font-size: 14px;
			border: none;
			cursor: pointer;
			transition: all 0.2s ease;
		}

		.discovery-btn {
			background: #6366f1;
			color: white;
		}

		.discovery-btn:hover {
			background: #4f46e5;
			transform: translateY(-2px);
		}

		.btn-add-manual {
			background: #10b981;
			color: white;
		}

		.btn-add-manual:hover {
			background: #059669;
		}

		.btn-enrich {
			background: #f59e0b;
			color: white;
		}

		.btn-enrich:hover {
			background: #d97706;
		}

		.manual-entry-form textarea {
			width: 100%;
			padding: 12px;
			border: 1px solid #d1d5db;
			border-radius: 8px;
			font-size: 14px;
			font-family: monospace;
			resize: vertical;
			margin-bottom: 12px;
		}

		.manual-entry-actions {
			display: flex;
			gap: 12px;
		}

		.discovery-results,
		.manual-results {
			margin-top: 20px;
		}

		.discovery-table {
			width: 100%;
			border-collapse: collapse;
			margin-top: 16px;
		}

		.discovery-table th,
		.discovery-table td {
			padding: 12px 8px;
			text-align: left;
			border-bottom: 1px solid #e5e7eb;
		}

		.discovery-table th {
			background: #f8fafc;
			font-weight: 600;
			color: #374151;
		}

		.btn-add-discovery {
			background: #10b981;
			color: white;
			padding: 6px 12px;
			border-radius: 6px;
			border: none;
			font-size: 12px;
			font-weight: 600;
			cursor: pointer;
		}

		.btn-add-discovery:hover {
			background: #059669;
		}
