@charset "utf-8";
/* CSS Document */

/* Welcome Progress Widget (top bar) */
.mcl-welcome-progress {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: 12px;
	padding: 4px 12px;
	background: rgba(16, 185, 129, 0.1);
	border: 1px solid rgba(16, 185, 129, 0.3);
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.2s;
	font-size: 0.85em;
	color: #059669 !important;
}
.mcl-welcome-progress:hover {
	background: rgba(16, 185, 129, 0.2);
	border-color: rgba(16, 185, 129, 0.5);
}
.mcl-welcome-progress-bar {
	width: 60px;
	height: 6px;
	background: rgba(16, 185, 129, 0.2);
	border-radius: 3px;
	overflow: hidden;
}
.mcl-welcome-progress-fill {
	height: 100%;
	background: linear-gradient(90deg, #10b981, #059669);
	border-radius: 3px;
	transition: width 0.3s;
}
.mcl-welcome-progress-text {
	font-weight: 600;
	min-width: 32px;
}

/* Sidebar Help Nav Item */
.mcl-nav-help {
	position: relative;
}
.mcl-nav-progress-badge {
	margin-left: auto;
	padding: 2px 8px;
	background: linear-gradient(135deg, #10b981, #059669);
	color: white;
	border-radius: 10px;
	font-size: 0.75em;
	font-weight: 600;
}
.mcl-nav-complete-badge {
	margin-left: auto;
	width: 20px;
	height: 20px;
	background: #10b981;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.65em;
}

/* Mobile adjustments */
@media (max-width: 768px) {
	.mcl-welcome-progress {
		display: none; /* Hide in top bar on mobile - use sidebar instead */
	}
}

/* ── Global Trial Banner ── */
.mcl-trial-banner {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Mobile: stack the banner vertically */
@media (max-width: 768px) {
	.mcl-trial-banner {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 12px 16px !important;
	}
	#mcl-trial-unlock-counter {
		align-self: flex-start;
	}
}
.mcl-section-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	font-size: 0.85em;
	color: #475569;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}
.mcl-section-tag:hover {
	background: #e0f2fe;
	border-color: #0073aa;
	color: #0073aa;
}
.mcl-section-tag i {
	font-size: 0.9em;
}
/* MCL Dynamic CTA Button Styles */
.mcl-dynamic-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.mcl-dynamic-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	text-decoration: none;
}

.mcl-dynamic-cta-btn:active {
	transform: translateY(0);
}

/* Size variants */
.mcl-cta-small {
	padding: 8px 16px;
	font-size: 14px;
}

.mcl-cta-medium {
	padding: 12px 24px;
	font-size: 16px;
}

.mcl-cta-large {
	padding: 16px 32px;
	font-size: 18px;
}

/* Style variants */
.mcl-cta-primary {
	background: #046CE2;
	color: #ffffff !important;
	border: none;
}

.mcl-cta-primary:hover {
	background: #0356b8;
	color: #ffffff !important;
}

.mcl-cta-secondary {
	background: #ffffff;
	color: #046CE2 !important;
	border: 2px solid #046CE2;
}

.mcl-cta-secondary:hover {
	background: #f0f7ff;
	color: #046CE2 !important;
}

.mcl-cta-gradient {
	background: linear-gradient(135deg, #0f2947 0%, #376d9d 100%);
	color: #ffffff !important;
	border: none;
}

.mcl-cta-gradient:hover {
	background: linear-gradient(135deg, #376d9d 0%, #0f2947 100%);
	color: #ffffff !important;
}

/* Loading state */
.mcl-cta-loading .mcl-cta-content {
	opacity: 0.7;
}

.mcl-cta-loader {
	display: none;
	position: absolute;
	gap: 4px;
}

.mcl-cta-loading .mcl-cta-loader {
	display: flex;
}

.mcl-cta-dot {
	width: 6px;
	height: 6px;
	background: currentColor;
	border-radius: 50%;
	animation: mcl-cta-bounce 1.4s ease-in-out infinite both;
}

.mcl-cta-dot:nth-child(1) { animation-delay: -0.32s; }
.mcl-cta-dot:nth-child(2) { animation-delay: -0.16s; }
.mcl-cta-dot:nth-child(3) { animation-delay: 0s; }

@keyframes mcl-cta-bounce {
	0%, 80%, 100% { transform: scale(0); }
	40% { transform: scale(1); }
}

/* Content visibility */
.mcl-cta-content {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: opacity 0.2s ease;
}

.mcl-cta-icon {
	font-size: 1.1em;
}

/* State classes */
.mcl-cta-ready .mcl-cta-loader {
	display: none;
}

.mcl-cta-ready .mcl-cta-content {
	opacity: 1;
}

/* Smooth transition when content changes */
.mcl-cta-transitioning .mcl-cta-content {
	opacity: 0;
	transform: translateY(5px);
}

.mcl-cta-transitioned .mcl-cta-content {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Sales Page */
.mcl-sales-page{ padding:50px 25px; width:100%; max-width:100%; display:flex; flex-direction:column; align-items:center; }
.mcl-sales-page-wrap{ width:1310px; max-width:100%; }
/* Trial form collapse animation */
#mcl-trial-form {
	transition: all 0.4s ease-out;
	overflow: hidden;
}

#mcl-trial-form.collapsing {
	opacity: 0;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Processing state container */
.mcl-trial-processing {
	text-align: center;
	padding: 20px;
	animation: fadeIn 0.3s ease-out;
}

.mcl-trial-processing-icon {
	font-size: 3em;
	color: #059669;
	margin-bottom: 15px;
}

.mcl-trial-processing-text {
	font-size: 1.1em;
	color: #333;
	font-weight: 600;
	margin-bottom: 10px;
}

.mcl-trial-processing-subtext {
	font-size: 0.9em;
	color: #666;
}

.mcl-trial-processing-steps {
	margin-top: 20px;
	text-align: left;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}

.mcl-trial-processing-step {
	display: flex;
	align-items: center;
	padding: 8px 0;
	color: #999;
	font-size: 0.9em;
	transition: all 0.3s ease;
}

.mcl-trial-processing-step.active {
	color: #059669;
	font-weight: 500;
}

.mcl-trial-processing-step.completed {
	color: #059669;
}

.mcl-trial-processing-step i {
	width: 24px;
	margin-right: 10px;
	text-align: center;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Benefits section slide up */
.mcl-trial-benefits {
	transition: margin-top 0.4s ease-out;
}

.mcl-trial-benefits.slide-up {
	margin-top: 0 !important;
}
.flatpickr-calendar{z-index: 9999999 !important; }
/* Toast Notification System */
.mcl-toast-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 999999;
	display: flex;
	flex-direction: column;
	gap: 10px;
	pointer-events: none;
}

.mcl-toast {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 300px;
	max-width: 450px;
	padding: 16px;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	pointer-events: auto;
	animation: mcl-toast-slide-in 0.3s ease-out;
	position: relative;
	overflow: hidden;
}

.mcl-toast::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
}

.mcl-toast-success {
	background: #f0fdf4;
	border: 1px solid #86efac;
}
.mcl-toast-success::before { background: #22c55e; }
.mcl-toast-success .mcl-toast-icon { color: #22c55e; }

.mcl-toast-error {
	background: #fef2f2;
	border: 1px solid #fecaca;
}
.mcl-toast-error::before { background: #ef4444; }
.mcl-toast-error .mcl-toast-icon { color: #ef4444; }

.mcl-toast-warning {
	background: #fffbeb;
	border: 1px solid #fde68a;
}
.mcl-toast-warning::before { background: #f59e0b; }
.mcl-toast-warning .mcl-toast-icon { color: #f59e0b; }

.mcl-toast-info {
	background: #eff6ff;
	border: 1px solid #bfdbfe;
}
.mcl-toast-info::before { background: #3b82f6; }
.mcl-toast-info .mcl-toast-icon { color: #3b82f6; }

.mcl-toast-icon {
	font-size: 1.25em;
	flex-shrink: 0;
	margin-top: 2px;
}

.mcl-toast-content {
	flex: 1;
}

.mcl-toast-title {
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 4px;
}

.mcl-toast-message {
	color: #64748b;
	font-size: 0.9em;
	line-height: 1.4;
}

.mcl-toast-close {
	background: none;
	border: none;
	color: #94a3b8;
	cursor: pointer;
	padding: 0;
	font-size: 1.1em;
	line-height: 1;
	transition: color 0.2s;
}

.mcl-toast-close:hover {
	color: #475569;
}

.mcl-toast-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	background: currentColor;
	opacity: 0.3;
	animation: mcl-toast-progress linear forwards;
}

@keyframes mcl-toast-slide-in {
	from {
		transform: translateX(100%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes mcl-toast-slide-out {
	from {
		transform: translateX(0);
		opacity: 1;
	}
	to {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes mcl-toast-progress {
	from { width: 100%; }
	to { width: 0%; }
}

/* Inline notification for forms (alternative to toast for form validation) */
.mcl-inline-notification {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 16px;
	animation: mcl-fade-in 0.2s ease-out;
}

.mcl-inline-notification-success {
	background: #f0fdf4;
	border: 1px solid #86efac;
	color: #166534;
}

.mcl-inline-notification-error {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
}

.mcl-inline-notification-warning {
	background: #fffbeb;
	border: 1px solid #fde68a;
	color: #92400e;
}

.mcl-inline-notification-info {
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	color: #1e40af;
}

@keyframes mcl-fade-in {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Confirmation Modal (replaces confirm()) */
.mcl-confirm-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999999;
	animation: mcl-fade-in 0.2s ease-out;
}

.mcl-confirm-box {
	background: white;
	border-radius: 12px;
	padding: 24px;
	max-width: 550px;
	width: 90%;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.mcl-confirm-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px;
	font-size: 1.5em;
}

.mcl-confirm-icon-warning {
	background: #fef3c7;
	color: #d97706;
}

.mcl-confirm-icon-danger {
	background: #fee2e2;
	color: #dc2626;
}

.mcl-confirm-icon-success {
	background: #dcfce7;
	color: #16a34a;
}

.mcl-confirm-title {
	text-align: center;
	font-size: 1.25em;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 8px;
}

.mcl-confirm-message {
	text-align: center;
	color: #64748b;
	margin-bottom: 24px;
	line-height: 1.5;
}

.mcl-confirm-buttons {
	display: flex;
	gap: 12px;
	justify-content: center;
}

.mcl-confirm-btn {
	padding: 10px 24px;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.mcl-confirm-btn-cancel {
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
	color: #64748b !important;
}

.mcl-confirm-btn-cancel:hover {
	background: #e2e8f0 !important;
}

.mcl-confirm-btn-confirm {
	background: #dc2626 !important;
	border: none !important;
	color: white !important;
}

.mcl-confirm-btn-confirm:hover {
	background: #b91c1c !important;
}

.mcl-confirm-btn-primary {
	background: #2563eb !important;
	border: none !important;
	color: white !important;
}

.mcl-confirm-btn-primary:hover {
	background: #1d4ed8 !important;
}

#loader-overlay h3 {
	transition: all 0.3s ease;
}

#loader-overlay h3 .fa-check-circle {
	animation: mcl-success-pop 0.3s ease-out;
}

#loader-overlay h3 .fa-star {
	animation: mcl-success-pop 0.3s ease-out;
}

@keyframes mcl-success-pop {
	0% { transform: scale(0); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

/* Benefit Tags */
.mcl-benefit-tag {
	display: inline-flex;
	align-items: center;
	background: white;
	border: 1px solid #86efac;
	color: #166534;
	font-size: 0.8em;
	padding: 5px 10px;
	border-radius: 20px;
	font-weight: 500;
}

.mcl-benefit-tag::before {
	content: '✓';
	margin-right: 5px;
	font-weight: 700;
}

/* Downgrade Plan Card */
.mcl-downgrade-plan-card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: white;
	border: 2px solid #e5e7eb;
	padding: 14px 16px;
	border-radius: 10px;
	margin-bottom: 10px;
	transition: all 0.2s;
}

.mcl-downgrade-plan-card:hover {
	border-color: #3b82f6;
	background: #f8fafc;
}

.mcl-downgrade-plan-card .plan-info {
	display: flex;
	align-items: center;
	gap: 12px;
}

.mcl-downgrade-plan-card .plan-icon {
	width: 36px;
	height: 36px;
	background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2563eb;
}

.mcl-downgrade-plan-card .plan-name {
	font-weight: 600;
	color: #1e293b;
}

.mcl-downgrade-plan-card .plan-price {
	font-size: 0.9em;
	color: #64748b;
}

.mcl-downgrade-plan-card .plan-savings {
	font-size: 0.75em;
	color: #059669;
	font-weight: 600;
}

.mcl-dashboard { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width:100%; margin: 0 auto; color: #333; padding:25px; }
.mcl-list-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.mcl-card { background: #fff; border: 0; padding: 25px; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s; position: relative; }
.mcl-btn, .mcl-btn[type='button'], .mcl-btn[type='submit'] { background: #046CE2 !important; color: white !important; padding: 12px 24px; text-decoration: none; border-radius: 6px; border: none; cursor: pointer; display: inline-block; font-size: 16px; width: 100%; text-align: center; font-weight: 600; transition: background 0.2s; }
.mcl-btn:hover, .mcl-btn[type='button']:hover, .mcl-btn[type='submit']:hover { background:#135aab !important; color: white !important; }
.mcl-btn-secondary { background: #f0f0f1; color: #333; }
.mcl-btn-secondary:hover { background: #dcdcde; color: #333; }
.mcl-btn-danger { background: #dc3232; color: #fff; }
.mcl-btn-danger:hover { background: #b32d2e; }
.mcl-btn-sm { padding: 6px 12px; font-size: 14px; width: auto; }
.mcl-button-upgrade{ max-width:300px !important; font-size:16px !important; padding:20px 10px !important; }
.mcl-button-upgrade i{ color:white !important; font-size:18px !important; margin:0 10px 0 0 !important; }
.mcl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }

.mcl-nav-btn-wrapper {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
}
.mcl-nav-btn-split {
	display: inline-flex;
	align-items: stretch;
	height: 34px;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #ccc;
	background: #f0f0f1;
	box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.mcl-nav-btn-back {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 0 11px 0 8px;
	color: #333 !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	cursor: pointer;
	transition: background 0.15s;
	line-height: 1;
	white-space: nowrap;
	background: transparent;
	border: none;
}
.mcl-nav-btn-back:hover {
	background: #dcdcde;
	color: #333 !important;
}
.mcl-nav-btn-back i {
	font-size: 12px;
	color: #888;
	margin-right: 2px;
}
.mcl-nav-btn-divider {
	width: 1px;
	background: #ccc;
}
.mcl-nav-btn-chevron {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 28px !important;
	padding: 0 !important;
	border: none !important;
	background: transparent;
	cursor: pointer !important;
	color: #888 !important;
	transition: background 0.15s, color 0.15s !important;
}
.mcl-nav-btn-chevron:hover,
.mcl-nav-btn-chevron.active {
	background: #dcdcde !important;
	color: #555 !important;
}
.mcl-nav-btn-chevron i {
	font-size: 10px;
	transition: transform 0.2s;
}
.mcl-nav-btn-chevron.active i {
	transform: rotate(180deg);
}

/* Dropdown */
.mcl-nav-btn-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 10001;
	background: #fff;
	border-radius: 8px;
	width: 200px;
	border: 1px solid #e0e0e0;
	box-shadow: 0 6px 24px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.06);
	padding: 4px;
	animation: mclNavDrop 0.12s ease-out;
}
.mcl-nav-btn-dropdown.open {
	display: block;
}
@keyframes mclNavDrop {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}
.mcl-nav-btn-dropdown-item {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 9px 10px;
	border-radius: 5px;
	border: none;
	background: transparent;
	cursor: pointer;
	text-align: left;
	transition: background 0.12s;
	font-family: inherit;
	text-decoration: none !important;
	color: #555 !important;
	font-size: 13px;
	font-weight: 600;
}
.mcl-nav-btn-dropdown-item:hover {
	background: #f5f7f9;
	color: #333 !important;
}
.mcl-nav-btn-dropdown-item.current {
	background: var(--e-global-color-primary, #0073aa);
	color: #fff !important;
	cursor: default;
}
.mcl-nav-btn-dropdown-item.current:hover {
	background: var(--e-global-color-primary, #0073aa);
}
.mcl-nav-btn-dropdown-item i {
	width: 18px;
	text-align: center;
	font-size: 13px;
	color: #888;
}
.mcl-nav-btn-dropdown-item.current i {
	color: #fff;
}

/* Modern Form Inputs */
.mcl-modern-input-group { margin-bottom: 20px; position: relative; }
.mcl-modern-input-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #444; font-size: 0.95em; }
.mcl-modern-input { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; transition: border-color 0.2s, box-shadow 0.2s; background: #fafafa; }
.mcl-modern-input:focus { border-color: #0073aa; background: #fff; box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1); outline: none; }
.mcl-modern-select { appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; }

/* Status & Notes */
.mcl-status-select { padding: 6px 10px; border-radius: 20px; border: 1px solid #ddd; font-size: 0.85em; background: #f8f9fa; cursor: pointer; color: #333; outline: none; }
.mcl-status-select:hover { border-color: #0073aa; }
.mcl-note-badge { position: relative; display: inline-block; }
.mcl-note-count { position: absolute; top: -8px; right: -8px; background: #d63638; color: white; border-radius: 50%; width: 16px; height: 16px; font-size: 10px; line-height: 16px; text-align: center; }

.mcl-notes-list { max-height: 300px; overflow-y: auto; border: 1px solid #eee; border-radius: 6px; padding: 10px; margin-bottom: 15px; background: #fafafa; }
.mcl-note-item { background: white; padding: 10px; border-radius: 6px; margin-bottom: 10px; border-left: 3px solid #0073aa; box-shadow: 0 2px 4px rgba(0,0,0,0.03); }
.mcl-note-meta { font-size: 0.8em; color: #888; margin-bottom: 5px; display: flex; justify-content: space-between; }
.mcl-note-cat { background: #e7f5ff; color: #0073aa; padding: 2px 6px; border-radius: 4px; font-weight: 600; }

/* Status Colors for Rows and Dropdown */
.mcl-status-new, table.dataTable tbody tr.mcl-row-new { background-color: #ffffff !important; }
.mcl-status-attempted, table.dataTable tbody tr.mcl-row-attempted { background-color: #fffde7 !important; }
.mcl-status-connected, table.dataTable tbody tr.mcl-row-connected { background-color: #e3f2fd !important; }
.mcl-status-voicemail, table.dataTable tbody tr.mcl-row-voicemail { background-color: #f3e5f5 !important; }
.mcl-status-qualified, table.dataTable tbody tr.mcl-row-qualified { background-color: #e8f5e9 !important; }
.mcl-status-disqualified, table.dataTable tbody tr.mcl-row-disqualified { background-color: #ffebee !important; }
.mcl-status-converted, table.dataTable tbody tr.mcl-row-converted { background-color: #b2dfdb !important; }
.mcl-status-not-interested, table.dataTable tbody tr.mcl-row-not-interested { background-color: #ffebee !important; }
.mcl-status-archived, table.dataTable tbody tr.mcl-row-archived { background-color: #ffebee !important; }

/* Lead row highlight animation (from map view) */
@keyframes mcl-highlight-pulse {
	0% { background-color: #fff3cd !important; box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.3); }
	50% { background-color: #ffe082 !important; box-shadow: 0 0 0 8px rgba(255, 193, 7, 0.2); }
	100% { background-color: #fff3cd !important; box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.3); }
}
table.dataTable tbody tr.mcl-highlight-row {
	animation: mcl-highlight-pulse 1s ease-in-out 3;
	position: relative;
	z-index: 10;
}
table.dataTable tbody tr.mcl-highlight-row td {
	background-color: inherit !important;
}

/* Top Bar with Hamburger */
.mcl-top-bar { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 10px; }
.mcl-top-bar-right { display: flex; align-items: center; gap: 15px; }
.mcl-welcome-text { color: #555; }
.mcl-hamburger { display: none; }
.mcl-mobile-overlay { display: none; }

/* Sidebar Layout */
.mcl-dashboard-wrapper { display: flex; margin-top: 20px; flex-wrap: no-wrap; }
.mcl-sidenav { 
	width: 250px; 
	flex-shrink: 0; 
	padding-right: 20px; 
}
.mcl-content-area { 
	flex-grow: 1; 
	min-width: 0; 
	width: calc(100% - 270px);  /* Added explicit width calculation */
}
.mcl-nav-item { display: block; padding: 15px 20px; background: #fff; border-bottom: 1px solid #eee; cursor: pointer; transition: 0.2s; font-weight: 600; color: #555; }
.mcl-nav-item:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.mcl-nav-item:last-child { border-bottom: none; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.mcl-nav-item:hover { background: var( --e-global-color-primary ); color: white !important; padding-left: 25px; }
.mcl-nav-item.active { background: var( --e-global-color-primary ); color: white !important; border-color: #0073aa; }
.mcl-nav-item i { margin-right: 10px; width: 20px; text-align: center; }
.mcl-nav-sub-item {
	font-size: 0.85em !important;
	padding-left: 42px !important;
	opacity: 0.9;
	border-left: 2px solid #f59e0b;
	margin-left: 12px;
}
.mcl-nav-sub-item:hover {
	opacity: 1;
	background: #fffbeb !important;
}

#composer-scheduled-list {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 10;
	overflow-y: auto;
	border-radius: inherit;
}

/* DataTables Overrides */
.dataTables_wrapper { margin-top: 20px; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; display: inline-block; width: 49%; vertical-align: middle; margin-bottom: 15px; }
.dataTables_wrapper .dataTables_filter { text-align: right; }
table.dataTable { border-collapse: collapse !important; width: 100% !important; }
table.dataTable thead th { background: #f9f9f9; padding: 12px; border-bottom: 2px solid #ddd; }
table.dataTable tbody td{ padding: 12px; border-bottom: 1px solid #eee; vertical-align:middle; }
/* Horizontal scroll container for wide tables */
#mcl-leads-table_wrapper {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
#mcl-leads-table {
	min-width: 700px; /* Prevents below-minimum collapse; scrolls before breaking */
}
#mcl-leads-table_wrapper{ margin-top:0px; }

#mcl-leads-table_wrapper ~ * .mcl-edit-cols-btn,
.mcl-dt-top .mcl-edit-cols-btn,
button.mcl-edit-cols-btn {
	background-color: #fff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	color: #475569 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 0.85em !important;
	font-weight: 600 !important;
	padding: 7px 13px !important;
	text-align: left !important;
	transition: border-color 0.15s, background 0.15s, box-shadow 0.15s, color 0.15s !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

.mcl-dt-top .mcl-edit-cols-btn i,
button.mcl-edit-cols-btn i {
	color: #94a3b8 !important;
	font-size: 0.9em !important;
	transition: color 0.15s !important;
}

/* Hover — override [type=button]:hover and .elementor-kit-14 button:hover */
.mcl-dt-top .mcl-edit-cols-btn:hover,
.mcl-dt-top .mcl-edit-cols-btn:focus,
button.mcl-edit-cols-btn:hover,
button.mcl-edit-cols-btn:focus {
	background-color: #f8fafc !important;
	border-color: #93c5fd !important;
	color: #1d4ed8 !important;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.08) !important;
	text-decoration: none !important;
}

.mcl-dt-top .mcl-edit-cols-btn:hover i,
.mcl-dt-top .mcl-edit-cols-btn:focus i,
button.mcl-edit-cols-btn:hover i,
button.mcl-edit-cols-btn:focus i {
	color: #3b82f6 !important;
}

/* Active/open state */
.mcl-dt-top .mcl-edit-cols-btn.active,
button.mcl-edit-cols-btn.active {
	background-color: #eff6ff !important;
	border-color: #3b82f6 !important;
	color: #1d4ed8 !important;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1) !important;
}

.mcl-dt-top .mcl-edit-cols-btn.active i,
button.mcl-edit-cols-btn.active i {
	color: #3b82f6 !important;
}

#mcl-leads-table_length{width:50%;}
#mcl-leads-table_length > label{ display:inline-block; width:100%; }
#mcl-leads-table_length > label > select{ display:inline-block; width:auto; }
#mcl-leads-table_filter{width:50%;}
#mcl-leads-table_filter > label{ width:100%; }
#mcl-leads-table_filter > label > input{display:inline-block; width:auto; min-width:200px;}
#mcl-leads-table th:last-child, #mcl-leads-table td:last-child{ text-align:right;}
#mcl-leads-table_info, #mcl-leads-table_paginate{ margin-top:10px; }
.mcl-table-quality{ text-align:center;}

/* Top scrollbar mirror */
#mcl-top-scrollbar {
	overflow-x: auto;
	overflow-y: hidden;
	height: 10px;
	margin-bottom: 2px;
	border-radius: 4px;
	/* Only show when table actually overflows */
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}
#mcl-top-scrollbar::-webkit-scrollbar       { height: 6px; }
#mcl-top-scrollbar::-webkit-scrollbar-track { background: transparent; }
#mcl-top-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
#mcl-top-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Also style the bottom scrollbar to match */
#mcl-leads-table_wrapper {
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}
#mcl-leads-table_wrapper::-webkit-scrollbar       { height: 6px; }
#mcl-leads-table_wrapper::-webkit-scrollbar-track { background: transparent; }
#mcl-leads-table_wrapper::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
#mcl-leads-table_wrapper::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Hide the top bar on tablet/mobile — touch scroll handles it natively */
@media (max-width: 1024px) {
	#mcl-top-scrollbar { display: none; }
}

/* ═══════════════════════════════════════════════
   Column-Level Filters
   ═══════════════════════════════════════════════ */
/* Second header row for column filter triggers */
#mcl-leads-table thead tr.mcl-col-filter-row th {
	background: #f1f5f9;
	padding: 4px 6px;
	border-bottom: 2px solid #e2e8f0;
	font-weight: normal;
	font-size: 0.8em;
	white-space: nowrap;
	position: relative;
	z-index:1;
}
/* Wrapper aligns button to match parent column's text-align */
#mcl-leads-table thead tr.mcl-col-filter-row th .mcl-cf-cell {
	display: flex;
	align-items: center;
	width: 100%;
}
#mcl-leads-table thead tr.mcl-col-filter-row th .mcl-cf-cell.align-center {
	justify-content: center;
}
#mcl-leads-table thead tr.mcl-col-filter-row th .mcl-cf-cell.align-right {
	justify-content: flex-end;
}
#mcl-leads-table thead tr.mcl-col-filter-row th .mcl-cf-cell.align-left {
	justify-content: flex-start;
}

/* Filter trigger button in column header */
.mcl-col-filter-trigger {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	font-size: 0.85em;
	color: #64748b;
	transition: all 0.15s;
	max-width: 100%;
	overflow: hidden;
}
.mcl-col-filter-trigger:hover {
	border-color: #94a3b8;
	color: #334155;
	background: #f8fafc;
}
.mcl-col-filter-trigger.active {
	border-color: #3b82f6;
	background: #eff6ff;
	color: #1d4ed8;
}
.mcl-col-filter-trigger .mcl-cf-icon {
	font-size: 0.85em;
	opacity: 0.6;
	flex-shrink: 0;
}
.mcl-col-filter-trigger.active .mcl-cf-icon {
	opacity: 1;
	color: #3b82f6;
}
.mcl-col-filter-trigger .mcl-cf-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Column filter dropdown popup */
.mcl-col-filter-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 1000;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	padding: 12px;
	min-width: 220px;
	max-width: 320px;
	max-height: 360px;
	overflow-y: auto;
}
.mcl-col-filter-dropdown.open {
	display: block;
}
.mcl-col-filter-dropdown.align-right {
	left: auto;
	right: 0;
}
.mcl-col-filter-dropdown.align-center {
	transform: translateX(-50%);
}

/* Dropdown title */
.mcl-cf-title {
	font-size: 0.8em;
	font-weight: 600;
	color: #334155;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f1f5f9;
}

/* Date range inputs */
.mcl-cf-date-row {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 8px;
}
.mcl-cf-date-row label {
	font-size: 0.78em;
	color: #64748b;
	min-width: 35px;
}
.mcl-cf-date-row input[type="date"] {
	flex: 1;
	padding: 5px 6px;
	border: 1px solid #e2e8f0;
	border-radius: 5px;
	font-size: 0.85em;
	color: #334155;
}

/* Number range inputs */
.mcl-cf-range-row {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 8px;
}
.mcl-cf-range-row input[type="number"] {
	width: 70px;
	padding: 5px 6px;
	border: 1px solid #e2e8f0;
	border-radius: 5px;
	font-size: 0.85em;
	text-align: center;
}
.mcl-cf-range-sep {
	color: #94a3b8;
	font-size: 0.8em;
}

/* Range slider */
.mcl-cf-slider-container {
	padding: 4px 0 8px;
}
.mcl-cf-slider-container input[type="range"] {
	width: 100%;
	accent-color: #3b82f6;
}
.mcl-cf-slider-labels {
	display: flex;
	justify-content: space-between;
	font-size: 0.75em;
	color: #94a3b8;
	margin-top: 2px;
}

/* Chip/preset buttons */
.mcl-cf-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 8px;
}
.mcl-cf-chip {
	padding: 4px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	font-size: 0.78em;
	color: #475569;
	cursor: pointer;
	transition: all 0.15s;
	background: #fff;
}
.mcl-cf-chip:hover {
	border-color: #94a3b8;
	background: #f8fafc;
}
.mcl-cf-chip.active {
	border-color: #3b82f6;
	background: #eff6ff;
	color: #1d4ed8;
}

/* Multi-select checkbox list in dropdown */
.mcl-cf-option {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 5px 6px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 0.82em;
	color: #334155;
}
.mcl-cf-option:hover {
	background: #f1f5f9;
}
.mcl-cf-option input[type="checkbox"] {
	accent-color: #3b82f6;
	margin: 0;
}
.mcl-cf-option.active {
	background: #eff6ff;
}

/* Action buttons row */
.mcl-cf-actions {
	display: flex;
	gap: 6px;
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #f1f5f9;
}
.mcl-cf-btn {
	flex: 1;
	padding: 5px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	font-size: 0.8em;
	cursor: pointer;
	text-align: center;
	background: #fff;
	color: #64748b;
	transition: all 0.15s;
}
.mcl-cf-btn:hover { background: #f1f5f9; }
.mcl-cf-btn.primary {
	background: #3b82f6;
	color: #fff;
	border-color: #3b82f6;
}
.mcl-cf-btn.primary:hover { background: #2563eb; }

/* Overdue toggle for MCS-150 */
.mcl-cf-toggle-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #f1f5f9;
}
.mcl-cf-toggle-row label {
	font-size: 0.82em;
	color: #334155;
	cursor: pointer;
}

/* State multi-select grid */
.mcl-cf-state-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3px;
	max-height: 200px;
	overflow-y: auto;
	margin-bottom: 8px;
}
.mcl-cf-state-chip {
	padding: 3px 6px;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	font-size: 0.75em;
	text-align: center;
	cursor: pointer;
	color: #475569;
	background: #fff;
}
.mcl-cf-state-chip:hover { background: #f1f5f9; }
.mcl-cf-state-chip.active {
	border-color: #3b82f6;
	background: #eff6ff;
	color: #1d4ed8;
}

/* ── Mobile: hide column filter row ── */
@media (max-width: 768px) {
	#mcl-leads-table thead tr.mcl-col-filter-row { display: none; }
}

/* Last Activity column */
.mcl-table-activity { white-space: nowrap; }
.mcl-activity-time { font-size: 0.9em; color: #334155; }
.mcl-activity-notes { font-size: 0.78em; color: #94a3b8; margin-top: 2px; }
.mcl-no-activity { color: #cbd5e1; }

/* Drivers column */
.mcl-table-drivers { text-align: center; white-space: nowrap; }
.mcl-drivers-count { font-weight: 700; font-size: 1.05em; color: #0f172a; }
.mcl-drivers-units { font-size: 0.78em; color: #94a3b8; margin-top: 1px; }

/* Distance column */
.mcl-table-distance { text-align: center; white-space: nowrap; }
.mcl-distance-value { font-weight: 600; color: #334155; }
.mcl-distance-far { color: #94a3b8; }

/* DOT Registered column */
.mcl-table-dotregistered { white-space: nowrap; }
.mcl-dot-new { color: #059669; font-weight: 600; }

/* Safety column */
.mcl-table-safety { text-align: center; }
.mcl-safety-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 0.82em; font-weight: 600; }
.mcl-safety-S { background: #dcfce7; color: #166534; }
.mcl-safety-C { background: #fef3c7; color: #92400e; }
.mcl-safety-U { background: #fee2e2; color: #991b1b; }
.mcl-safety-N { background: #f1f5f9; color: #64748b; }

/* MCS-150 column */
.mcl-table-mcs150 { white-space: nowrap; }
.mcl-mcs150-stale { color: #dc2626; font-weight: 600; }
.mcl-mcs150-ok { color: #64748b; }

/* Utilization column */
.mcl-table-utilization { text-align: center; white-space: nowrap; }
.mcl-util-high { color: #059669; font-weight: 600; }
.mcl-util-normal { color: #64748b; }
.mcl-util-low { color: #94a3b8; }

/* ── Column min-widths: prevent any column from collapsing ── */
#mcl-leads-table th.mcl-table-status,
#mcl-leads-table td.mcl-table-status   { min-width: 110px; width: 110px; }

#mcl-leads-table th.mcl-table-quality,
#mcl-leads-table td.mcl-table-quality  { min-width: 54px; width: 54px; }

#mcl-leads-table th.mcl-table-company,
#mcl-leads-table td.mcl-table-company  { min-width: 200px; } /* Never shrink below this */

#mcl-leads-table th.mcl-table-location,
#mcl-leads-table td.mcl-table-location { min-width: 120px; }

#mcl-leads-table th.mcl-table-date,
#mcl-leads-table td.mcl-table-date     { min-width: 90px; }

#mcl-leads-table th.mcl-table-activity,
#mcl-leads-table td.mcl-table-activity { min-width: 110px; }

#mcl-leads-table th.mcl-table-drivers,
#mcl-leads-table td.mcl-table-drivers  { min-width: 70px; width: 70px; }

#mcl-leads-table th.mcl-table-distance,
#mcl-leads-table td.mcl-table-distance { min-width: 75px; width: 75px; }

#mcl-leads-table th.mcl-table-dotregistered,
#mcl-leads-table td.mcl-table-dotregistered { min-width: 100px; }

#mcl-leads-table th.mcl-table-safety,
#mcl-leads-table td.mcl-table-safety   { min-width: 72px; width: 72px; }

#mcl-leads-table th.mcl-table-mcs150,
#mcl-leads-table td.mcl-table-mcs150   { min-width: 80px; }

#mcl-leads-table th.mcl-table-utilization,
#mcl-leads-table td.mcl-table-utilization { min-width: 82px; width: 82px; }

#mcl-leads-table th.mcl-table-actions,
#mcl-leads-table td.mcl-table-actions  { min-width: 140px; width: 140px; }

/* Column Chooser */
.mcl-col-chooser-btn {
	background: none; border: none; cursor: pointer; color: #94a3b8;
	font-size: 0.8em; padding: 2px 4px; margin-left: 4px; vertical-align: middle;
	border-radius: 4px; transition: color 0.15s, background 0.15s;
}
.mcl-col-chooser-btn:hover { color: #475569; background: #f1f5f9; }
.mcl-col-chooser-title {
	padding: 8px 14px 4px; font-size: 0.78em; font-weight: 700; color: #94a3b8;
	text-transform: uppercase; letter-spacing: 0.5px;
}
.mcl-col-chooser-item {
	display: flex; align-items: center; gap: 8px;
	padding: 7px 14px; cursor: pointer; font-size: 0.88em; color: #334155;
	transition: background 0.12s;
}
.mcl-col-chooser-item:hover { background: #f8fafc; }
.mcl-col-chooser-item.disabled { opacity: 0.4; cursor: default; }
.mcl-col-chooser-item input[type="checkbox"] {
	accent-color: #046CE2; width: 15px; height: 15px; cursor: pointer;
}
.mcl-col-chooser-item.disabled input[type="checkbox"] { cursor: default; }
.mcl-col-chooser-divider { height: 1px; background: #e2e8f0; margin: 4px 0; }
.mcl-col-chooser-wrap {
	position: fixed;
	z-index: 99999;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	padding: 6px 0;
	min-width: 220px;
	display: none;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
}
.mcl-col-chooser-wrap.open { display: block; }

/* Pricing Table */
.mcl-plan-title{margin-bottom:10px; text-align:center;}
.mcl-plan-subtitle{margin-bottom:60px; text-align:center; font-size:1.4em;}
.mcl-pricing-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 40px; }
.mcl-price-card { flex: 1; min-width: 250px; background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); text-align: center; border: 1px solid #eee; transition: all 0.3s ease; position:relative; }
.mcl-price-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); border-color: #046CE2; }
.mcl-plan-name { font-size: 2em; font-weight: 700; color:var(--e-global-color-primary); margin-bottom:0px; text-transform: uppercase; letter-spacing: 1px; }
.mcl-plan-price { font-size: 2.5em; color:#046ce2; font-weight:700; margin: 5px 0; }
.mcl-plan-price span { font-size: 0.4em; color: #999; font-weight: 400; }
.mcl-plan-features { list-style: none; padding: 0; margin: 20px 0; text-align: center; }
.mcl-plan-features li { padding: 8px 0; border-bottom: 1px solid #f5f5f5; color: #555; }
.mcl-plan-features li:last-child { border-bottom: none; }
.mcl-plan-features i { color: #046CE2; margin-right: 8px; }
.mcl-most-popular { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: #046CE2; color: white; padding: 5px 15px; border-radius: 20px; font-size: 0.8em; font-weight: 600; }

/* Actions & Popups */
.mcl-action-btn { background:none !important; border:none; cursor:pointer; color:#888; font-size:1.1em; padding:0 5px; }
.mcl-action-btn:hover, .mcl-action-btn:active, .mcl-action-btn:visited { color: var( --e-global-color-1868f34 ) !important; }
.mcl-action-btn:hover >i, .mcl-action-btn:active > i, .mcl-action-btn:visited > i{ color: var( --e-global-color-1868f34 ) !important; }
.mcl-popup-overlay { display:none; position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.55); z-index:9999; }
.mcl-popup { display:none; position: fixed; top:50%; left:50%; max-height: 96vh; overflow-y:auto; transform: translate(-50%, -50%); background:#fff; padding:25px; border-radius:8px; width:600px; max-width:95%; box-shadow:0 10px 25px rgba(0,0,0,0.2); z-index:10000; }
.mcl-popup h4 { margin-top:0; border-bottom:1px solid #eee; padding-bottom:10px; display:flex; justify-content:start; align-items:center; padding-right:40px; }
.mcl-popup-close { cursor: pointer; color: #999; font-size: 1.2em; position:absolute; top:20px; right:25px; z-index:10; padding:5px; }
.mcl-popup-close:hover { color: #333; }
.mcl-copy-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; font-size:15px; }
.mcl-copy-btn { cursor:pointer; color:#0073aa; font-size:1.1em; }
.mcl-copy-btn:hover { color:#005177; }

/* Contact Popup Styling */
.mcl-contact-row { display:flex; align-items:center; gap:10px; padding:8px 0; }
.mcl-contact-row i { color:#555; width:20px; text-align:center; flex-shrink:0; }
.mcl-contact-row .mcl-copy-btn { margin-left:auto; opacity:0.5; transition:0.2s; }
.mcl-contact-row:hover .mcl-copy-btn { opacity:1; }

/* Progress Bar */
.mcl-progress-wrapper { width:100%; }
.mcl-progress-bar { height: 8px; background: #eee; border-radius: 4px; margin-top: 4px; overflow: hidden; }
.mcl-progress-fill { height: 100%; background: #28a745; transition: width 0.3s; }
.mcl-progress-text { font-size: 0.75em; color: #666; display: flex; justify-content: space-between; margin-top: 2px; }

/* Icons on Dashboard */
.mcl-dash-icon { color: #666; margin: 0 4px; cursor: pointer; transition: 0.2s; font-size: 1.1em; text-decoration: none; }
.mcl-dash-icon:hover { color: #0073aa; }
.mcl-dash-icon.delete:hover { color: #dc3232; }

/* Loaders */
.mcl-loader-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 23, 42, 0.45);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	z-index: 20000;
	align-items: center;
	justify-content: center;
}
.mcl-loader-overlay[style*="display: block"],
.mcl-loader-overlay[style*="display:block"] {
	display: flex !important;
}
.mcl-loader-card {
	background: #fff;
	border-radius: 16px;
	padding: 40px 48px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04);
	text-align: center;
	min-width: 280px;
	max-width: 360px;
	animation: mcl-loader-pop 0.25s ease-out;
}
@keyframes mcl-loader-pop {
	0% { opacity: 0; transform: scale(0.92) translateY(8px); }
	100% { opacity: 1; transform: scale(1) translateY(0); }
}
.mcl-loader-icon {
	width: 56px;
	height: 56px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3em;
	color: #2563eb;
}
.mcl-loader-icon .mcl-spinner {
	width: 28px;
	height: 28px;
	border-width: 3px;
	margin: 0;
}
.mcl-spinner {
	border: 3px solid #e2e8f0;
	border-top: 3px solid #2563eb;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	animation: spin 0.8s linear infinite;
	margin: 0 auto 20px;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* ── Table Loading Overlay ─────────────────────────────── */
.mcl-table-overlay {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.92);
	z-index: 50;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.15s ease;
	border-radius: 8px;
	will-change: opacity;
}
.mcl-table-overlay-inner {
	position: sticky;
	top: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 40px 20px;
}
.mcl-table-overlay.active {
	opacity: 1;
	pointer-events: auto;
}
.mcl-table-overlay-spinner {
	width: 36px;
	height: 36px;
	border: 3px solid #e2e8f0;
	border-top-color: #2563eb;
	border-radius: 50%;
	animation: spin 0.7s linear infinite;
}
.mcl-table-overlay-text {
	font-size: 0.85em;
	font-weight: 500;
	color: #64748b;
	letter-spacing: 0.01em;
}
.mcl-table-overlay-bar {
	width: 180px;
	height: 3px;
	background: #e2e8f0;
	border-radius: 3px;
	overflow: hidden;
}
.mcl-table-overlay-bar-fill {
	width: 40%;
	height: 100%;
	background: #2563eb;
	border-radius: 3px;
	animation: mcl-shimmer 1.2s ease-in-out infinite;
}
@keyframes mcl-shimmer {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(350%); }
}

/* Wrapper needs position:relative for the overlay to anchor to */
.mcl-table-wrap {
	position: relative;
	min-height: 200px;
}

/* Hide the default DataTables processing element */
.dataTables_processing {
	display: none !important;
}

.mcl-loader-card h3 {
	margin: 0 0 6px 0;
	font-size: 1.05em;
	font-weight: 600;
	color: #1e293b;
}
.mcl-loader-card .mcl-loader-subtitle {
	margin: 0;
	font-size: 0.85em;
	color: #94a3b8;
	font-weight: 400;
}
.mcl-loader-progress {
	margin-top: 20px;
	height: 4px;
	background: #e2e8f0;
	border-radius: 2px;
	overflow: hidden;
}
.mcl-loader-progress-bar {
	height: 100%;
	width: 30%;
	background: linear-gradient(90deg, #2563eb, #3b82f6);
	border-radius: 2px;
	animation: mcl-loader-slide 1.5s ease-in-out infinite;
}
@keyframes mcl-loader-slide {
	0% { transform: translateX(-100%); width: 30%; }
	50% { width: 60%; }
	100% { transform: translateX(350%); width: 30%; }
}

.mcl-export-container { position: relative; display: inline-block; }
.mcl-export-menu { display: none; position: absolute; right: 0; background-color: #fff; min-width:260px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 3; border-radius: 6px; overflow: hidden; }
.mcl-export-menu a { color: black; padding: 12px 16px; text-decoration: none; display: block; font-size: 14px; }
.mcl-export-menu a:hover { background-color: #f1f1f1; }
.mcl-export-container:hover .mcl-export-menu { display: block; }
.StripeElement { box-sizing: border-box; padding: 10px 12px; border: 1px solid #ddd; border-radius: 4px; background-color: white; }

.mcl-export-menu-header {
	padding: 8px 16px;
	font-size: 0.75em;
	font-weight: 600;
	color: #6b7280;
	text-transform: uppercase;
	background: #f9fafb;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	gap: 6px;
}
.mcl-export-menu-header i {
	color: #9ca3af;
}
.mcl-export-menu-divider {
	height: 1px;
	background: #e5e7eb;
	margin: 4px 0;
}
.mcl-export-menu a i {
	width: 18px;
	margin-right: 8px;
	color: #6b7280;
}
.mcl-export-menu a i.fa-file-csv { color: #10b981; }
.mcl-export-menu a i.fa-file-excel { color: #059669; }
.mcl-export-menu a i.fa-file-pdf { color: #dc2626; }

.mcl-export-container.has-filters .export-full-label {
	display: none;
}

.mcl-empty-state { text-align: center; color: #888; padding: 20px; }
.mcl-empty-icon { font-size: 30px; margin-bottom: 10px; color: #ddd; display:block; }
.mcl-auth-wrapper { max-width: 400px; margin: 40px auto; background: #fff; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); overflow: hidden; }
.mcl-auth-tabs { display: flex; background: #f8f9fa; cursor: pointer; }
.mcl-auth-tab { flex: 1; padding: 15px; text-align: center; color: #666; font-weight: 600; border-bottom: 2px solid transparent; }
.mcl-auth-tab.active { background: #fff; color: #0073aa; border-bottom: 2px solid #0073aa; }
.mcl-auth-content { padding: 30px; display: none; }
.mcl-auth-content.active { display: block; }
.mcl-input-group { margin-bottom: 20px; }
.mcl-input-group label { display: block; margin-bottom: 8px; font-weight: 500; color: #444; }
.mcl-input-group input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; }

.dataTables_empty{ text-align:center !important; padding:40px !important; }
.mcl-table-name{ width:25%; text-align:left; vertical-align:middle; }
.mcl-table-area{ width:15%; text-align:center; vertical-align:middle;}
.mcl-table-leads{ width:20%; text-align:center; vertical-align:middle;}
.mcl-table-activity{ width:20%; text-align:center; vertical-align:middle;}
.mcl-table-notifications{ width:5%; text-align:center; vertical-align:middle; }
.mcl-table-actions{ width:15%; text-align:center; vertical-align:middle;}
.mcl-icon-action{ margin:0 5px; }
.mcl-feed-actions{ text-align:center; width:120px; }

/* ==========================================================================
   1. DATATABLES TOP CONTROLS
   ========================================================================== */

/* Better flexbox layout for the length + search bar */
.mcl-dt-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0 14px;
	border-bottom: 1px solid #f1f5f9;
	margin-bottom: 12px;
}

.mcl-dt-top .dataTables_length,
.mcl-dt-top .dataTables_filter {
	float: none !important;
	display: flex !important;
	align-items: center;
	width: auto !important;
	margin-bottom: 0 !important;
}

.mcl-dt-top .dataTables_length label,
.mcl-dt-top .dataTables_filter label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.85em;
	color: #64748b;
	margin: 0;
	white-space: nowrap;
}

.mcl-dt-top .dataTables_length select {
	padding: 6px 28px 6px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background-color: #fff;
	font-size: 0.9em;
	color: #334155;
	cursor: pointer;
	transition: border-color 0.15s, box-shadow 0.15s;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 8px center;
}

.mcl-dt-top .dataTables_length select:hover,
.mcl-dt-top .dataTables_length select:focus {
	border-color: #93c5fd;
	box-shadow: 0 0 0 2px rgba(59,130,246,0.08);
	outline: none;
}

.mcl-dt-top .dataTables_filter input {
	padding: 7px 12px 7px 34px !important;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 0.9em;
	color: #1e293b;
	min-width: 220px !important;
	transition: border-color 0.15s, box-shadow 0.15s;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 10px center;
}

.mcl-dt-top .dataTables_filter input:focus {
	border-color: #93c5fd;
	box-shadow: 0 0 0 2px rgba(59,130,246,0.1);
	outline: none;
}

.mcl-dt-top .dataTables_filter input::placeholder {
	color: #cbd5e1;
}


/* ==========================================================================
   2. TABLE HEADER POLISH
   ========================================================================== */
#mcl-leads-table thead th {
	background: #f8fafc !important;
	padding: 10px 28px 10px 12px !important; /* Extra right padding for sort arrow */
	border-bottom: 2px solid #e2e8f0 !important;
	font-size: 0.8em;
	font-weight: 700;
	color: #475569;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	white-space: nowrap;
	position: sticky;
	top: 0;
	z-index: 2;
	overflow: visible;
	text-overflow: ellipsis;
}

/* Sorting indicators — full override of DataTables defaults */
#mcl-leads-table thead th.sorting,
#mcl-leads-table thead th.sorting_asc,
#mcl-leads-table thead th.sorting_desc {
	position: relative;
	cursor: pointer;
}

/* Suppress both default DataTables pseudo-elements */
#mcl-leads-table thead th.sorting::before,
#mcl-leads-table thead th.sorting_asc::before,
#mcl-leads-table thead th.sorting_desc::before,
#mcl-leads-table thead th.sorting::after,
#mcl-leads-table thead th.sorting_asc::after,
#mcl-leads-table thead th.sorting_desc::after {
	content: '' !important;
	display: none !important;
}

/* Sort icon injected via background-image, positioned right-center */
/* Default (unsorted): faint double chevron */
#mcl-leads-table thead th.sorting {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath fill='%2394a3b8' d='M4 0L0 4h8L4 0zM4 12L0 8h8l-4 4z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 8px center !important;
	background-size: 8px 12px !important;
	padding-right: 24px !important;
}
/* Ascending: blue up arrow */
#mcl-leads-table thead th.sorting_asc {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%233b82f6' d='M4 0L0 6h8L4 0z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 8px center !important;
	background-size: 8px 6px !important;
	padding-right: 24px !important;
}
/* Descending: blue down arrow */
#mcl-leads-table thead th.sorting_desc {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%233b82f6' d='M4 6L0 0h8L4 6z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 8px center !important;
	background-size: 8px 6px !important;
	padding-right: 24px !important;
}

/* Centered columns: icon sits at right edge without shifting text */
#mcl-leads-table thead th.mcl-table-quality.sorting,
#mcl-leads-table thead th.mcl-table-quality.sorting_asc,
#mcl-leads-table thead th.mcl-table-quality.sorting_desc,
#mcl-leads-table thead th.mcl-table-drivers.sorting,
#mcl-leads-table thead th.mcl-table-drivers.sorting_asc,
#mcl-leads-table thead th.mcl-table-drivers.sorting_desc,
#mcl-leads-table thead th.mcl-table-distance.sorting,
#mcl-leads-table thead th.mcl-table-distance.sorting_asc,
#mcl-leads-table thead th.mcl-table-distance.sorting_desc,
#mcl-leads-table thead th.mcl-table-safety.sorting,
#mcl-leads-table thead th.mcl-table-safety.sorting_asc,
#mcl-leads-table thead th.mcl-table-safety.sorting_desc,
#mcl-leads-table thead th.mcl-table-utilization.sorting,
#mcl-leads-table thead th.mcl-table-utilization.sorting_asc,
#mcl-leads-table thead th.mcl-table-utilization.sorting_desc {
	padding-right: 0 !important;
	background-position: right 4px center !important;
}

/* ==========================================================================
   3. TABLE ROW & CELL REFINEMENTS (DESKTOP)
   ========================================================================== */

#mcl-leads-table tbody td {
	padding: 10px 12px !important;
	border-bottom: 1px solid #f1f5f9 !important;
	vertical-align: middle;
	font-size: 0.9em;
	color: #334155;
	transition: background-color 0.12s ease;
}

/* Alternating row subtle tint */
#mcl-leads-table tbody tr:nth-child(even) {
	background-color: #fafbfc;
}

/* Hover state — clean lift effect */
#mcl-leads-table tbody tr:hover > td {

	background-color: #f0f7ff !important;
}

/* Company name - make it the visual anchor */
.mcl-table-company strong {
	font-size: 0.95em;
	color: #0f172a;
	letter-spacing: -0.01em;
}

/* DOT number under company name */
.mcl-table-company strong {
	font-size: 0.95em;
	color: #0f172a;
	letter-spacing: -0.01em;
	display: block;
	word-break: break-word;
	min-width: 0;
	line-height: 1.3;
}

/* Fleet info row */
.mcl-table-company .mcl-fleet-info {
	font-size: 0.82em;
	color: #64748b;
	margin-top: 3px;
	padding: 3px 6px;
	background: #f8fafc;
	border-radius: 4px;
	display: inline-flex;
	gap: 6px;
	align-items: center;
}

/* Location styling */
.mcl-table-location {
	color: #475569;
}
.mcl-table-location .mcl-distance {
	font-size: 0.82em;
	color: #10b981;
	font-weight: 500;
}

/* DOT Registered - highlight new registrations */
.mcl-table-dotregistered .mcl-dot-new {
	color: #059669;
	font-weight: 600;
	position: relative;
}

/* Utilization column */
.mcl-table-utilization .mcl-util-high {
	color: #059669;
	font-weight: 700;
}
.mcl-table-utilization .mcl-util-low {
	color: #cbd5e1;
}


/* ==========================================================================
   4. STATUS DROPDOWN UPGRADE
   ========================================================================== */
.mcl-status-select {
	padding: 7px 28px 7px 12px !important;
	border-radius: 8px !important;
	border: 1px solid #e2e8f0 !important;
	font-size: 0.82em !important;
	font-weight: 600 !important;
	color: #334155 !important;
	background-color: #fff !important;
	cursor: pointer;
	transition: all 0.15s ease;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	min-width: 90px;
	max-width: 120px;
	width: 100%;
	line-height: 1.4;
}

.mcl-status-select:hover {
	border-color: #93c5fd !important;
	box-shadow: 0 0 0 2px rgba(59,130,246,0.08);
}

.mcl-status-select:focus {
	border-color: #3b82f6 !important;
	box-shadow: 0 0 0 3px rgba(59,130,246,0.12);
	outline: none;
}


/* ==========================================================================
   5. QUALITY SCORE — CONSISTENT CIRCLE SIZING
   ========================================================================== */

.mcl-quality-score {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0 !important;
	border-radius: 50% !important;
	font-weight: 800 !important;
	font-size: 0.82em !important;
	min-width: 38px !important;
	text-align: center;
	line-height: 1;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Score hover lift */
.mcl-quality-score:hover {
	transform: scale(1.08);
	box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

/* Ensure the external link icon doesn't break circle sizing */
.mcl-quality-score .fa-external-link-alt,
.mcl-quality-score .fa-external-link {
	display: none;
}

/* Excellent score subtle glow */
.mcl-quality-excellent {
	box-shadow: 0 0 0 3px rgba(102, 187, 106, 0.15), 0 1px 3px rgba(0,0,0,0.06);
}

/* Poor score muted appearance */
.mcl-quality-poor {
	opacity: 0.85;
}


/* ==========================================================================
   6. ACTION ICONS — SPACING & HOVER STATES
   ========================================================================== */

.mcl-table-actions {
	white-space: nowrap !important;
}

.mcl-action-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0 !important;
	margin: 0 1px;
	border-radius: 6px !important;
	color: #94a3b8 !important;
	font-size: 0.88em !important;
	background: transparent !important;
	border: none;
	cursor: pointer;
	transition: all 0.15s ease;
	position: relative;
}

.mcl-action-btn:hover {
	background: #f1f5f9 !important;
	color: #3b82f6 !important;
	transform: translateY(-1px);
}

.mcl-action-btn:hover > i {
	color: #3b82f6 !important;
}

.mcl-action-btn:active {
	transform: translateY(0);
	background: #e2e8f0 !important;
}

/* Map icon special color on hover */
.mcl-action-btn[title="Maps"]:hover,
.mcl-action-btn[title="Maps"]:hover > i {
	color: #10b981 !important;
}

/* Reminder icon */
.mcl-action-btn[title="Set Reminder"]:hover,
.mcl-action-btn[title="Set Reminder"]:hover > i {
	color: #f59e0b !important;
}


/* ==========================================================================
   7. FILTER BAR REFINEMENTS
   ========================================================================== */

.mcl-filter-bar {
	padding: 12px 14px;
	border-radius: 10px;
	margin-bottom: 12px;
	gap: 12px;
	background: linear-gradient(135deg, #f8fafc 0%, #f0f4f8 100%);
	border: 1px solid #e5e9f0;
}
.mcl-active-filters-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	min-height: 0;
}
.mcl-active-filter-chip {
	white-space: nowrap;
	flex-shrink: 0;
}

/* All Filters button - slightly smaller, less bulky */
.mcl-filter-btn-pro {
	padding: 10px 14px;
	border-radius: 10px;
	min-width: 180px;
	gap: 10px;
}

.mcl-filter-btn-icon {
	width: 32px;
	height: 32px;
	border-radius: 7px;
	font-size: 0.95em;
}

.mcl-filter-btn-label {
	font-size: 0.9em;
}

.mcl-filter-btn-sub {
	font-size: 0.7em;
	opacity: 0.8;
}

/* Lead count in filter bar - bigger number emphasis */
.mcl-lead-count {
	font-size: 0.9em;
	color: #475569;
}
.mcl-lead-count span:first-child {
	font-weight: 800;
	font-size: 1.2em;
	color: #0f172a;
}


/* ==========================================================================
   8. QUICK FILTER CHIPS — POLISH
   ========================================================================== */

.mcl-quick-chip {
	padding: 7px 13px;
	border-radius: 20px;
	font-size: 0.82em;
	font-weight: 600;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #475569;
	gap: 5px;
	transition: all 0.2s ease;
	box-shadow: 0 1px 2px rgba(0,0,0,0.03);
	white-space: nowrap;
}

.mcl-quick-chip:hover {
	border-color: #3b82f6;
	color: #2563eb;
	background: #eff6ff;
	box-shadow: 0 2px 4px rgba(59,130,246,0.1);
	transform: translateY(-1px);
}

.mcl-quick-chip.active {
	background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 2px 8px rgba(59,130,246,0.25);
}


/* ==========================================================================
   9. TABLET BREAKPOINT (769px – 1024px)
   ========================================================================== */

@media (min-width: 769px) and (max-width: 1024px) {

	/* Switch to card view on tablet too — the table squishes badly */
	#mcl-leads-table {
		display: block;
		width: 100% !important;
	}
	#mcl-leads-table thead {
		display: none;
	}
	#mcl-leads-table tbody {
		display: grid;
		grid-template-columns: 1fr 1fr; /* Two-column card grid */
		gap: 10px;
	}
	#mcl-leads-table tbody tr {
		display: flex;
		flex-direction: column;
		background: #fff;
		border: 1px solid #e5e7eb;
		border-radius: 10px;
		padding: 0;
		box-shadow: 0 1px 3px rgba(0,0,0,0.04);
		overflow: hidden;
		transition: box-shadow 0.15s, transform 0.15s;
	}
	#mcl-leads-table tbody tr:hover {
		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
		transform: translateY(-1px);
	}
	#mcl-leads-table tbody td {
		box-sizing: border-box;
		display: block;
		width: 100% !important;
		padding: 0;
		border: none !important;
		text-align: left !important;
		white-space: normal;
	}

	/* Quality Score — top banner */
	#mcl-leads-table tbody td.mcl-table-quality {
		order: 1;
		background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
		padding: 8px 12px;
		border-bottom: 1px solid #e5e7eb !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#mcl-leads-table tbody td.mcl-table-quality::before {
		content: 'QUALITY SCORE';
		font-size: 0.7em;
		font-weight: 700;
		color: #64748b;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	#mcl-leads-table tbody td.mcl-table-quality .mcl-quality-score {
		font-size: 0.85em;
		width: 34px;
		height: 34px;
		min-width: 34px;
	}

	/* Company — main content */
	#mcl-leads-table tbody td.mcl-table-company {
		order: 2;
		padding: 10px 12px;
	}
	#mcl-leads-table tbody td.mcl-table-company strong {
		font-size: 0.95em;
		display: block;
		margin-bottom: 2px;
	}

	/* Location */
	#mcl-leads-table tbody td.mcl-table-location {
		order: 3;
		padding: 0 12px 6px 12px;
		font-size: 0.82em;
		color: #64748b;
	}

	/* DOT Registered & MCS-150 — show inline */
	#mcl-leads-table tbody td.mcl-table-dotregistered {
		order: 4;
		padding: 0 12px 4px;
		font-size: 0.82em;
		color: #64748b;
		display: block !important;
	}
	#mcl-leads-table tbody td.mcl-table-dotregistered::before {
		content: 'DOT Reg: ';
		color: #94a3b8;
		font-weight: 500;
	}
	#mcl-leads-table tbody td.mcl-table-mcs150 {
		order: 4;
		padding: 0 12px 4px;
		font-size: 0.82em;
		color: #64748b;
		display: block !important;
	}
	#mcl-leads-table tbody td.mcl-table-mcs150::before {
		content: 'MCS-150: ';
		color: #94a3b8;
		font-weight: 500;
	}
	#mcl-leads-table tbody td.mcl-table-utilization {
		order: 4;
		padding: 0 12px 8px;
		font-size: 0.82em;
		color: #64748b;
		display: block !important;
	}
	#mcl-leads-table tbody td.mcl-table-utilization::before {
		content: 'Utilization: ';
		color: #94a3b8;
		font-weight: 500;
	}

	/* Hide less critical columns on tablet */
	#mcl-leads-table tbody td.mcl-table-drivers,
	#mcl-leads-table tbody td.mcl-table-distance,
	#mcl-leads-table tbody td.mcl-table-safety,
	#mcl-leads-table tbody td.mcl-table-date,
	#mcl-leads-table tbody td.mcl-table-activity {
		display: none !important;
	}

	/* Status dropdown in footer */
	#mcl-leads-table tbody td.mcl-table-status {
		order: 5;
		padding: 8px 12px;
		background: #f8fafc;
		border-top: 1px solid #e5e7eb !important;
	}
	#mcl-leads-table tbody td.mcl-table-status .mcl-status-select {
		width: 100%;
		padding: 8px 12px !important;
		font-size: 0.85em !important;
	}

	/* Actions — bottom toolbar */
	#mcl-leads-table tbody td.mcl-table-actions {
		order: 6;
		padding: 8px 12px;
		background: #f8fafc;
		display: flex !important;
		justify-content: space-around;
		gap: 4px;
		border-top: 1px solid #e5e7eb !important;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 6px 2px;
		font-size: 0.95em;
		background: #fff !important;
		border-radius: 6px;
		border: 1px solid #e5e7eb;
		width: auto;
		height: auto;
		min-height: 40px;
		margin: 0;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn::after {
		font-size: 0.55em;
		margin-top: 3px;
		color: #64748b;
		font-family: inherit;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="View Contact Info"]::after { content: 'Contact'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Notes"]::after { content: 'Notes'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Call Options"]::after { content: 'Call'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Email Options"]::after { content: 'Email'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Set Reminder"]::after { content: 'Remind'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Maps"]::after { content: 'Map'; }

	/* Call/Email dropdowns in tablet card */
	#mcl-leads-table tbody td.mcl-table-actions .mcl-call-dropdown,
	#mcl-leads-table tbody td.mcl-table-actions .mcl-email-dropdown {
		flex: 1;
		display: flex;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-call-dropdown .mcl-action-btn,
	#mcl-leads-table tbody td.mcl-table-actions .mcl-email-dropdown .mcl-action-btn {
		width: 100%;
	}

	/* DT controls */
	.mcl-dt-top {
		flex-wrap: wrap;
	}
	#mcl-leads-table_filter input {
		min-width: 180px !important;
	}

	/* Filter bar - keep row layout but tighten */
	.mcl-filter-bar {
		padding: 10px 12px;
		gap: 10px;
	}
	.mcl-filter-btn-pro {
		min-width: 160px;
		padding: 9px 12px;
	}
	.mcl-filter-btn-sub {
		display: none;
	}
	.mcl-quick-chip {
		padding: 6px 10px;
		font-size: 0.78em;
	}
}

@media (min-width: 1025px) and (max-width: 1280px) {
	.mcl-dt-top .mcl-edit-cols-btn span,
	button.mcl-edit-cols-btn span {
		display: none !important;
	}
	.mcl-dt-top .mcl-edit-cols-btn,
	button.mcl-edit-cols-btn {
		padding: 7px 10px !important;
	}

	/* Tighten cell padding to recover horizontal space */
	#mcl-leads-table tbody td,
	#mcl-leads-table thead th {
		padding: 8px 8px !important;
	}

	/* Reduce action button size slightly */
	.mcl-action-btn {
		width: 26px !important;
		height: 26px !important;
		font-size: 0.82em !important;
		margin: 0 !important;
	}

	/* Quality score circle slightly smaller */
	.mcl-quality-score {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		font-size: 0.78em !important;
	}

	/* Fleet info chip — single line, tighter */
	.mcl-table-company .mcl-fleet-info {
		font-size: 0.75em;
		padding: 2px 4px;
		gap: 4px;
	}

	/* Status select — compact */
	.mcl-status-select {
		padding: 5px 22px 5px 8px !important;
		font-size: 0.78em !important;
	}

	/* Badge text — slightly tighter */
	.mcl-company-badge {
		font-size: 0.7em;
		padding: 1px 5px;
	}

	/* Distance text tighter */
	.mcl-distance {
		font-size: 0.78em;
	}
}


/* ==========================================================================
   10. MOBILE CARD VIEW IMPROVEMENTS (≤768px)
   ========================================================================== */

@media (max-width: 768px) {
	/* ── Kill the min-width that forces horizontal scroll ── */
	#mcl-leads-table_wrapper {
		overflow-x: visible !important;
	}
	#mcl-leads-table {
		min-width: 0 !important;
		display: block;
		width: 100% !important;
	}

	/* ── Hide table header, switch body to single-column card grid ── */
	#mcl-leads-table thead {
		display: none;
	}
	#mcl-leads-table tbody {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	/* ── Card shell ── */
	#mcl-leads-table tbody tr {
		display: flex;
		flex-direction: column;
		background: #fff;
		border: 1px solid #e5e9f0;
		border-radius: 12px;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 4px rgba(0,0,0,0.05);
		transition: box-shadow 0.15s;
	}
	#mcl-leads-table tbody tr:active {
		box-shadow: 0 1px 2px rgba(0,0,0,0.06);
	}

	/* ── All cells: block, full width, reset table layout ── */
	#mcl-leads-table tbody td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
		padding: 0;
		border: none !important;
		text-align: left !important;
		white-space: normal;
	}

	/* Quality score banner — cleaner layout */
	#mcl-leads-table tbody td.mcl-table-quality {
		order: 1;
		background: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
		padding: 10px 14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #e2e8f0 !important;
	}
	#mcl-leads-table tbody td.mcl-table-quality::before {
		content: 'QUALITY SCORE';
		font-size: 0.72em;
		font-weight: 700;
		color: #64748b;
		text-transform: uppercase;
		letter-spacing: 0.6px;
	}
	#mcl-leads-table tbody td.mcl-table-quality .mcl-quality-score {
		width: 36px;
		height: 36px;
		min-width: 36px !important;
		font-size: 0.85em !important;
	}

	/* Company section — more room */
	#mcl-leads-table tbody td.mcl-table-company {
		order: 2;
		padding: 12px 14px 6px;
	}
	#mcl-leads-table tbody td.mcl-table-company strong {
		font-size: 1.05em;
		color: #0f172a;
		display: block;
		margin-bottom: 3px;
		line-height: 1.3;
	}
	#mcl-leads-table tbody td.mcl-table-company .mcl-company-badges {
		margin: 4px 0 6px;
	}

	/* Location */
	#mcl-leads-table tbody td.mcl-table-location {
		order: 3;
		padding: 0 14px 10px;
		font-size: 0.85em;
		color: #475569;
	}
	#mcl-leads-table tbody td.mcl-table-location .mcl-distance {
		display: inline;
		margin-left: 6px;
		font-weight: 500;
	}

	/* Status dropdown — bigger touch target */
	#mcl-leads-table tbody td.mcl-table-status {
		order: 5;
		padding: 10px 14px;
		background: #f8fafc;
		border-top: 1px solid #e5e7eb !important;
	}
	#mcl-leads-table tbody td.mcl-table-status .mcl-status-select {
		width: 100%;
		padding: 11px 14px !important;
		font-size: 0.9em !important;
		border-radius: 8px !important;
		min-height: 44px;
	}

	/* Action buttons — refined toolbar */
	#mcl-leads-table tbody td.mcl-table-actions {
		order: 6;
		padding: 10px 10px 12px;
		background: #f8fafc;
		display: flex !important;
		justify-content: space-around;
		gap: 6px;
		border-top: 1px solid #e5e7eb !important;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn {
		flex: 1;
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 4px;
		font-size: 1.05em;
		background: #fff !important;
		border-radius: 10px;
		border: 1px solid #e5e7eb;
		min-height: 54px;
		width: auto;
		height: auto;
		margin: 0;
		color: #64748b !important;
		transition: all 0.15s ease;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn:active {
		background: #f1f5f9 !important;
		transform: scale(0.96);
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn::after {
		font-size: 0.58em;
		margin-top: 5px;
		color: #64748b;
		font-family: inherit;
		font-weight: 600;
	}

	/* Mobile card shadow & spacing refinement */
	#mcl-leads-table tbody tr {
		border-radius: 12px;
		box-shadow: 0 1px 4px rgba(0,0,0,0.05);
		border: 1px solid #e5e9f0;
		transition: box-shadow 0.15s;
	}
	#mcl-leads-table tbody tr:active {
		box-shadow: 0 1px 2px rgba(0,0,0,0.06);
	}

	/* DT Controls — full width stacked */
	.mcl-dt-top {
		flex-direction: column;
		gap: 8px;
		padding: 8px 0 10px;
	}
	.mcl-dt-top .dataTables_length,
	.mcl-dt-top .dataTables_filter {
		width: 100% !important;
	}
	.mcl-dt-top .dataTables_length label,
	.mcl-dt-top .dataTables_filter label {
		width: 100%;
	}
	.mcl-dt-top .dataTables_filter input {
		width: 100% !important;
		min-width: 100% !important;
	}

	/* Filter bar — tighter mobile layout */
	.mcl-filter-bar {
		padding: 10px;
		gap: 8px;
		border-radius: 10px;
	}
	.mcl-filter-btn-pro {
		width: 100%;
		min-width: unset;
		padding: 10px 12px;
	}
	.mcl-quick-chips {
		gap: 6px;
		flex-wrap: wrap;
	}
	.mcl-quick-chip {
		padding: 7px 12px;
		font-size: 0.8em;
	}
	.mcl-filter-bar-right {
		width: 100%;
		justify-content: center;
	}
}

/* Small phones (≤480px) — single-column tighter */
@media (max-width: 480px) {
	#mcl-leads-table tbody td.mcl-table-company {
		padding: 10px 12px 4px;
	}
	#mcl-leads-table tbody td.mcl-table-company strong {
		font-size: 0.98em;
	}
	#mcl-leads-table tbody td.mcl-table-location {
		padding: 0 12px 8px;
		font-size: 0.82em;
	}
	#mcl-leads-table tbody td.mcl-table-quality {
		padding: 8px 12px;
	}
	#mcl-leads-table tbody td.mcl-table-actions {
		padding: 8px 8px 10px;
		gap: 4px;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn {
		min-height: 50px;
		border-radius: 8px;
		font-size: 1em;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn::after {
		font-size: 0.52em;
	}
	/* At very small widths, hide the Edit columns label */
	button.mcl-edit-cols-btn span {
		display: none !important;
	}
	button.mcl-edit-cols-btn {
		padding: 7px 10px !important;
	}
}

/* ==========================================================================
   11. PAGINATION IMPROVEMENTS
   ========================================================================== */

.mcl-dt-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0 4px;
	border-top: 1px solid #f1f5f9;
	margin-top: 4px;
}

.dataTables_info {
	font-size: 0.82em;
	color: #64748b;
}

.dataTables_paginate {
	display: flex;
	gap: 2px;
}

.dataTables_paginate .paginate_button {
	padding: 6px 12px !important;
	border-radius: 6px !important;
	font-size: 0.82em !important;
	font-weight: 600;
	color: #475569 !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	cursor: pointer;
	transition: all 0.12s ease;
}

.dataTables_paginate .paginate_button:hover {
	background: #f1f5f9 !important;
	color: #1e293b !important;
	border-color: #e2e8f0 !important;
}

.dataTables_paginate .paginate_button.current {
	background: #3b82f6 !important;
	color: #fff !important;
	border-color: #3b82f6 !important;
	box-shadow: 0 1px 4px rgba(59,130,246,0.25);
}

.dataTables_paginate .paginate_button.disabled {
	color: #cbd5e1 !important;
	cursor: default;
}
.dataTables_paginate .paginate_button.disabled:hover {
	background: transparent !important;
	border-color: transparent !important;
}


/* ==========================================================================
   12. SUBTLE ANIMATIONS & MICRO-INTERACTIONS
   ========================================================================== */

/* Smooth card-view entrance for mobile/tablet */
@media (max-width: 1024px) {
	#mcl-leads-table tbody tr {
		animation: mclCardFadeIn 0.25s ease-out both;
	}
	#mcl-top-scrollbar { display: none; }
	@keyframes mclCardFadeIn {
		from {
			opacity: 0;
			transform: translateY(6px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	/* Stagger the first few cards */
	#mcl-leads-table tbody tr:nth-child(1) { animation-delay: 0.02s; }
	#mcl-leads-table tbody tr:nth-child(2) { animation-delay: 0.04s; }
	#mcl-leads-table tbody tr:nth-child(3) { animation-delay: 0.06s; }
	#mcl-leads-table tbody tr:nth-child(4) { animation-delay: 0.08s; }
	#mcl-leads-table tbody tr:nth-child(5) { animation-delay: 0.10s; }
}

/* Badge hover micro-interaction */
.mcl-new-entrant-badge:hover,
.mcl-high-value-badge:hover,
.mcl-high-quality-badge:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

/* Smooth quality score color transitions */
.mcl-quality-score {
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.2s ease;
}

/* Export button refinement */
#export-btn {
	border-radius: 8px;
	padding: 8px 14px;
	font-weight: 600;
	font-size: 0.85em;
	transition: all 0.15s ease;
}

/* Column chooser icon better alignment */
.mcl-col-chooser-btn {
	vertical-align: middle;
	margin-left: 4px;
	padding: 3px 5px;
	border-radius: 4px;
	transition: all 0.12s ease;
}
.mcl-col-chooser-btn:hover {
	background: #e2e8f0;
	color: #334155;
}

/* Success Bar */
.mcl-success-bar { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background: #46b450; color: white; padding: 15px 30px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 20001; display: none; opacity: 0; transition: opacity 0.5s; font-weight: 600; font-size: 16px; }
.mcl-success-bar.show { display: block; opacity: 1; }

.mcl-my-subscription-box{ width:100%; }
.mcl-current-plan-box{width:100%; background:#f8f9fa; padding:15px; border-radius:8px; border:1px solid #eee; margin-bottom:20px;}
.mcl-input-error { border-color: #dc3232 !important; background-color: #ffebeb !important; }
.mcl-cancel-btn-top { position:absolute; top:26px; right:26px; color: #999; text-decoration: none; font-size: 0.9em; border: 1px solid #ddd; padding: 5px 10px; border-radius: 4px; transition: 0.2s; }
.mcl-cancel-btn-top:hover { background:#ccc; border-color: #AAA !important; }
.conf-plan-features{margin:5px 0 0 25px; padding:0px; }

.mcl-down-arrow { background:#eee; border:none; color:#666; border-radius:50%; width:30px; height:30px; cursor:pointer; font-size:12px; margin-left:8px; display:inline-flex; align-items:center; justify-content:center; transition:0.2s; vertical-align: middle; margin-top:-5px; }
.mcl-down-arrow:hover { background:#ddd; color:#333; }

/* Teleprompter */
.mcl-teleprompter { font-size: 1.5em; line-height: 1.6; color: #000; background: #fffde7; padding: 20px; border-radius: 8px; border: 2px solid #e6a23c; margin-bottom: 20px; }
.mcl-teleprompter-active { position: fixed !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000; background: #fff; padding: 60px 40px 40px 40px !important; overflow-y: auto; font-size: 1.5em; line-height: 1.8; border: none; border-radius: 0; margin: 0; }
.mcl-teleprompter-exit { display: none; position: fixed; top: 20px; right: 30px; font-size: 24px; color: #999; cursor: pointer; z-index: 20002; transition: 0.2s; background: rgba(255,255,255,0.9); padding: 8px; border-radius: 50%; border: 1px solid #eee; }
.mcl-teleprompter-exit:hover { color: #dc3232; border-color: #dc3232; }
.mcl-teleprompter-active .mcl-teleprompter-exit { display: block; }

/* Script Buttons */
.mcl-script-btn { display: block; width: 100%; margin: 5px 0; text-align: left; background: #f0f7fb; border: 1px solid #0073aa; color: #0073aa; padding: 10px; border-radius: 6px; cursor: pointer; transition: 0.2s; }
.mcl-script-btn:hover { background: #0073aa; color: white; }
.mcl-script-btn.btn-yes { border-color: #28a745; color: #28a745; background: #e8f5e9; }
.mcl-script-btn.btn-yes:hover { background: #28a745; color: white; }
.mcl-script-btn.btn-no { border-color: #e6a23c; color: #e6a23c; background: #fdf6ec; }
.mcl-script-btn.btn-no:hover { background: #e6a23c; color: white; }
.mcl-script-btn.btn-hard-no { border-color: #dc3232; color: #dc3232; background: #fef0f0; }
.mcl-script-btn.btn-hard-no:hover { background: #dc3232; color: white; }

/* Thumbs Logic */
.mcl-thumb-btn { opacity: 0.6; transition: 0.2s; }
.mcl-thumb-btn.active { opacity: 1; transform: scale(1.1); box-shadow: 0 0 5px rgba(0,0,0,0.2); }

/* Script Formatting */
.mcl-script-fill { background-color: #fff3cd; border: 1px solid #ffeeba; border-radius: 4px; padding: 0 4px; font-style: italic; color: #856404; }
.mcl-script-instruction { color: #6c757d; font-style: italic; font-weight: 500; display: block; margin: 5px 0; }

/* Next Steps */
.mcl-next-steps { margin-top: 15px; padding: 10px; background: #eef2f7; border-radius: 6px; border-left: 4px solid #0073aa; display: none; }
.mcl-next-step-btn { display: inline-block; margin: 2px; padding: 5px 10px; background: #fff; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; font-size: 0.9em; transition: 0.2s; }
.mcl-next-step-btn:hover { border-color: #0073aa; color: #0073aa; }
.mcl-next-step-btn i { margin-right: 5px; }

#mcl-call-popup {
	 width: 95%; height: 95vh; max-width: none; top: 2.5%; left: 2.5%; transform: none;
}

/* Quality Score Display */
.mcl-quality-score { display: inline-block; padding: 6px 12px; border-radius: 20px; font-weight: bold; font-size: 0.95em; min-width: 45px; text-align: center; }
.mcl-quality-excellent { background: #e8f5e9; color: #2e7d32; border: 2px solid #66bb6a; }
.mcl-quality-good { background: #e3f2fd; color: #1565c0; border: 2px solid #42a5f5; }
.mcl-quality-average { background: #fff9e6; color: #e65100; border: 2px solid #ffa726; }
.mcl-quality-poor { background: #ffebee; color: #c62828; border: 2px solid #ef5350; }
.mcl-quality-locked { background: #f5f5f5; color: #999; border: 2px dashed #ccc; cursor: help; }
#quality-score-display{ display:inline-block; font-size:3em; font-weight:bold; padding:40px; border-radius:50%; border:4px solid; min-width:160px; }

/* Audit Risk Indicators */
.mcl-audit-risk { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; cursor: help; position: relative; }
.mcl-audit-badge { display: inline-flex; align-items: center; justify-content: center; font-size: 0.75em; font-weight: 700; padding: 2px 6px; border-radius: 4px; white-space: nowrap; }
.mcl-audit-at-risk { background: #ffebee; color: #c62828; border: 1px solid #ef5350; }
.mcl-audit-at-risk i { color: #c62828; }
.mcl-audit-review-due { background: #fff3e0; color: #e65100; border: 1px solid #ffb74d; }
.mcl-audit-review-due i { color: #e65100; }
.mcl-audit-icon { font-size: 1em; cursor: help; }
.mcl-audit-icon.at-risk { color: #c62828; }
.mcl-audit-icon.review-due { color: #e65100; }

/* Audit Risk Tooltip - Enhanced Inline */
.mcl-audit-tooltip { position: relative; display: inline-flex; cursor:help; align-items: center; margin-left:10px; }
.mcl-audit-tooltip .mcl-audit-tooltip-text { 
	visibility: hidden; 
	width: 300px; /* Increased from 260px */
	background-color: #333; 
	color: #fff; 
	text-align: left; 
	border-radius: 6px; 
	padding: 12px 15px; /* Increased padding */
	position: absolute; 
	z-index: 100; 
	bottom: 130%; 
	left: 50%; 
	margin-left: -150px; 
	opacity: 0; 
	transition: opacity 0.3s; 
	font-size: 0.95em; /* Increased from 0.8em */
	line-height: 1.5; /* Increased from 1.4 */
	box-shadow: 0 4px 12px rgba(0,0,0,0.3); 
	font-weight: normal; 
}
.mcl-audit-tooltip .mcl-audit-tooltip-text::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; }
.mcl-audit-tooltip:hover .mcl-audit-tooltip-text { visibility: visible; opacity: 1; }
.mcl-audit-tooltip .mcl-audit-tooltip-text strong { color: #fff; display: block; margin-bottom: 4px; font-size: 1.05em; }
.mcl-audit-tooltip .mcl-audit-tooltip-text .mcl-audit-date { color: #ccc; font-size: 0.9em; margin-top: 4px; }
.mcl-company-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 0px;
	margin-bottom: 6px;
}
.mcl-company-badges .mcl-audit-tooltip,
.mcl-company-badges .mcl-new-entrant-badge,
.mcl-company-badges .mcl-high-value-badge,
.mcl-company-badges .mcl-high-quality-badge,
.mcl-company-badges .mcl-audit-badge {
	margin-left: 0;
}

/* Fleet Popup Styles */
.mcl-fleet-type-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 0.85em;
	font-weight: 500;
}
.mcl-fleet-type-badge.hazmat { background: #ffebee; color: #c62828; }
.mcl-fleet-type-badge.tanker { background: #e3f2fd; color: #1565c0; }
.mcl-fleet-type-badge.passenger { background: #f3e5f5; color: #7b1fa2; }
.mcl-fleet-type-badge.bus { background: #e8f5e9; color: #2e7d32; }
.mcl-fleet-type-badge.school-bus { background: #fff8e1; color: #f57f17; }
.mcl-fleet-type-badge.freight { background: #f5f5f5; color: #616161; }

.mcl-safety-good { color: #2e7d32; font-weight: 600; }
.mcl-safety-warning { color: #e65100; font-weight: 600; }
.mcl-safety-danger { color: #c62828; font-weight: 600; }

/* Audit Alert Boxes in Quality Popup */
.mcl-audit-alert { padding: 12px 15px; border-radius: 6px; margin-bottom: 15px; display: flex; align-items: flex-start; gap: 12px; }
.mcl-audit-alert i { font-size: 1.4em; flex-shrink: 0; margin-top: 2px; }
.mcl-audit-alert-content { flex: 1; }
.mcl-audit-alert-title { font-weight: 700; font-size: 1em; margin-bottom: 4px; }
.mcl-audit-alert-desc { font-size: 0.9em; opacity: 0.9; }
.mcl-audit-alert.at-risk { background: #ffebee; border: 1px solid #ef5350; border-left: 4px solid #c62828; }
.mcl-audit-alert.at-risk i { color: #c62828; }
.mcl-audit-alert.at-risk .mcl-audit-alert-title { color: #c62828; }
.mcl-audit-alert.review-due { background: #fff3e0; border: 1px solid #ffb74d; border-left: 4px solid #e65100; }
.mcl-audit-alert.review-due i { color: #e65100; }
.mcl-audit-alert.review-due .mcl-audit-alert-title { color: #e65100; }

/* New Entrant & Hot Lead Indicators */
.mcl-new-entrant-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 0.7em; font-weight: 700; padding: 2px 6px; border-radius: 4px; margin-left: 6px; vertical-align: middle; }
.mcl-new-entrant-hot { background: #ffebee; color: #c62828; border: 1px solid #ef5350; }
.mcl-new-entrant-hot i { color: #ff5722; }
.mcl-new-entrant-new { background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9; }
.mcl-new-entrant-new i { color: #1976d2; }

/* High Value Lead Indicator */
.mcl-high-value-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 0.7em; font-weight: 700; padding: 2px 6px; border-radius: 4px; margin-left: 6px; vertical-align: middle; background: #e8f5e9; color: #2e7d32; border: 1px solid #81c784; }
.mcl-high-value-badge i { color: #4caf50; }

/* High Value Lead Indicator */
.mcl-high-quality-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 0.7em; font-weight: 700; padding: 2px 6px; border-radius: 4px; margin-left: 6px; vertical-align: middle; background: #e8f5e9; color: #2e7d32; border: 1px solid #81c784; }
.mcl-high-quality-badge i { color: #4caf50; }

/* New Entrant Alert Boxes in Quality Popup */
.mcl-audit-alert.hot-lead { background: #ffebee; border: 1px solid #ef5350; border-left: 4px solid #ff5722; }
.mcl-audit-alert.hot-lead i { color: #ff5722; }
.mcl-audit-alert.hot-lead .mcl-audit-alert-title { color: #c62828; }
.mcl-audit-alert.new-entrant { background: #e3f2fd; border: 1px solid #90caf9; border-left: 4px solid #1976d2; }
.mcl-audit-alert.new-entrant i { color: #1976d2; }
.mcl-audit-alert.new-entrant .mcl-audit-alert-title { color: #1565c0; }

/* High Value Lead Alert Box */
.mcl-audit-alert.high-value { background: #e8f5e9; border: 1px solid #81c784; border-left: 4px solid #4caf50; }
.mcl-audit-alert.high-value i { color: #4caf50; }
.mcl-audit-alert.high-value .mcl-audit-alert-title { color: #2e7d32; }

/* Fleet Info Styling */
.mcl-fleet-info {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	cursor:pointer;
	padding: 4px 8px;
	margin-left: -8px;
	border-radius: 6px;
	transition: all 0.2s ease;
}
.mcl-fleet-info:hover {
	background: #f3f7fa;
	color: #0369a1;
	box-shadow: 0px 0px 3px #0369a126;
}
.mcl-fleet-info:hover .mcl-fleet-stats i {
	color: #0369a1 !important;
}
.mcl-fleet-types {
	display: inline-flex;
	gap: 4px;
	margin-right: 8px;
}
.mcl-fleet-stats {
	display: inline-flex;
	align-items: center;
}
.mcl-cargo-icons { display: inline-flex; gap: 4px; margin-left: 6px; vertical-align: middle; }
.mcl-cargo-icon {
	width: 22px;
	height: 22px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75em;
	cursor: pointer;
	transition: transform 0.2s;
}
.mcl-cargo-icon:hover {
	transform: scale(1.1);
}
.mcl-cargo-icon.hazmat { background: #ffebee; color: #c62828; border: 1px solid #ef5350; }
.mcl-cargo-icon.passenger { background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9; }
.mcl-cargo-icon.bus { background: #e3f2fd; color: #1565c0; border: 1px solid #ffca28; }
.mcl-cargo-icon.school-bus { background: #fff8e1; color: #f9a825; border: 1px solid #ffca28; }
.mcl-cargo-icon.tanker { background: #e8f5e9; color: #2e7d32; border: 1px solid #81c784; }
.mcl-cargo-icon.freight { background: #f3e5f5; color: #7b1fa2; border: 1px solid #ba68c8; }

/* Distance Display */
.mcl-distance { font-size: 0.85em; color: #888; margin-top: 2px; }
.mcl-distance i { margin-right: 3px; color: #0073aa; }

/* Main Filter Button - Upgraded */
.mcl-filter-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-size: 0.95em;
	font-weight: 600;
	color: #fff;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
	position: relative;
	overflow: hidden;
}

.mcl-filter-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
	transition: left 0.5s ease;
}

.mcl-filter-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}

.mcl-filter-btn:hover::before {
	left: 100%;
}

.mcl-filter-btn:active {
	transform: translateY(0);
}

/* Filter icon with subtle animation */
.mcl-filter-btn i.fa-filter {
	font-size: 0.9em;
	transition: transform 0.3s ease;
}

.mcl-filter-btn:hover i.fa-filter {
	transform: rotate(-10deg) scale(1.1);
}

/* Filter count badge */
.mcl-filter-btn .filter-count {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 0.8em;
	margin-left: 2px;
	font-weight: 700;
}

/* When filters are active */
.mcl-filter-btn.has-filters {
	background: linear-gradient(135deg, #059669 0%, #10b981 100%);
	box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.mcl-filter-btn.has-filters:hover {
	box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
}

.mcl-filter-btn.has-filters .filter-count {
	background: rgba(255, 255, 255, 0.3);
}

/* Pulse animation for first-time users (optional) */
@keyframes filter-pulse {
	0%, 100% { box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3); }
	50% { box-shadow: 0 2px 20px rgba(59, 130, 246, 0.6); }
}

.mcl-filter-btn.pulse-attention {
	animation: filter-pulse 2s ease-in-out 3;
}

/* Filter hint text */
.mcl-filter-hint {
	font-size: 0.75em;
	font-weight: 400;
	opacity: 0.9;
	margin-left: 4px;
}

/* Mobile responsive */
@media (max-width: 768px) {
	.mcl-filter-btn {
		padding: 10px 14px;
	}
	.mcl-filter-btn .mcl-filter-hint {
		display: none;
	}
}
.mcl-filter-bar-main{ max-width:100%;}
.mcl-filter-bar {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px;
	background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

/* Pro Filter Button */
.mcl-filter-btn-pro {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
	border: none;
	border-radius: 10px;
	cursor: pointer;
	color: #fff;
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);
	min-width: 200px;
}

.mcl-filter-btn-pro:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}

.mcl-filter-btn-icon {
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1em;
	flex-shrink: 0;
}

.mcl-filter-btn-text {
	flex: 1;
	text-align: left;
}

.mcl-filter-btn-label {
	display: block;
	font-weight: 700;
	font-size: 0.95em;
}

.mcl-filter-btn-sub {
	display: block;
	font-size: 0.75em;
	opacity: 0.85;
	margin-top: 2px;
}

.mcl-filter-btn-arrow {
	opacity: 0.7;
	font-size: 0.85em;
	transition: transform 0.2s;
}

.mcl-filter-btn-pro:hover .mcl-filter-btn-arrow {
	transform: translateX(3px);
}

.mcl-filter-btn-pro .filter-count {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 0.85em;
	font-weight: 700;
}

/* When filters are active */
.mcl-filter-btn-pro.has-filters {
	background: linear-gradient(135deg, #059669 0%, #10b981 100%);
	box-shadow: 0 2px 10px rgba(16, 185, 129, 0.3);
}

/* Quick Filter Chips */
.mcl-quick-chips {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	flex: 1;
}

.mcl-quick-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	font-size: 0.85em;
	font-weight: 500;
	color: #475569;
	cursor: pointer;
	transition: all 0.2s ease;
}

.mcl-quick-chip:hover {
	border-color: #3b82f6;
	color: #3b82f6;
	background: #eff6ff;
}

.mcl-quick-chip.active {
	background: #3b82f6;
	color: #fff;
	border-color: #3b82f6;
}

.mcl-quick-chip i {
	font-size: 0.9em;
}

.mcl-quick-chip[data-filter="hot"] i { color: #ef4444; }
.mcl-quick-chip[data-filter="new-entrant"] i { color: #f59e0b; }
.mcl-quick-chip[data-filter="nearby"] i { color: #10b981; }
.mcl-quick-chip[data-filter="untouched"] i { color: #6366f1; }

.mcl-quick-chip.active i { color: #fff; }

/* Locked state for Scout/Trial */
.mcl-quick-chip.locked {
	color: #94a3b8;
	cursor: pointer;
}

.mcl-quick-chip.locked i {
	color: #94a3b8 !important;
}

.mcl-quick-chip.locked:hover {
	border-color: #94a3b8;
	background: #f8fafc;
	color: #64748b;
}

.mcl-quick-chip .lock-icon {
	font-size: 0.7em;
	margin-left: 2px;
}

/* Chip Lock Icons for Trial/Scout */
.mcl-chip-lock { 
	font-size: 0.7em; 
	color: #9ca3af; 
	margin-left: 6px;
}
.mcl-quick-chip.mcl-chip-locked {
	color: #94a3b8;
	border-color: #e2e8f0;
}
.mcl-quick-chip.mcl-chip-locked:hover,
.mcl-quick-chip.mcl-chip-locked:focus,
.mcl-quick-chip.mcl-chip-locked:active{
	border-color: #94a3b8;
	background: #f8fafc;
}
.mcl-quick-chip.mcl-chip-locked i:first-child {
	color: #94a3b8 !important;
}

/* Right side - count */
.mcl-filter-bar-right {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-left: auto;
}

.mcl-lead-count {
	font-size: 0.95em;
	color: #64748b;
	font-weight: 600;
	white-space: nowrap;
}

.mcl-lead-count span:first-child {
	color: #1e293b;
	font-size: 1.1em;
}

/* Mobile */
@media (max-width: 768px) {
	.mcl-filter-bar {
		flex-direction: column;
		align-items: stretch;
		padding: 12px;
	}

	.mcl-filter-btn-pro {
		width: 100%;
		min-width: unset;
	}

	.mcl-quick-chips {
		max-width:100%;
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: wrap;
		padding-bottom: 5px;
		margin: 0 -12px;
		padding: 0 12px 8px;
	}

	.mcl-quick-chip {
		flex-shrink: 0;
	}

	.mcl-filter-bar-right {
		justify-content: space-between;
		width: 100%;
	}

	.mcl-filter-btn-sub {
		display: none;
	}
}

/* Modern Filter Panel - Slide-out Design */
.mcl-filter-overlay { 
	display: none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	background: rgba(15, 23, 42, 0.4); 
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	z-index: 9999; 
	opacity: 0;
	transition: opacity 0.3s ease;
}
.mcl-filter-overlay.active { opacity: 1; }

.mcl-filter-panel {
	position: fixed; 
	top: 0; 
	left: -100%; 
	width: 480px;
	max-width: 100%;
	height: 100vh;
	height: 100dvh;
	background: #fff; 
	box-shadow: -8px 0 30px rgba(0,0,0,0.15); 
	z-index: 10000; 
	transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
}
.mcl-filter-panel.active { left: 0; display: flex; }

.mcl-filter-panel-header { 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	padding: 20px 24px;
	border-bottom: 1px solid #e5e7eb;
	background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
	flex-shrink: 0;
}
.mcl-filter-panel-header h3 { 
	margin: 0; 
	font-size: 1.25em; 
	font-weight: 700;
	color: #1e293b;
	display: flex;
	align-items: center;
	gap: 10px;
}
.mcl-filter-panel-header h3 i { color: #6366f1; }
.mcl-filter-close-btn {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	border: none;
	background: #fff;
	color: #64748b;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.mcl-filter-close-btn:hover { background: #fee2e2; color: #dc2626; }

/* Filter Panel Layout - Nav + Content */
.mcl-filter-panel-body {
	display: flex;
	flex: 1;
	overflow: hidden;
}

/* Category Navigation */
.mcl-filter-nav {
	width: 140px;
	background: #f8fafc;
	border-right: 1px solid #e5e7eb;
	overflow-y: auto;
	flex-shrink: 0;
	padding: 12px 0;
}
.mcl-filter-nav-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	font-size: 0.85em;
	font-weight: 500;
	color: #64748b;
	cursor: pointer;
	transition: all 0.15s;
	border-left: 3px solid transparent;
	position: relative;
}
.mcl-filter-nav-item:hover { background: #f1f5f9; color: #334155; }
.mcl-filter-nav-item.active { 
	background: #fff; 
	color: #6366f1; 
	border-left-color: #6366f1;
	font-weight: 600;
}
.mcl-filter-nav-item i { width: 16px; text-align: center; font-size: 0.9em; }
.mcl-filter-nav-badge {
	position: absolute;
	right: 12px;
	background: #6366f1;
	color: #fff;
	font-size: 0.7em;
	padding: 2px 6px;
	border-radius: 10px;
	font-weight: 600;
}
.mcl-filter-nav-item .mcl-nav-lock {
	position: absolute;
	right: 12px;
	color: #9ca3af;
	font-size: 0.75em;
}

/* Filter Content Area */
.mcl-filter-content {
	flex: 1;
	overflow-y: auto;
	padding: 20px 24px;
	scroll-behavior: smooth;
	padding-bottom: 70vh;
}

/* Filter Sections */
.mcl-filter-section { 
	margin-bottom: 28px;
	scroll-margin-top: 20px;
}
.mcl-filter-section:last-child { margin-bottom: 0; }
.mcl-filter-section-title { 
	font-weight: 600; 
	font-size: 0.8em; 
	color: #64748b; 
	margin-bottom: 12px; 
	text-transform: uppercase; 
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.mcl-filter-section-title i { color: #6366f1; font-size: 1.1em; }

.mcl-filter-options { display: flex; flex-wrap: wrap; gap: 8px; }

/* Signal Filter - radio style overrides */
.mcl-signal-filter-options .mcl-filter-checkbox {
	width: 100%;
	flex: none;
}
.mcl-signal-filter-options .mcl-filter-checkbox input[type="radio"] {
	display: none;
}
.mcl-signal-filter-options .mcl-filter-checkbox.active {
	background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 2px 8px rgba(30, 58, 95, 0.3);
}
.mcl-signal-filter-options .mcl-filter-checkbox.active i {
	color: #fff !important;
}

/* Modern Filter Pills */
.mcl-filter-pill { 
	padding: 8px 14px; 
	background: #f8fafc; 
	border: 1.5px solid #e2e8f0; 
	border-radius: 10px; 
	cursor: pointer; 
	font-size: 0.85em; 
	transition: all 0.15s;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	color: #475569;
}
.mcl-filter-pill:hover { border-color: #6366f1; background: #f5f3ff; color: #4f46e5; }
.mcl-filter-pill.active { 
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); 
	color: #fff; 
	border-color: transparent;
	box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}
.mcl-filter-pill .filter-count { 
	background: rgba(0,0,0,0.08); 
	padding: 2px 8px; 
	border-radius: 8px; 
	font-size: 0.8em; 
	font-weight: 600; 
	min-width: 20px; 
	text-align: center;
}
.mcl-filter-pill.active .filter-count { background: rgba(255,255,255,0.25); }
.mcl-filter-pill .filter-count:empty { display: none; }

/* Filter Checkbox Items */
.mcl-filter-checkbox { 
	display: flex; 
	align-items: center; 
	gap: 10px; 
	padding: 10px 14px; 
	background: #f8fafc; 
	border: 1.5px solid #e2e8f0; 
	border-radius: 10px; 
	cursor: pointer; 
	font-size: 0.85em; 
	transition: all 0.15s;
	font-weight: 500;
	color: #475569;
}
.mcl-filter-checkbox:hover { border-color: #6366f1; background: #f5f3ff; }
.mcl-filter-checkbox.active { 
	background: #f5f3ff; 
	border-color: #6366f1;
	color: #4f46e5;
}
.mcl-filter-checkbox input { 
	margin: 0;
	width: 16px;
	height: 16px;
	accent-color: #6366f1;
}
.mcl-filter-checkbox .mcl-cargo-icon { width: 20px; height: 20px; font-size: 0.75em; }
.mcl-filter-checkbox .filter-count { 
	background: rgba(0,0,0,0.06); 
	padding: 2px 8px; 
	border-radius: 8px; 
	font-size: 0.8em; 
	font-weight: 600; 
	min-width: 20px; 
	text-align: center; 
	margin-left: auto; 
	color: #64748b;
}
.mcl-filter-checkbox.active .filter-count { background: rgba(99, 102, 241, 0.15); color: #4f46e5; }
.mcl-filter-checkbox .filter-count:empty { display: none; }
.mcl-filter-checkbox .filter-count.additive-count { color: #059669; background: rgba(5, 150, 105, 0.1); }
.mcl-filter-pill .filter-count.additive-count { color: #059669; background: rgba(5, 150, 105, 0.12); }

/* Status color dots */
.mcl-status-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* Filter Tags */
.mcl-filter-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 0px; }
.mcl-filter-tag { 
	display: inline-flex; 
	align-items: center; 
	gap: 6px; 
	padding: 6px 12px; 
	background: #f5f3ff; 
	border: 1px solid #c7d2fe; 
	border-radius: 20px; 
	font-size: 0.8em; 
	color: #4f46e5;
	font-weight: 500;
}
.mcl-filter-tag .tag-remove { cursor: pointer; color: #6366f1; font-size: 0.9em; opacity: 0.7; transition: 0.2s; }
.mcl-filter-tag .tag-remove:hover { opacity: 1; color: #dc2626; }
.mcl-clear-all-btn { 
	padding: 6px 12px; 
	background: none !important; 
	border: 1.5px dashed #cbd5e1; 
	border-radius: 20px; 
	font-size: 0.8em; 
	color: #64748b; 
	cursor: pointer; 
	transition: 0.2s;
	font-weight: 500;
}
.mcl-clear-all-btn:hover { border-color: #dc2626; color: #dc2626; }

/* Filter Panel Footer */
.mcl-filter-panel-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 24px;
	border-top: 1px solid #e5e7eb;
	background: #fff;
	flex-shrink: 0;
	gap: 12px;
}
.mcl-filter-results {
	font-size: 0.9em;
	color: #64748b;
}
.mcl-filter-results strong {
	color: #1e293b;
	font-weight: 700;
}
.mcl-filter-actions {
	display: flex;
	gap: 10px;
}
.mcl-filter-btn-reset {
	padding: 10px 18px;
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	font-size: 0.9em;
	font-weight: 600;
	color: #64748b;
	cursor: pointer;
	transition: all 0.2s;
}
.mcl-filter-btn-reset:hover { border-color: #dc2626; color: #dc2626; background: #fef2f2; }
.mcl-filter-btn-apply {
	padding: 10px 24px;
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
	border: none;
	border-radius: 10px;
	font-size: 0.9em;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s;
	box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}
.mcl-filter-btn-apply:hover { 
	background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
	transform: translateY(-1px);
}

/* Filter Lock Icons for Trial/Scout */
.mcl-filter-lock { color: #9ca3af; font-size: 0.8em; margin-left: 6px; vertical-align: middle; cursor: help; }
.mcl-filter-section.mcl-filter-locked { position: relative; }
.mcl-filter-section.mcl-filter-locked:hover::after { opacity: 1; }
.mcl-filter-section-title .mcl-filter-lock:hover { color: #6366f1; }

/* Mobile Responsive */
@media (max-width: 640px) {
	.mcl-filter-panel { width: 100%; }
	.mcl-filter-nav { width: 60px; padding: 8px 0; }
	.mcl-filter-nav-item { 
		flex-direction: column; 
		padding: 10px 8px; 
		font-size: 0.7em;
		gap: 4px;
		text-align: center;
	}
	.mcl-filter-nav-item i { width: auto; font-size: 1.2em; }
	.mcl-filter-nav-badge { position: static; margin-top: 2px; }
	.mcl-filter-nav-item .mcl-nav-lock { position: static; margin-top: 2px; }
	.mcl-filter-content { padding: 16px; }
	.mcl-filter-panel-footer { 
		flex-direction: column; 
		gap: 12px;
	}
	.mcl-filter-actions { width: 100%; }
	.mcl-filter-btn-reset, .mcl-filter-btn-apply { flex: 1; }
}

/* Legacy popup support - hide old popup */
.mcl-filter-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 0; border-radius: 12px; width:96%; max-width: 95%; max-height: 85vh; box-shadow: 0 10px 40px rgba(0,0,0,0.2); z-index: 10000; overflow: hidden; }
.mcl-filter-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #eee; background: #f8f9fa; }
.mcl-filter-header h3 { margin: 0; font-size: 1.2em; }
.mcl-filter-body { padding: 20px; max-height: 60vh; overflow-y: auto; }
.mcl-filter-footer { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-top: 1px solid #eee; background: #f8f9fa; }

.mcl-filter-section { margin-bottom: 20px; }
.mcl-filter-section:last-child { margin-bottom: 0; }
.mcl-filter-section-title { font-weight: 700; font-size: 0.9em; color: #333; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
.mcl-filter-options { display: flex; flex-wrap: wrap; gap: 8px; }
.mcl-filter-option { padding: 6px 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 20px; cursor: pointer; font-size: 0.85em; transition: 0.2s; }
.mcl-filter-option:hover { border-color: #0073aa; background: #f0f7fb; }
.mcl-filter-option.active { background: #0073aa; color: #fff; border-color: #0073aa; }
.mcl-filter-option .filter-count { background: rgba(0,0,0,0.1); padding: 2px 7px; border-radius: 10px; font-size: 0.85em; font-weight: 600; min-width: 20px; text-align: center; }
.mcl-filter-option.active .filter-count { background: rgba(255,255,255,0.25); }
.mcl-filter-option .filter-count:empty { display: none; }

.mcl-filter-checkbox { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; font-size: 0.85em; transition: 0.2s; }
.mcl-filter-checkbox:hover { border-color: #0073aa; }
.mcl-filter-checkbox.active { background: #e3f2fd; border-color: #0073aa; }
.mcl-filter-checkbox input { margin: 0; }
.mcl-filter-checkbox .mcl-cargo-icon { width: 18px; height: 18px; font-size: 0.7em; }
.mcl-filter-checkbox .filter-count { background: rgba(0,0,0,0.08); padding: 2px 7px; border-radius: 10px; font-size: 0.85em; font-weight: 600; min-width: 20px; text-align: center; margin-left: auto; color: #555; }
.mcl-filter-checkbox.active .filter-count { background: rgba(0,115,170,0.15); color: #0073aa; }
.mcl-filter-checkbox .filter-count:empty { display: none; }
.mcl-filter-checkbox .filter-count.additive-count { color: #2e7d32; background: rgba(46,125,50,0.12); }
.mcl-filter-option .filter-count.additive-count { color: #2e7d32; background: rgba(46,125,50,0.15); }

/* CRM Pipeline Dashboard */
.mcl-crm-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.mcl-crm-header h2 { margin: 0; font-size: 1.8em; color: #333; }
.mcl-crm-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 15px; margin-bottom: 25px; }
.mcl-crm-stat-card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #eee; cursor: pointer; transition: all 0.2s; position: relative; overflow: hidden; }
.mcl-crm-stat-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.1); border-color: #0073aa; }
.mcl-crm-stat-card.active { border-color: #0073aa; background: #f0f7fb; }
.mcl-crm-stat-icon { width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; margin-bottom: 12px; }
.mcl-crm-stat-value { font-size: 2em; font-weight: 700; line-height: 1; margin-bottom: 5px; }
.mcl-crm-stat-label { font-size: 0.85em; color: #666; font-weight: 500; }
.mcl-crm-stat-trend { position: absolute; top: 15px; right: 15px; font-size: 0.75em; padding: 3px 8px; border-radius: 10px; }

/* Stat Card Color Variants */
.mcl-stat-hot .mcl-crm-stat-icon { background: #ffebee; color: #c62828; }
.mcl-stat-hot .mcl-crm-stat-value { color: #c62828; }
.mcl-stat-value .mcl-crm-stat-icon { background: #e8f5e9; color: #2e7d32; }
.mcl-stat-value .mcl-crm-stat-value { color: #2e7d32; }
.mcl-stat-new .mcl-crm-stat-icon { background: #e3f2fd; color: #1565c0; }
.mcl-stat-new .mcl-crm-stat-value { color: #1565c0; }
.mcl-stat-risk .mcl-crm-stat-icon { background: #fff3e0; color: #e65100; }
.mcl-stat-risk .mcl-crm-stat-value { color: #e65100; }
.mcl-stat-total .mcl-crm-stat-icon { background: #f3e5f5; color: #7b1fa2; }
.mcl-stat-total .mcl-crm-stat-value { color: #7b1fa2; }
.mcl-stat-contacted .mcl-crm-stat-icon { background: #e0f2f1; color: #00796b; }
.mcl-stat-contacted .mcl-crm-stat-value { color: #00796b; }
.mcl-stat-converted .mcl-crm-stat-icon { background: #e8f5e9; color: #388e3c; }
.mcl-stat-converted .mcl-crm-stat-value { color: #388e3c; }
.mcl-stat-hazmat .mcl-crm-stat-icon { background: #fce4ec; color: #c2185b; }
.mcl-stat-hazmat .mcl-crm-stat-value { color: #c2185b; }

/* Quick Filters Section */
.mcl-quick-filters { background: #f8f9fa; border-radius: 12px; padding: 20px; margin-bottom: 25px; }
.mcl-quick-filters-title { font-size: 0.9em; font-weight: 700; color: #555; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; }
.mcl-quick-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mcl-quick-chip { padding: 8px 16px; background: #fff; border: 1px solid #ddd; border-radius: 25px; font-size: 0.85em; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 6px; position: relative; }
.mcl-quick-chip:hover { border-color: #0073aa; background: #f0f7fb; }
.mcl-quick-chip.active { background: #0073aa; color: #fff; border-color: #0073aa; }
.mcl-quick-chip i { font-size: 0.9em; }

/* Quick Chip Tooltips */
.mcl-quick-chip[data-tooltip]:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	background: #1f2937;
	color: #fff;
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 1em;
	font-weight: 400;
	white-space: normal;
	width: 220px;
	text-align: center;
	line-height: 1.4;
	z-index: 1000;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	animation: mcl-tooltip-fade 0.2s ease;
}
.mcl-quick-chip[data-tooltip]:hover::before {
	content: '';
	position: absolute;
	bottom: calc(100% + 2px);
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #1f2937;
	z-index: 1001;
}
@keyframes mcl-tooltip-fade {
	from { opacity: 0; transform: translateX(-50%) translateY(5px); }
	to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* List Selector Combo Box */
.mcl-list-selector-container{ display:flex; justify-content:space-between; align-items:center; }
.mcl-list-selector { position: relative; display: inline-block; }
.mcl-list-selector-btn { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; background: #fff; border: 1px solid #ddd; border-radius: 8px; cursor: pointer; font-size: 1.1em; font-weight: 600; color: #333; transition: 0.2s; min-width: 200px; }
.mcl-list-notify{ display:flex; justify-content:space-between; align-items:center; }
.mcl-list-selector-btn:hover { border-color: #0073aa; }
.mcl-list-selector-btn i.fa-chevron-down { margin-left: auto; font-size: 0.8em; color: #888; transition: 0.2s; }
.mcl-list-selector-btn.open i.fa-chevron-down { transform: rotate(180deg); }
.mcl-list-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 100; display: none; margin-top: 5px; max-height: 300px; overflow-y: auto; }
.mcl-list-dropdown.show { display: block; }
.mcl-list-dropdown-item { padding: 12px 16px; cursor: pointer; transition: 0.2s; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 10px; }
.mcl-list-dropdown-item:last-child { border-bottom: none; }
.mcl-list-dropdown-item:hover { background: #f0f7fb; }
.mcl-list-dropdown-item.active { background: #e3f2fd; color: #0073aa; font-weight: 600; }
.mcl-list-dropdown-item i { width: 20px; text-align: center; color: #888; }
.mcl-list-dropdown-item.active i { color: #0073aa; }
.mcl-list-dropdown-item .list-count { margin-left: auto; font-size: 0.8em; color: #888; background: #f0f0f0; padding: 2px 8px; border-radius: 10px; }
.mcl-list-dropdown-divider { border-top: 1px solid #eee; margin: 5px 0; }

.mcl-inline-progress-container{display:flex; align-items:center; gap:12px;}

/* Reminders Section */
.mcl-reminders-section { background: #fff; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #eee; }
.mcl-reminders-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid #eee; }
.mcl-reminders-title { font-size: 1.1em; font-weight: 700; color: #333; display: flex; align-items: center; gap: 10px; }
.mcl-reminders-title i { color: #e6a23c; }
.mcl-reminders-count { background: #e6a23c; color: #fff; font-size: 0.75em; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
.mcl-reminder-list { max-height: 400px; overflow-y: auto; }
.mcl-reminder-item { display: flex; align-items: flex-start; gap: 15px; padding: 15px; background: #fafafa; border-radius: 8px; margin-bottom: 10px; border-left: 4px solid #e6a23c; transition: 0.2s; }
.mcl-reminder-item:hover { background: #f5f5f5; }
.mcl-reminder-item.overdue { border-left-color: #c62828; background: #fff5f5; }
.mcl-reminder-item.completed { border-left-color: #4caf50; opacity: 0.7; }
.mcl-reminder-icon { width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.1em; flex-shrink: 0; }
.mcl-reminder-icon.call { background: #e3f2fd; color: #1565c0; }
.mcl-reminder-icon.email { background: #fce4ec; color: #c2185b; }
.mcl-reminder-icon.dropin { background: #e8f5e9; color: #388e3c; }
.mcl-reminder-icon.followup { background: #fff3e0; color: #e65100; }
.mcl-reminder-content { flex: 1; min-width: 0; }
.mcl-reminder-company { font-weight: 600; color: #333; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mcl-reminder-meta { font-size: 0.85em; color: #666; display: flex; flex-wrap: wrap; gap: 10px; }
.mcl-reminder-time { display: flex; align-items: center; gap: 5px; }
.mcl-reminder-time.overdue { color: #c62828; font-weight: 600; }
.mcl-reminder-action-type { background: #f0f0f0; padding: 2px 8px; border-radius: 4px; font-size: 0.9em; }
.mcl-reminder-actions { display: flex; gap: 5px; flex-shrink: 0; }
.mcl-reminder-action-btn { width: 32px; height: 32px; border: none; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; background: #fff; color: #888; }
.mcl-reminder-action-btn:hover { background: #e3f2fd; color: #0073aa; }
.mcl-reminder-action-btn.delete:hover { background: #ffebee; color: #c62828; }
.mcl-reminder-action-btn.complete:hover { background: #e8f5e9; color: #388e3c; }
.mcl-reminder-empty { text-align: center; padding: 30px; color: #888; }
.mcl-reminder-empty i { font-size: 2em; margin-bottom: 10px; display: block; color: #ddd; }

/* Help Styles */
.mcl-help-header-widget{display:flex;align-items:center;justify-content:flex-end;height:100%}
.mcl-help-trigger{display:flex;align-items:center;gap:10px;padding:8px 16px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50px;color:white;cursor:pointer;transition:all 0.2s;font-size:0.9em;font-weight:500}
.mcl-help-trigger:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}
.mcl-progress-ring-container{position:relative;width:32px;height:32px}
.mcl-progress-ring{width:100%;height:100%;transform:rotate(-90deg)}
.mcl-progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.6em;font-weight:700}
.mcl-progress-complete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.4em;color:#10b981}
.mcl-help-trigger-label{white-space:nowrap}
.mcl-help-trigger-arrow{font-size:0.7em;opacity:0.7}
.mcl-help-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999998;opacity:0;visibility:hidden;transition:all 0.3s}
.mcl-help-panel-overlay.active{opacity:1;visibility:visible}
.mcl-help-panel{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100vh;background:#fff;z-index:999999;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.mcl-help-panel.active{box-shadow:-4px 0 30px rgba(0,0,0,0.15); transform:translateX(0)}
.mcl-help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 100%);color:white}
.mcl-help-panel-header h2{margin:0;font-size:1.25em;font-weight:600;display:flex;align-items:center;gap:10px;color:white!important}
.mcl-help-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:none;border-radius:8px;color:white;cursor:pointer}
.mcl-help-panel-close:hover{background:rgba(255,255,255,0.2)}
.mcl-help-search-container{padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;position:relative}
.mcl-help-search-input-wrap{position:relative;display:flex;align-items:center}
.mcl-help-search-input-wrap>i{position:absolute;left:14px;color:#9ca3af;text-align:right;padding-right:28px; width:100%;}
.mcl-help-search-input{width:100%;padding:12px 40px 12px 42px;border:1px solid #e5e7eb;border-radius:10px;font-size:0.95em}
.mcl-help-search-input:focus{outline:none;border-color:#0073aa;box-shadow:0 0 0 3px rgba(0,115,170,0.1)}
.mcl-help-search-clear{position:absolute;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:0.7em}
.mcl-help-search-results{position:absolute;top:100%;left:24px;right:24px;background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.15);z-index:10;max-height:400px;overflow-y:auto;display:none}
.mcl-help-search-results.active{display:block}
.mcl-help-search-results-section{padding:12px 0;border-bottom:1px solid #e5e7eb}
.mcl-help-search-results-section:last-child{border-bottom:none}
.mcl-help-search-results-title{padding:0 16px 8px;font-size:0.75em;font-weight:600;color:#6b7280;text-transform:uppercase}
.mcl-help-search-result{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:inherit;transition:background 0.15s}
.mcl-help-search-result:hover{background:#f3f4f6}
.mcl-help-search-result i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e0f2fe;color:#0284c7;border-radius:8px}
.mcl-help-search-result-text{flex:1}
.mcl-help-search-result-title{font-weight:500;color:#1f2937}
.mcl-help-search-result-desc{font-size:0.8em;color:#6b7280}
.mcl-help-search-no-results{padding:24px;text-align:center;color:#6b7280}
.mcl-help-panel-content{flex:1;overflow-y:auto}
.mcl-help-section{padding:20px 24px;border-bottom:1px solid #e5e7eb}
.mcl-help-section:last-child{border-bottom:none}
.mcl-help-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.mcl-help-section-header h3{margin:0;font-size:1em;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}
.mcl-help-section-header h3 i{color:#0073aa}
.mcl-help-progress-summary{display:flex;align-items:center;gap:10px}
.mcl-help-progress-text{font-size:0.85em;color:#6b7280}
.mcl-help-progress-bar{width:60px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}
.mcl-help-progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width 0.3s}
.mcl-help-checklist{display:flex;flex-direction:column;gap:8px}
.mcl-help-checklist-group{margin-bottom:12px}
.mcl-help-checklist-group-title{font-size:0.75em;font-weight:600;color:#9ca3af;text-transform:uppercase;margin-bottom:8px;padding-left:4px}
.mcl-help-checklist-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:10px;transition:all 0.2s; margin-bottom:5px;}
.mcl-help-checklist-item:hover{background:#f3f4f6}
.mcl-help-checklist-item.complete{background:#ecfdf5}
.mcl-help-checklist-item.complete .mcl-help-checklist-checkbox i{color:#10b981}
.mcl-help-checklist-item.complete .mcl-help-checklist-title{color:#059669}
.mcl-help-checklist-item.skipped{opacity:0.6}
.mcl-help-checklist-item.locked{opacity:0.5}
.mcl-help-checklist-item.locked .mcl-help-checklist-checkbox i{color:#9ca3af}
.mcl-help-checklist-checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.1em;color:#d1d5db}
.mcl-help-checklist-content{flex:1;min-width:0}
.mcl-help-checklist-title{font-weight:500;color:#1f2937;font-size:0.95em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mcl-help-checklist-desc{font-size:0.8em;color:#6b7280;margin-top:2px}
.mcl-help-checklist-locked-msg{font-size:0.75em;color:#f59e0b;margin-top:4px;display:flex;align-items:center;gap:4px}
.mcl-help-milestone-badge{font-size:0.8em}
.mcl-help-checklist-actions{display:flex;gap:6px}
.mcl-help-checklist-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;font-size:0.85em;text-decoration:none}
.mcl-help-checklist-btn.go{background:#0073aa;color:white}
.mcl-help-checklist-btn.go:hover{background:#005a87}
.mcl-help-checklist-btn.skip{background:#e5e7eb;color:#6b7280}
.mcl-help-checklist-btn.skip:hover{background:#d1d5db}
.mcl-help-checklist-btn.restore{background:#dbeafe;color:#2563eb}
.mcl-help-quick-links{display:flex;flex-direction:column;gap:8px}
.mcl-help-quick-link{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:10px;text-decoration:none;color:inherit;transition:all 0.2s}
.mcl-help-quick-link:hover{background:#f3f4f6;transform:translateX(4px)}
.mcl-help-quick-link>i:first-child{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7;border-radius:10px}
.mcl-help-quick-link>div{flex:1}
.mcl-help-quick-link-title{font-weight:500;color:#1f2937}
.mcl-help-quick-link-desc{font-size:0.8em;color:#6b7280}
.mcl-help-quick-link>i:last-child{color:#9ca3af;font-size:0.8em}
.mcl-help-view-all{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:12px;background:white;border:1px solid #e5e7eb;border-radius:10px;color:#0073aa;text-decoration:none;font-weight:500}
.mcl-help-view-all:hover{background:#f0f9ff;border-color:#0073aa}
.mcl-help-section-tour{padding:16px 24px;background:#f9fafb}
.mcl-help-restart-tour{width:100%;padding:12px;background:white;border:1px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.mcl-help-restart-tour:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}
.mcl-help-section-support{padding:20px 24px 120px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}
.mcl-help-support-box{display:flex;align-items:center;gap:12px}
.mcl-help-support-box>i{font-size:1.8em;color:#0284c7}
.mcl-help-support-box>div{flex:1}
.mcl-help-support-title{font-weight:600;color:#1e3a5f}
.mcl-help-support-desc{font-size:0.8em;color:#64748b}
.mcl-help-support-btn{padding:8px 16px;background:#0073aa;border-radius:8px;text-decoration:none;font-size:0.85em;font-weight:500;color:white !important;}
.mcl-help-support-btn:hover{background:#005a87;}
.mcl-celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:9999999;display:none;align-items:center;justify-content:center}
.mcl-celebration-overlay.active{display:flex}
.mcl-celebration-content{background:white;padding:40px 50px;border-radius:20px;text-align:center;max-width:400px;animation:celebrationPop 0.5s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;z-index:2}
@keyframes celebrationPop{0%{transform:scale(0.5);opacity:0}100%{transform:scale(1);opacity:1}}
.mcl-celebration-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5em;color:#f59e0b}
.mcl-celebration-content h2{margin:0 0 10px;font-size:1.8em;color:#1f2937}
.mcl-celebration-content p{margin:0 0 25px;color:#6b7280;font-size:1.1em}
.mcl-celebration-btn{padding:14px 30px;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.mcl-celebration-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,0.4)}
#mcl-confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}

/* Contextual Help Tooltips - Click-based with clickable links */
.mcl-contextual-help{display:inline-flex;align-items:center;position:relative;cursor:pointer;margin-left:6px}
.mcl-contextual-help>i{color:#9ca3af;font-size:0.9em;transition:color 0.2s}
.mcl-contextual-help:hover>i,.mcl-contextual-help.active>i{color:#0073aa}
.mcl-contextual-help-tooltip{position:absolute;background:#1f2937;color:white;padding:12px 16px;border-radius:10px;font-size:0.85em;line-height:1.5;width:250px;z-index:9999;opacity:0;visibility:hidden;transition:all 0.2s;box-shadow:0 10px 30px rgba(0,0,0,0.2);pointer-events:none}
.mcl-contextual-help.active .mcl-contextual-help-tooltip{opacity:1;visibility:visible;pointer-events:auto}
.mcl-contextual-help-tooltip.top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}
.mcl-contextual-help-tooltip.bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}
.mcl-contextual-help-tooltip.left{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}
.mcl-contextual-help-tooltip.right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}
.mcl-contextual-help-tooltip strong{display:block;margin-bottom:6px}
.mcl-contextual-help-tooltip p{margin:0 0 8px;opacity:0.9}
.mcl-contextual-help-tooltip a{color:#60a5fa;text-decoration:none;display:inline-block;padding:4px 0}
.mcl-contextual-help-tooltip a:hover{color:#93c5fd;text-decoration:underline}
.mcl-contextual-help-tooltip::after{content:'';position:absolute;border:6px solid transparent}
.mcl-contextual-help-tooltip.top::after{top:100%;left:50%;transform:translateX(-50%);border-top-color:#1f2937}
.mcl-contextual-help-tooltip.bottom::after{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:#1f2937}
.mcl-contextual-help-tooltip.left::after{left:100%;top:50%;transform:translateY(-50%);border-left-color:#1f2937}
.mcl-contextual-help-tooltip.right::after{right:100%;top:50%;transform:translateY(-50%);border-right-color:#1f2937}

/* Video button in checklist items */
.mcl-help-video-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;color:#6366f1;font-size:1em;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}
.mcl-help-video-btn:hover{color:#4f46e5;background:rgba(99,102,241,0.1);transform:scale(1.1)}
.mcl-help-video-btn i{font-size:0.95em}

/* Video Popup Modal */
.mcl-video-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:10000000;opacity:0;visibility:hidden;transition:all 0.3s}
.mcl-video-popup-overlay.active{opacity:1;visibility:visible}
.mcl-video-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);width:80%;max-width:80%; background:#fff;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,0.3);z-index:10000001;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}
.mcl-video-popup.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.mcl-video-popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}
.mcl-video-popup-header h3{margin:0;font-size:1.1em;font-weight:600;color:#1f2937}
.mcl-video-popup-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all 0.2s}
.mcl-video-popup-close:hover{background:#fee2e2;color:#dc2626}
.mcl-video-popup-content{padding:20px}
.mcl-video-popup-embed{position:relative;padding-bottom:56.25%;height:0;border-radius:8px;overflow:hidden;background:#f3f4f6}

/* Inline Progress Bar (for lead list page) */
.mcl-inline-progress{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(135deg,#e1f1e675,#c4eccf);border:1px solid #c4eccf;border-radius:50px;cursor:pointer;transition:all 0.2s;min-width:180px}
.mcl-inline-progress:hover{background:linear-gradient(135deg,#e1f1e675,#c4eccf);border-color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.mcl-inline-progress-info{display:flex;flex-direction:column;gap:2px}
.mcl-inline-progress-label{font-size:0.75em;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:0.5px}
.mcl-inline-progress-stats{font-size:0.85em;font-weight:700;color:#334155}
.mcl-inline-progress-bar{flex:1;height:8px;background:#a9cba8;border-radius:4px;overflow:hidden;min-width:60px}
.mcl-inline-progress-fill{height:100%;border-radius:4px;transition:width 0.5s ease}
.mcl-inline-progress-bar.starting .mcl-inline-progress-fill,
.mcl-inline-progress-bar.started .mcl-inline-progress-fill,
.mcl-inline-progress-bar.halfway .mcl-inline-progress-fill,
.mcl-inline-progress-bar.almost .mcl-inline-progress-fill,
.mcl-inline-progress-bar.complete .mcl-inline-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}

/* Inline Help Button (shown when progress complete) */
.mcl-inline-help-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:50px;cursor:pointer;transition:all 0.2s;color:#0284c7;font-weight:600;font-size:0.9em}
.mcl-inline-help-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc;box-shadow:0 2px 8px rgba(14,165,233,0.15)}
.mcl-inline-help-btn i{font-size:1.1em}

.mcl-help-video-embed{position:relative;padding-bottom:56.25%;height:0;border-radius:8px;overflow:hidden;background:#f3f4f6}
@media(max-width:480px){
	.mcl-help-panel{width:100%}
	.mcl-help-trigger-label{display:none}
	.mcl-help-trigger{padding:8px 12px}
	.mcl-inline-progress{min-width:140px;padding:6px 12px}
	.mcl-inline-progress-label{font-size:0.7em}
}

.mcl-help-page { min-height: 100vh; background: #f8fafc; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; overflow-x:hidden; }

/* Header */
.mcl-help-header { background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%); padding: 50px 20px 70px; color: white; position: relative; }
.mcl-help-header::before { content: ''; position: absolute; top: -50%; right: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); border-radius: 50%; }
.mcl-help-header-content { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; }
.mcl-help-back { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,0.8) !important; text-decoration: none; font-size: 0.9em; margin-bottom: 15px; transition: color 0.2s; }
.mcl-help-back:hover { color: white !important; }
.mcl-help-header h1 { font-size: 2.2em; font-weight: 700; margin: 0 0 8px; display: flex; align-items: center; gap: 12px; color: white !important; }
.mcl-help-header > .mcl-help-header-content > p { font-size: 1.1em; opacity: 0.9; margin: 0 0 20px; }

/* Header Search */
.mcl-help-header-search { position: relative; max-width: 500px; }
.mcl-help-header-search i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #9ca3af; }
.mcl-help-header-search input { width: 100% !important; padding: 14px 20px 14px 48px !important; border: none; border-radius: 10px; font-size: 1em; box-shadow: 0 4px 20px rgba(0,0,0,0.2); }
.mcl-help-header-search input:focus { outline: none; box-shadow: 0 4px 20px rgba(0,0,0,0.3); }

/* Body */
.mcl-help-body { max-width: 900px; margin: -30px auto 0; padding: 0 20px 60px; position: relative; z-index: 2; }

/* TOC */
.mcl-help-toc { background: white; border-radius: 16px; padding: 25px 30px; margin-bottom: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.mcl-help-toc h2 { font-size: 1.2em; font-weight: 600; color: #1e293b; margin: 0 0 20px; display: flex; align-items: center; gap: 10px; }
.mcl-help-toc h2 i { color: #0073aa; }
.mcl-help-toc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 25px; }
.mcl-help-toc-section h4 { font-size: 0.8em; font-weight: 600; color: #64748b; text-transform: uppercase; margin: 0 0 10px; }
.mcl-help-toc-section a { display: flex; align-items: center; gap: 8px; padding: 6px 0; color: #374151; text-decoration: none; font-size: 0.9em; transition: color 0.2s; }
.mcl-help-toc-section a:hover { color: #0073aa; }
.mcl-help-toc-section a i { width: 18px; color: #9ca3af; }

/* Category */
.mcl-help-category { margin-bottom: 40px; }
.mcl-help-category-title { font-size: 1.4em; font-weight: 700; color: #1e293b; margin: 0 0 20px; display: flex; align-items: center; gap: 12px; padding-top: 20px; }
.mcl-help-category-title i { color: #0073aa; }

/* Article */
.mcl-help-article { background: white; border-radius: 16px; margin-bottom: 20px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); overflow: hidden; scroll-margin-top: 20px; }
.mcl-help-article-header { display: flex; align-items: flex-start; gap: 20px; padding: 25px 30px; border-bottom: 1px solid #f1f5f9; }
.mcl-help-article-icon { width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.3em; flex-shrink: 0; }
.mcl-help-article-header h3 { font-size: 1.2em; font-weight: 600; color: #1e293b; margin: 0 0 4px; }
.mcl-help-article-desc { color: #64748b; margin: 0; font-size: 0.95em; }
.mcl-help-article-body { padding: 25px 30px; }
.mcl-help-article-body > p { color: #475569; line-height: 1.7; margin: 0 0 20px; }
.mcl-help-article-body h4 { font-size: 1em; font-weight: 600; color: #1e293b; margin: 25px 0 12px; }
.mcl-help-article-body ul, .mcl-help-article-body ol { margin: 0 0 20px; padding-left: 25px; color: #475569; }
.mcl-help-article-body li { margin-bottom: 8px; line-height: 1.6; }

/* Steps */
.mcl-help-steps { display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px; }
.mcl-help-step { display: flex; gap: 20px; }
.mcl-help-step-num { width: 36px; height: 36px; background: linear-gradient(135deg, #0073aa, #00a0d2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
.mcl-help-step-content h4 { font-size: 1em; font-weight: 600; color: #1e293b; margin: 0 0 6px; }
.mcl-help-step-content p { color: #64748b; margin: 0; line-height: 1.6; }

/* CTA Box */
.mcl-help-cta-box { display: flex; align-items: center; gap: 20px; padding: 20px; background: linear-gradient(135deg, #eff6ff, #dbeafe); border-radius: 12px; }
.mcl-help-cta-box > i { font-size: 2em; color: #2563eb; }
.mcl-help-cta-box > div { flex: 1; }
.mcl-help-cta-box strong { display: block; color: #1e40af; margin-bottom: 4px; }
.mcl-help-cta-box p { color: #3b82f6; margin: 0; font-size: 0.9em; }
.mcl-help-cta-btn { padding: 10px 20px; background: #2563eb; color: white !important; border-radius: 8px; text-decoration: none; font-weight: 500; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.mcl-help-cta-btn:hover { background: #1d4ed8; }

/* How To */
.mcl-help-how-to { background: #f8fafc; border-radius: 12px; padding: 20px; margin: 20px 0; }
.mcl-help-how-to h4 { font-size: 0.95em; color: #374151; margin: 0 0 12px; display: flex; align-items: center; gap: 8px; }
.mcl-help-how-to h4 i { color: #0073aa; }
.mcl-help-how-to ol { margin: 0; padding-left: 20px; }
.mcl-help-how-to li { color: #475569; margin-bottom: 6px; }

/* Tip */
.mcl-help-tip { display: flex; align-items: flex-start; gap: 12px; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 12px; padding: 15px; margin: 20px 0; }
.mcl-help-tip > i { color: #059669; font-size: 1.2em; margin-top: 2px; }
.mcl-help-tip span { color: #065f46; font-size: 0.95em; line-height: 1.5; }

/* Info Box */
.mcl-help-info-box { display: flex; align-items: flex-start; gap: 12px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; padding: 15px; margin: 20px 0; }
.mcl-help-info-box > i { color: #2563eb; font-size: 1.2em; margin-top: 2px; }
.mcl-help-info-box ul { margin: 8px 0 0; padding-left: 18px; }
.mcl-help-info-box li { color: #1e40af; font-size: 0.9em; margin-bottom: 4px; }

/* Feature Grid */
.mcl-help-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0; }
.mcl-help-feature-item { background: #f8fafc; border-radius: 12px; padding: 20px; text-align: center; }
.mcl-help-feature-item i { font-size: 1.5em; color: #0073aa; margin-bottom: 10px; }
.mcl-help-feature-item h5 { font-size: 0.95em; font-weight: 600; color: #1e293b; margin: 0 0 6px; }
.mcl-help-feature-item p { color: #64748b; font-size: 0.85em; margin: 0; line-height: 1.5; }

/* Badges Grid */
.mcl-help-badges-grid { display: flex; flex-direction: column; gap: 12px; margin: 20px 0; }
.mcl-help-badge-card { display: flex; align-items: flex-start; gap: 15px; padding: 15px; border-radius: 12px; background: #f8fafc; }
.mcl-help-badge-card.hot { background: #fef3c7; }
.mcl-help-badge-card.high-value { background: #dcfce7; }
.mcl-help-badge-card.new-entrant { background: #e0f2fe; }
.mcl-help-badge-card.at-risk { background: #fee2e2; }
.mcl-help-badge-card.hazmat { background: #fae8ff; }
.mcl-help-badge-card.passenger { background: #f0fdf4; }
.mcl-help-badge-icon { width: 40px; height: 40px; background: white; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.1em; flex-shrink: 0; }
.mcl-help-badge-content h5 { font-size: 0.95em; font-weight: 600; color: #1e293b; margin: 0 0 4px; }
.mcl-help-badge-content p { color: #475569; font-size: 0.9em; margin: 0; line-height: 1.5; }

/* Filter Chips */
.mcl-help-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0 25px; }
.mcl-help-chip { padding: 6px 12px; background: #e5e7eb; border-radius: 20px; font-size: 0.85em; color: #374151; }

/* Comparison */
.mcl-help-comparison { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 20px 0; }
.mcl-help-comparison-item { background: #f8fafc; border-radius: 12px; padding: 20px; }
.mcl-help-comparison-item h5 { font-size: 1em; font-weight: 600; color: #1e293b; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
.mcl-help-comparison-item h5 i { color: #0073aa; }
.mcl-help-comparison-item p { color: #64748b; font-size: 0.9em; margin: 0 0 10px; }
.mcl-help-comparison-item ul { margin: 0; padding-left: 18px; }
.mcl-help-comparison-item li { color: #475569; font-size: 0.9em; margin-bottom: 4px; }

/* Pipeline Stages */
.mcl-help-pipeline-stages { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 20px 0; }
.mcl-help-stage { display: flex; align-items: center; gap: 12px; padding: 12px; background: #f8fafc; border-radius: 10px; }
.mcl-help-stage-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
.mcl-help-stage-dot.new { background: #3b82f6; }
.mcl-help-stage-dot.attempted { background: #f59e0b; }
.mcl-help-stage-dot.contacted { background: #8b5cf6; }
.mcl-help-stage-dot.voicemail { background: #ec4899; }
.mcl-help-stage-dot.qualified { background: #10b981; }
.mcl-help-stage-dot.converted { background: #059669; }
.mcl-help-stage-dot.not-interested { background: #6b7280; }
.mcl-help-stage-dot.disqualified { background: #ef4444; }
.mcl-help-stage strong { display: block; font-size: 0.9em; color: #1e293b; }
.mcl-help-stage p { margin: 0; font-size: 0.8em; color: #64748b; }

/* Reminder Types */
.mcl-help-reminder-types { display: flex; flex-wrap: wrap; gap: 12px; margin: 15px 0 25px; }
.mcl-help-reminder-type { display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: #f8fafc; border-radius: 8px; }
.mcl-help-reminder-type i { color: #0073aa; }
.mcl-help-reminder-type span { color: #374151; font-size: 0.9em; }

/* Plans Grid */
.mcl-help-plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0; }
.mcl-help-plan-card { background: #f8fafc; border: 2px solid #e5e7eb; border-radius: 12px; padding: 20px; }
.mcl-help-plan-card.featured { border-color: #0073aa; background: #eff6ff; }
.mcl-help-plan-card h5 { font-size: 1.1em; font-weight: 600; color: #1e293b; margin: 0 0 8px; }
.mcl-help-plan-card p { color: #64748b; font-size: 0.9em; margin: 0; line-height: 1.5; }

/* FAQ */
.mcl-help-faq-list { display: flex; flex-direction: column; gap: 10px; }
.mcl-help-faq-item { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); overflow: hidden; }
.mcl-help-faq-q { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; background: none; border: none; cursor: pointer; text-align: left; }
.mcl-help-faq-q span { font-weight: 500; color: #1e293b; font-size: 0.95em; }
.mcl-help-faq-q i { color: #9ca3af; transition: transform 0.2s; }
.mcl-help-faq-q.active i { transform: rotate(180deg); }
.mcl-help-faq-a { display: none; padding: 0 20px 18px; }
.mcl-help-faq-a.active { display: block; }
.mcl-help-faq-a p { color: #475569; line-height: 1.7; margin: 0; }

/* Support Section */
.mcl-help-support-section { background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%); border-radius: 16px; padding: 30px; margin-top: 40px; }
.mcl-help-support-content { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.mcl-help-support-content > i { font-size: 2.5em; color: rgba(255,255,255,0.9); }
.mcl-help-support-content > div { flex: 1; min-width: 200px; }
.mcl-help-support-content h3 { color: white; margin: 0 0 5px; font-size: 1.2em; }
.mcl-help-support-content p { color: rgba(255,255,255,0.8); margin: 0; font-size: 0.95em; }
.mcl-help-support-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: white; color: #1e3a5f !important; border-radius: 8px; text-decoration: none; font-weight: 600; }
.mcl-help-support-btn:hover { background: #f0f9ff; }

/* Mobile */
@media (max-width: 600px) {
	.mcl-help-header { padding: 40px 20px 60px; }
	.mcl-help-header h1 { font-size: 1.6em; }
	.mcl-help-article-header { flex-direction: column; gap: 15px; padding: 20px; }
	.mcl-help-article-body { padding: 20px; }
	.mcl-help-cta-box { flex-direction: column; text-align: center; }
	.mcl-help-step { flex-direction: column; gap: 10px; }
	.mcl-help-support-content { flex-direction: column; text-align: center; }
}

/* Edit Reminder Modal */
.mcl-edit-reminder-form .mcl-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
@media (max-width: 500px) { .mcl-edit-reminder-form .mcl-grid { grid-template-columns: 1fr; } }

/* Lead Search Dropdown */
.mcl-lead-search-results { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; border-top: none; border-radius: 0 0 8px 8px; max-height: 250px; overflow-y: auto; z-index: 1000; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.mcl-lead-search-item { padding: 10px 12px; cursor: pointer; border-bottom: 1px solid #eee; transition: 0.15s; }
.mcl-lead-search-item:last-child { border-bottom: none; }
.mcl-lead-search-item:hover { background: #f0f7fb; }
.mcl-lead-search-item-name { font-weight: 600; color: #333; }
.mcl-lead-search-item-info { font-size: 0.85em; color: #888; margin-top: 2px; }
.mcl-lead-search-empty { padding: 15px; text-align: center; color: #888; font-size: 0.9em; }
.mcl-lead-search-loading { padding: 15px; text-align: center; color: #888; }

/* New Entrant Indicators */
.mcl-new-entrant-badge { display: inline-flex; align-items: center; justify-content: center; font-size: 0.75em; font-weight: 700; padding: 2px 6px; border-radius: 4px; white-space: nowrap; margin-left: 4px; }
.mcl-new-entrant-hot { background: #ffebee; color: #c62828; border: 1px solid #ef5350; }
.mcl-new-entrant-hot i { color: #ff5722; }
.mcl-new-entrant-new { background: #e3f2fd; color: #1565c0; border: 1px solid #42a5f5; }
.mcl-new-entrant-new i { color: #1976d2; }
.mcl-new-entrant-icon { font-size: 1em; cursor: help; margin-left: 4px; }
.mcl-new-entrant-icon.hot { color: #ff5722; }
.mcl-new-entrant-icon.new-entry { color: #1976d2; }

/* New Entrant Alert Boxes */
.mcl-audit-alert.hot-lead { background: #ffebee; border: 1px solid #ef5350; border-left: 4px solid #ff5722; }
.mcl-audit-alert.hot-lead i { color: #ff5722; }
.mcl-audit-alert.hot-lead .mcl-audit-alert-title { color: #c62828; }
.mcl-audit-alert.new-entrant { background: #e3f2fd; border: 1px solid #90caf9; border-left: 4px solid #1976d2; }
.mcl-audit-alert.new-entrant i { color: #1976d2; }
.mcl-audit-alert.new-entrant .mcl-audit-alert-title { color: #1565c0; }

/* Tooltip */
.mcl-tooltip { position: relative; display: inline-block; }
.mcl-tooltip .mcl-tooltip-text { 
	visibility: hidden; 
	width: 320px; /* Increased from 280px */
	background-color: #333; 
	color: #fff; 
	text-align: left; 
	border-radius: 6px; 
	padding: 14px; /* Increased from 12px */
	position: absolute; 
	z-index: 1; 
	bottom: 125%; 
	left: 50%; 
	margin-left: -160px; 
	opacity: 0; 
	transition: opacity 0.3s; 
	font-size: 0.95em; /* Increased from 0.85em */
	line-height: 1.5; /* Increased from 1.4 */
	box-shadow: 0 4px 12px rgba(0,0,0,0.3); 
}
.mcl-tooltip .mcl-tooltip-text::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; }
.mcl-tooltip:hover .mcl-tooltip-text { visibility: visible; opacity: 1; }
.mcl-tooltip i { color: #999; cursor: help; font-size: 0.9em; margin-left: 5px; }
.mcl-tooltip i:hover { color: #0073aa; }

/* Map View Styles */
.mcl-map-container { position: relative; }
.mcl-map-wrapper { position:relative; height: 800px; max-height:80vh; border-radius: 12px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 20px; }
.mcl-map-controls { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; align-items: center; }
.mcl-map-filter-btn { padding: 8px 16px; background: #fff; border: 1px solid #ddd; border-radius: 20px; font-size: 0.85em; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 6px; color: #333; }
.mcl-map-filter-btn:hover { border-color: #0073aa; background: #f0f7fb; color: #0073aa; }
.mcl-map-filter-btn.active { background: #0073aa; color: #fff; border-color: #0073aa; }
.mcl-map-filter-btn.active:hover { background: #005a87; color: #fff; }
.mcl-map-filter-btn i { font-size: 0.9em; }
.mcl-map-legend { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #eee; }
.mcl-map-legend-title { font-weight: 700; margin-bottom: 10px; font-size: 0.9em; color: #555; }
.mcl-map-legend-item { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 0.85em; }
.mcl-map-legend-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
.mcl-map-stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 20px; }
.mcl-map-stat { background: #f8f9fa; padding: 15px; border-radius: 8px; text-align: center; }
.mcl-map-stat-value { font-size: 1.8em; font-weight: 700; color: #0073aa; }
.mcl-map-stat-label { font-size: 0.85em; color: #666; }
.mcl-map-info-window { min-width: 250px; max-width: 300px; }
.mcl-map-info-window h4 { margin: 0 0 8px 0; font-size: 1em; color: #333; }
.mcl-map-info-window p { margin: 4px 0; font-size: 0.9em; color: #666; }
.mcl-map-info-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.mcl-map-info-badge { font-size: 0.75em; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
.mcl-map-info-badge.hot { background: #ffebee; color: #c62828; }
.mcl-map-info-badge.high-value { background: #e8f5e9; color: #2e7d32; }
.mcl-map-info-badge.high-quality { background: #e8f5e9; color: #2e7d32; }
.mcl-map-info-badge.new-entrant { background: #e3f2fd; color: #1565c0; }
.mcl-map-info-badge.at-risk { background: #fff3e0; color: #e65100; }
.mcl-map-info-badge.hazmat { background: #fce4ec; color: #c2185b; }
.mcl-map-cluster { display: flex; align-items: center; justify-content: center; background: #0073aa; color: white; border-radius: 50%; font-weight: bold; font-size: 14px; border: 3px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
.mcl-map-no-key { background: #fff3cd; border: 1px solid #ffc107; border-radius: 8px; padding: 20px; text-align: center; color: #856404; }
.mcl-map-no-key i { font-size: 2em; margin-bottom: 10px; display: block; }

/* Cluster Sidebar Styles */
.mcl-cluster-sidebar { position: absolute; top: 0; left: 0; width: 350px; max-width: 100%; height: 100%; background: #fff; border-left: 1px solid #ddd; z-index: 100; display: flex; flex-direction: column; box-shadow: -2px 0 10px rgba(0,0,0,0.1); }
.mcl-cluster-sidebar-header { display: flex; justify-content: space-between; align-items: center; padding: 15px; background: #f8f9fa; border-bottom: 1px solid #eee; }
.mcl-cluster-sidebar-header h4 { margin: 0; font-size: 1em; color: #333; }
.mcl-cluster-sidebar-close { background: none; border: none; font-size: 1.2em; color: #888; cursor: pointer; padding: 5px; }
.mcl-cluster-sidebar-close:hover { color: #333; }
.mcl-cluster-sidebar-search { padding: 10px 15px; border-bottom: 1px solid #eee; }
.mcl-cluster-sidebar-list { flex: 1; overflow-y: auto; padding: 0; }
.mcl-cluster-lead-item { padding: 12px 15px; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: 0.2s; }
.mcl-cluster-lead-item:hover { background: #f8f9fa; }
.mcl-cluster-lead-item.active { background: #e3f2fd; border-left: 3px solid #0073aa; }
.mcl-cluster-lead-name { font-weight: 600; color: #333; margin-bottom: 4px; font-size: 0.95em; }
.mcl-cluster-lead-meta { font-size: 0.8em; color: #888; display: flex; gap: 10px; flex-wrap: wrap; }
.mcl-cluster-lead-badges { display: flex; gap: 4px; margin-top: 6px; flex-wrap: wrap; }
.mcl-cluster-badge { font-size: 0.7em; padding: 2px 6px; border-radius: 8px; font-weight: 600; }
.mcl-cluster-badge.hot { background: #ffebee; color: #c62828; }
.mcl-cluster-badge.high-value { background: #e8f5e9; color: #2e7d32; }
.mcl-cluster-badge.high-quality { background: #e8f5e9; color: #2e7d32; }
.mcl-cluster-badge.new-entrant { background: #e3f2fd; color: #1565c0; }
.mcl-cluster-badge.at-risk { background: #fff3e0; color: #e65100; }
.mcl-cluster-badge.hazmat { background: #fce4ec; color: #c2185b; }

/* Clinic Location Styles */
.mcl-clinic-list { display: flex; flex-direction: column; gap: 12px; }
.mcl-clinic-card { display: flex; justify-content: space-between; align-items: center; background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #eee; transition: 0.2s; }
.mcl-clinic-card:hover { border-color: #0073aa; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.mcl-clinic-info { flex: 1; }
.mcl-clinic-header { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.mcl-clinic-header strong { font-size: 1.1em; color: #333; }
.mcl-clinic-primary-badge { background: #fff3cd; color: #856404; font-size: 0.75em; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
.mcl-clinic-primary-badge i { margin-right: 3px; }
.mcl-clinic-address { color: #666; font-size: 0.9em; margin-bottom: 5px; }
.mcl-clinic-phone { color: #0073aa; font-size: 0.85em; margin-bottom: 3px; }
.mcl-clinic-phone i { margin-right: 5px; }
.mcl-clinic-coords { font-size: 0.8em; color: #46b450; }
.mcl-clinic-coords i { margin-right: 5px; }
.mcl-clinic-actions { display: flex; gap: 8px; }
.mcl-clinic-actions .mcl-btn-sm { padding: 8px 12px; }

/* Map Facility Selector */
.mcl-facility-selector { display: flex; align-items: center; gap: 10px; background: #fff; padding: 10px 15px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 15px; }
.mcl-facility-selector label { font-weight: 600; color: #555; white-space: nowrap; }
.mcl-facility-selector select { flex: 1; max-width: 300px; }
.mcl-facility-upgrade-prompt { background: linear-gradient(135deg, #f0f7fb 0%, #e3f2fd 100%); border: 1px solid #90caf9; border-radius: 8px; padding: 15px; margin-bottom: 15px; display: flex; align-items: center; gap: 15px; }
.mcl-facility-upgrade-prompt i { font-size: 1.5em; color: #1976d2; }
.mcl-facility-upgrade-prompt p { margin: 0; flex: 1; }

/* Radius Circle Controls */
.mcl-radius-controls { display: flex; align-items: center; gap: 8px; background: #f8f9fa; padding: 10px 15px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 15px; flex-wrap: wrap; }
.mcl-radius-controls-label { font-weight: 600; color: #555; font-size: 0.9em; white-space: nowrap; margin-right: 5px; }
.mcl-radius-toggle { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: #fff; border: 2px solid #ddd; border-radius: 20px; cursor: pointer; transition: all 0.2s; user-select: none; }
.mcl-radius-toggle:hover { border-color: #aaa; }
.mcl-radius-toggle.active { border-color: var(--radius-color, #0073aa); background: var(--radius-bg, #f0f7fb); }
.mcl-radius-toggle input { display: none; }
.mcl-radius-toggle .mcl-radius-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--radius-color, #0073aa); opacity: 0.4; transition: opacity 0.2s; flex-shrink: 0; }
.mcl-radius-toggle.active .mcl-radius-dot { opacity: 1; }
.mcl-radius-toggle .mcl-radius-label { font-size: 0.85em; color: #555; font-weight: 500; }
.mcl-radius-toggle.active .mcl-radius-label { color: #333; font-weight: 600; }
.mcl-radius-toggle .mcl-radius-desc { font-size: 0.75em; color: #888; margin-left: 3px; }
.mcl-radius-toggle.active .mcl-radius-desc { color: #666; }

/* Scout Dashboard Styles */
.mcl-pulse-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-bottom: 20px; }
.mcl-pulse-card { background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%); border-radius: 12px; padding: 20px; text-align: center; border: 1px solid #eee; transition: all 0.3s; }
.mcl-pulse-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.mcl-pulse-icon { font-size: 2em; margin-bottom: 10px; }
.mcl-pulse-value { font-size: 2.2em; font-weight: 700; margin-bottom: 5px; }
.mcl-pulse-label { font-size: 0.9em; color: #666; text-transform: uppercase; letter-spacing: 0.5px; }
.mcl-pulse-trend { font-size: 0.8em; margin-top: 8px; padding: 3px 8px; border-radius: 10px; display: inline-block; }

/* Feed Table */
.mcl-feed-section { margin-bottom: 25px; }
.mcl-feed-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #eee; }
.mcl-feed-header h3 { margin: 0; color: #333; }
.mcl-feed-table { width: 100%; border-collapse: collapse; }
.mcl-feed-table th { text-align: left; padding: 12px 10px; background: #f8f9fa; font-weight: 600; color: #555; font-size: 0.85em; text-transform: uppercase; }
.mcl-feed-table td { padding: 12px 10px; border-bottom: 1px solid #eee; vertical-align: middle; }
.mcl-feed-table tr:hover { background: #fafafa; }
.mcl-feed-badge { display: inline-block; padding: 3px 8px; border-radius: 12px; font-size: 0.75em; font-weight: 600; }
.mcl-feed-badge.new-entrant { background: #e3f2fd; color: #1565c0; }
.mcl-feed-badge.hot { background: #ffebee; color: #c62828; }
.mcl-feed-time { color: #888; font-size: 0.85em; }

/* Blurred Upsell Section */
.mcl-upsell-blur { position: relative; overflow: hidden; border-radius: 12px; margin-top: 20px; }
.mcl-upsell-blur-content { filter: blur(4px); opacity: 0.6; pointer-events: none; padding: 30px; background: #f8f9fa; }
.mcl-upsell-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(255,255,255,0.85); text-align: center; padding: 30px; }
.mcl-upsell-overlay i { font-size: 3em; color: #0073aa; margin-bottom: 15px; }
.mcl-upsell-overlay h3 { margin: 0 0 10px 0; color: #333; font-size: 1.4em; }
.mcl-upsell-overlay p { color: #666; margin-bottom: 20px; max-width: 400px; }

/* Engage Dashboard Styles */
.mcl-engage-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 20px; }
.mcl-engage-grid-full { grid-column: 1 / -1; }
@media (max-width: 992px) { .mcl-engage-grid { grid-template-columns: 1fr; } }

.mcl-kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 20px; }
@media (max-width: 768px) { .mcl-kpi-row { grid-template-columns: repeat(2, 1fr); } }
.mcl-kpi-card { background: #fff; border-radius: 12px; padding: 20px; border: 1px solid #eee; }
.mcl-kpi-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }
.mcl-kpi-card-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2em; }
.mcl-kpi-value { font-size: 2em; font-weight: 700; color: #333; line-height: 1; }
.mcl-kpi-label { font-size: 0.85em; color: #888; margin-top: 5px; }
.mcl-kpi-change { font-size: 0.8em; padding: 2px 6px; border-radius: 4px; }
.mcl-kpi-change.up { background: #e8f5e9; color: #2e7d32; }
.mcl-kpi-change.down { background: #ffebee; color: #c62828; }

/* Action Items */
.mcl-action-items { background: #fff; border-radius: 12px; padding: 20px; border: 1px solid #eee; }
.mcl-action-items h3 { margin: 0 0 15px 0; font-size: 1.1em; display: flex; align-items: center; gap: 10px; }
.mcl-action-item { display: flex; align-items: center; gap: 12px; padding: 12px; background: #f8f9fa; border-radius: 8px; margin-bottom: 10px; cursor: pointer; transition: 0.2s; }
.mcl-action-item:hover { background: #f0f0f0; transform: translateX(3px); }
.mcl-action-item:last-child { margin-bottom: 0; }
.mcl-action-item-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mcl-action-item-icon.urgent { background: #ffebee; color: #c62828; }
.mcl-action-item-icon.reminder { background: #fff3e0; color: #e65100; }
.mcl-action-item-icon.followup { background: #e3f2fd; color: #1565c0; }
.mcl-action-item-content { flex: 1; min-width: 0; }
.mcl-action-item-title { font-weight: 600; color: #333; font-size: 0.95em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mcl-action-item-meta { font-size: 0.8em; color: #888; }

/* Mini Territory Map */
.mcl-mini-map-container { background: #fff; border-radius: 12px; padding: 20px; border: 1px solid #eee; height: 100%; }
.mcl-mini-map-container h3 { margin: 0 0 15px 0; font-size: 1.1em; }
.mcl-mini-map { height: 200px; border-radius: 8px; overflow: hidden; background: #e8e8e8; }

/* Performance Funnel */
.mcl-funnel-section { background: #fff; border-radius: 12px; padding: 20px; border: 1px solid #eee; }
.mcl-funnel-section h3 { margin: 0 0 20px 0; font-size: 1.1em; }
.mcl-funnel { display: flex; flex-direction: column; gap: 8px; }
.mcl-funnel-stage { display: flex; align-items: center; gap: 15px; }
.mcl-funnel-bar-wrapper { flex: 1; position: relative; }
.mcl-funnel-bar { height: 35px; border-radius: 6px; display: flex; align-items: center; justify-content: flex-end; padding-right: 12px; color: #fff; font-weight: 600; font-size: 0.9em; transition: width 0.5s ease; }
.mcl-funnel-label { width: 100px; font-size: 0.85em; color: #555; text-align: right; flex-shrink: 0; }
.mcl-funnel-bar.total { background: linear-gradient(90deg, #6366f1, #8b5cf6); }
.mcl-funnel-bar.contacted { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
.mcl-funnel-bar.qualified { background: linear-gradient(90deg, #10b981, #34d399); }
.mcl-funnel-bar.converted { background: linear-gradient(90deg, #f59e0b, #fbbf24); }

/* Recent Activity */
.mcl-activity-section { background: #fff; border-radius: 12px; padding: 20px; border: 1px solid #eee; }
.mcl-activity-section h3 { margin: 0 0 15px 0; font-size: 1.1em; }
.mcl-activity-list { max-height: 300px; overflow-y: auto; }
.mcl-activity-item { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
.mcl-activity-item:last-child { border-bottom: none; }
.mcl-activity-icon { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 0.85em; }
.mcl-activity-icon.call { background: #e8f5e9; color: #2e7d32; }
.mcl-activity-icon.email { background: #e3f2fd; color: #1565c0; }
.mcl-activity-icon.note { background: #fff3e0; color: #e65100; }
.mcl-activity-icon.status { background: #f3e5f5; color: #7b1fa2; }
.mcl-activity-content { flex: 1; min-width: 0; }
.mcl-activity-text { font-size: 0.9em; color: #333; }
.mcl-activity-text strong { color: #0073aa; }
.mcl-activity-time { font-size: 0.75em; color: #999; margin-top: 2px; }

/* Pipeline Value Tooltip */
.mcl-pipeline-tooltip { position: relative; cursor: help; }
.mcl-pipeline-tooltip .mcl-pipeline-breakdown { 
	display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); 
	background: #333; color: #fff !important; padding: 15px; border-radius: 8px; width: 320px; 
	z-index: 1000; margin-top: 10px; font-size: 0.85em; line-height: 1.5; 
	box-shadow: 0 4px 15px rgba(0,0,0,0.3); text-align: left;
}
.mcl-pipeline-tooltip .mcl-pipeline-breakdown::before {
	content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);
	border: 8px solid transparent; border-bottom-color: #333;
}
.mcl-pipeline-tooltip:hover .mcl-pipeline-breakdown { display: block; }
.mcl-pipeline-breakdown h4 { margin: 0 0 10px 0; color: #ffffff !important; font-size: 1em; border-bottom: 1px solid #555; padding-bottom: 8px; }
.mcl-pipeline-breakdown .formula { background: #444; padding: 10px; border-radius: 4px; margin: 10px 0; font-family: monospace; }
.mcl-pipeline-breakdown .breakdown-row { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid #444; }
.mcl-pipeline-breakdown .breakdown-row:last-child { border-bottom: none; }
.mcl-pipeline-breakdown .breakdown-label { color: #aaa; }
.mcl-pipeline-breakdown .breakdown-value { color: #fff; font-weight: 600; }

/* Probability Settings */
.mcl-probability-settings { background: #f8f9fa; border-radius: 12px; padding: 20px; border: 1px solid #eee; }
.mcl-probability-settings h3 { margin: 0 0 5px 0; font-size: 1.1em; }
.mcl-probability-settings .subtitle { color: #666; font-size: 0.9em; margin-bottom: 20px; }
.mcl-prob-grid { display: grid; gap: 12px; }
.mcl-prob-row { display: flex; align-items: center; gap: 15px; padding: 12px; background: #fff; border-radius: 8px; border: 1px solid #eee; }
.mcl-prob-status { width: 140px; flex-shrink: 0; font-weight: 600; font-size: 0.9em; display: flex; align-items: center; gap: 8px; }
.mcl-prob-status-dot { width: 10px; height: 10px; border-radius: 50%; }
.mcl-prob-slider-wrap { flex: 1; display: flex; align-items: center; gap: 10px; }
.mcl-prob-slider { flex: 1; -webkit-appearance: none; height: 6px; border-radius: 3px; background: #e0e0e0; outline: none; }
.mcl-prob-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #0073aa; cursor: pointer; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.mcl-prob-slider::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #0073aa; cursor: pointer; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.mcl-prob-value { width: 50px; text-align: right; font-weight: 700; font-size: 1em; color: #333; }

/* Responsive Styles - Comprehensive Mobile Design */
@media only screen and (max-width: 1024px) {
	/* Top Bar with Hamburger */
	.mcl-top-bar { justify-content: space-between; }
	.mcl-hamburger {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background: #f8f9fa;
		border: 1px solid #ddd;
		border-radius: 8px;
		cursor: pointer;
		padding: 0;
		z-index: 1;
		transition: all 0.3s ease;
	}
	.mcl-hamburger i {
		font-size: 1.2em;
		color: #333;
		transition: transform 0.3s ease;
	}
	.mcl-hamburger:hover,
	.mcl-hamburger:focus,
	.mcl-hamburger:active {
		background: #e9ecef !important;
		border-color: #0073aa;
		outline: none;
		box-shadow: none;
	}
	.mcl-hamburger:hover i,
	.mcl-hamburger:focus i {
		color: #0073aa;
	}
	.mcl-hamburger.active {
		position: fixed;
		left: 236px;
		top: 20px;
		z-index: 1002;
		background: #fff;
	}
	.mcl-hamburger.active i {
		transform: rotate(180deg);
	}

	/* Mobile Overlay */
	.mcl-mobile-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 999;
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.mcl-mobile-overlay.active {
		display: block;
		opacity: 1;
	}

	/* Slide-out Sidenav */
	.mcl-dashboard-wrapper { flex-direction: column; flex-wrap: wrap; gap: 15px; }
	.mcl-sidenav {
		position: fixed;
		top: 0;
		left: -280px;
		width: 280px;
		height: 100vh;
		padding: 0;
		background: #fff;
		z-index: 999999;
		transition: left 0.3s ease;
		overflow-y: auto;
		box-shadow: 2px 0 15px rgba(0,0,0,0.1);
	}
	.mcl-sidenav.active {
		left: 0;
	}
	.mcl-sidenav .mcl-card {
		margin: 0;
		border-radius: 0;
		box-shadow: none;
		min-height: 100vh;
	}
	.mcl-sidenav .mcl-nav-item:first-child {
		border-radius: 0;
		padding-top: 20px;
	}
	.mcl-sidenav .mcl-nav-item:last-child {
		border-radius: 0;
	}
	.mcl-sidenav .mcl-nav-item {
		padding: 18px 25px;
		font-size: 1em;
	}
	.mcl-sidenav .mcl-nav-item:hover {
		padding-left: 30px;
	}

	.mcl-content-area { width: 100%; }
	.mcl-engage-grid { grid-template-columns: 1fr; }
	.mcl-kpi-row { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

@media only screen and (max-width: 767px) {
	/* Base Typography */
	.mcl-dashboard { padding: 10px; font-size: 14px; }
	.mcl-card { padding: 15px; margin-bottom: 15px; border-radius: 10px; }

	/* Welcome text - hide on small screens */
	.mcl-welcome-text { display: none; }

	/* Pricing Cards */
	.mcl-plan-subtitle { margin-bottom: 20px; text-align: center; font-size: 1em; }
	.mcl-price-row { flex-direction: column; }
	.mcl-price-card { margin-bottom: 20px; min-width: 100%; }
	.mcl-price-card:last-child { margin-bottom: 0; }

	/* KPI Cards */
	.mcl-kpi-row { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.mcl-kpi-card { padding: 12px; }
	.mcl-kpi-value { font-size: 1.5em; }
	.mcl-kpi-label { font-size: 0.75em; }

	/* Pulse Cards */
	.mcl-pulse-row { flex-direction: column; gap: 10px; }
	.mcl-pulse-card { min-width: 100%; padding: 15px; }

	/* Tables - Make horizontally scrollable */
	.mcl-feed-table, table.dataTable, .wp-list-table { 
		display: block; 
		overflow-x: auto; 
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	#mcl-leads-table {
		display: block;
		width: 100% !important;
	}
	#mcl-leads-table thead {
		display: none;
	}
	#mcl-leads-table tbody {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	#mcl-leads-table tbody tr {
		box-sizing: border-box;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		background: #fff;
		border: 1px solid #e5e7eb;
		border-radius: 10px;
		padding: 0;
		box-shadow: 0 2px 4px rgba(0,0,0,0.04);
		overflow: hidden;
	}
	#mcl-leads-table tbody tr:hover {
		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	}
	#mcl-leads-table tbody td {
		box-sizing: border-box;
		display: block;
		width: 100% !important;
		padding: 0;
		border: none !important;
		text-align: left !important;
		white-space: normal;
	}

	/* Call Script Popup - Full screen on mobile */
	#mcl-call-popup {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: 100% !important;
		max-height: 100vh !important;
		border-radius: 0 !important;
		transform: none !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}
	#mcl-call-popup h4 {
		position: sticky;
		top: 0;
		background: #fff;
		padding: 15px;
		margin: -20px -20px 15px -20px;
		border-bottom: 1px solid #eee;
		z-index: 10;
	}

	/* Quality Score - Top banner */
	#mcl-leads-table tbody td.mcl-table-quality {
		order: 1;
		background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
		padding: 10px 12px;
		border-bottom: 1px solid #e5e7eb !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#mcl-leads-table tbody td.mcl-table-quality::before {
		content: 'Quality Score';
		font-size: 0.75em;
		font-weight: 600;
		color: #64748b;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	#mcl-leads-table tbody td.mcl-table-quality .mcl-quality-score {
		font-size: 1em;
		padding: 4px 12px;
	}

	/* Company Info - Main content area */
	#mcl-leads-table tbody td.mcl-table-company {
		order: 2;
		padding: 12px;
	}
	#mcl-leads-table tbody td.mcl-table-company strong {
		font-size: 1.05em;
		display: block;
		margin-bottom: 4px;
	}
	#mcl-leads-table tbody td.mcl-table-company .mcl-company-badges {
		margin: 6px 0;
	}
	#mcl-leads-table tbody td.mcl-table-company .mcl-fleet-info {
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid #f1f5f9;
	}

	/* Location - below company */
	#mcl-leads-table tbody td.mcl-table-location {
		order: 3;
		padding: 0 12px 4px 12px;
		font-size: 0.85em;
		color: #64748b;
	}
	#mcl-leads-table tbody td.mcl-table-location .mcl-distance {
		display: inline;
		margin-left: 8px;
	}

	/* Date - below location */
	#mcl-leads-table tbody td.mcl-table-date {
		order: 4;
		padding: 0 12px 10px 12px;
		font-size: 0.85em;
		color: #64748b;
	}

	#mcl-leads-table tbody td.mcl-table-date::before {
		content: 'Added: ';  /* Removed the bullet point */
		color: #94a3b8;
	}

	/* Last Activity - inline with date on mobile */
	#mcl-leads-table tbody td.mcl-table-activity {
		order: 4;
		padding: 0 12px 10px 12px;
		font-size: 0.85em;
		color: #64748b;
	}
	#mcl-leads-table tbody td.mcl-table-activity::before {
		content: 'Last Activity: ';
		color: #94a3b8;
	}
	#mcl-leads-table tbody td.mcl-table-activity .mcl-activity-notes { display: inline; margin-left: 6px; }

	/* Additional columns - hidden on mobile by default */
	#mcl-leads-table tbody td.mcl-table-drivers,
	#mcl-leads-table tbody td.mcl-table-distance,
	#mcl-leads-table tbody td.mcl-table-dotregistered,
	#mcl-leads-table tbody td.mcl-table-safety,
	#mcl-leads-table tbody td.mcl-table-mcs150,
	#mcl-leads-table tbody td.mcl-table-utilization {
		display: none !important;
	}

	/* Status Dropdown - In footer area */
	#mcl-leads-table tbody td.mcl-table-status {
		order: 4;
		padding: 10px 12px;
		background: #f8fafc;
		border-top: 1px solid #e5e7eb !important;
	}
	#mcl-leads-table tbody td.mcl-table-status .mcl-status-select {
		width: 100%;
		padding: 10px 12px;
		font-size: 0.9em;
		border-radius: 6px;
	}

	/* Actions - Bottom toolbar */
	#mcl-leads-table tbody td.mcl-table-actions {
		order: 5;
		padding: 10px 12px;
		background: #f8fafc;
		display: flex !important;
		justify-content: space-around;
		gap: 4px;
		border-top: 1px solid #e5e7eb !important;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 4px;
		font-size: 1.1em;
		background: #fff;
		border-radius: 8px;
		border: 1px solid #e5e7eb;
		min-height: 50px;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn::after {
		font-size: 0.55em;
		margin-top: 4px;
		color: #64748b;
		font-family: inherit;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="View Contact Info"]::after { content: 'Contact'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Notes"]::after { content: 'Notes'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Call Options"]::after { content: 'Call'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Email Options"]::after { content: 'Email'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Set Reminder"]::after { content: 'Remind'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-action-btn[title="Maps"]::after { content: 'Map'; }
	#mcl-leads-table tbody td.mcl-table-actions .mcl-call-dropdown,
	#mcl-leads-table tbody td.mcl-table-actions .mcl-email-dropdown {
		flex: 1;
		display: flex;
	}
	#mcl-leads-table tbody td.mcl-table-actions .mcl-call-dropdown .mcl-action-btn,
	#mcl-leads-table tbody td.mcl-table-actions .mcl-email-dropdown .mcl-action-btn {
		width: 100%;
	}

	/* DataTables controls on mobile */
	.mcl-dt-top {
		flex-direction: column;
		gap: 10px;
	}
	#mcl-leads-table_length, #mcl-leads-table_filter {
		width: 100% !important;
		text-align: center !important;
	}
	#mcl-leads-table_filter input {
		width: 80% !important;
		min-width: 80% !important;
	}
	#mcl-leads-table_info {
		text-align: center;
		font-size: 0.85em;
	}
	.dataTables_paginate {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 4px;
	}
	.dataTables_paginate .paginate_button {
		padding: 8px 12px !important;
		min-width: 40px;
		text-align: center;
	}

	/* ── Edit Columns Button (dt-top) ── */
	.mcl-edit-cols-btn {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 7px 13px;
		border: 1px solid #e2e8f0;
		border-radius: 8px;
		background: #fff;
		color: #475569;
		font-size: 0.85em;
		font-weight: 600;
		cursor: pointer;
		transition: border-color 0.15s, background 0.15s, box-shadow 0.15s, color 0.15s;
		white-space: nowrap;
		flex-shrink: 0;
		line-height: 1;
	}
	.mcl-edit-cols-btn i {
		font-size: 0.9em;
		color: #94a3b8;
		transition: color 0.15s;
	}
	.mcl-edit-cols-btn:hover {
		border-color: #93c5fd;
		background: #f8fafc;
		color: #1d4ed8;
		box-shadow: 0 0 0 2px rgba(59,130,246,0.08);
	}
	.mcl-edit-cols-btn:hover i {
		color: #3b82f6;
	}
	/* Active state when dropdown is open */
	.mcl-edit-cols-btn.active {
		border-color: #3b82f6;
		background: #eff6ff;
		color: #1d4ed8;
		box-shadow: 0 0 0 2px rgba(59,130,246,0.1);
	}
	.mcl-edit-cols-btn.active i {
		color: #3b82f6;
	}

	/* Lead Cards in List View */
	.mcl-lead-card { padding: 12px; }
	.mcl-lead-header { flex-direction: column; align-items: flex-start; gap: 8px; }
	.mcl-lead-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
	.mcl-lead-contact-info { flex-direction: column; gap: 5px; }

	/* Forms */
	.mcl-modern-input-group { margin-bottom: 12px; }
	.mcl-modern-input, .mcl-modern-select, input[type='text'], input[type='email'], input[type='password'], select, textarea {
		padding: 12px;
		font-size: 16px; /* Prevents iOS zoom */
	}

	/* Buttons */
	.mcl-btn { 
		padding: 12px 20px; 
		font-size: 1em; 
		width: 100%;
		max-width: none;
	}
	.mcl-btn-sm { padding: 8px 12px; font-size: 0.9em; width: auto; }

	/* Popups & Modals */
	.mcl-popup, .mcl-filter-popup, .mcl-modern-modal { 
		width: 95% !important; 
		max-width: 100% !important;
		left: 2.5% !important;
		transform: translateY(-50%) !important;
		max-height: 90vh;
		overflow-y:auto !important;
	}
	.mcl-popup-content, .mcl-modern-modal-body { padding: 15px; }

	/* Filters */
	.mcl-filter-row { flex-direction: column; gap: 10px; }
	.mcl-filter-option { padding: 10px; min-width: 100%; }

	/* Action Items */
	.mcl-action-item { padding: 10px; }
	.mcl-action-item-title { font-size: 0.9em; }

	/* Funnel Section */
	.mcl-funnel-section { padding: 15px; }
	.mcl-funnel-bar { margin-bottom: 10px; }

	/* Profile & Settings */
	.mcl-profile-section { padding: 15px; }
	.mcl-grid { grid-template-columns: 1fr; gap: 10px; }

	/* Clinic Cards */
	.mcl-clinic-card { padding: 12px; }
	.mcl-clinic-actions { flex-wrap: wrap; gap: 5px; }

	/* Map View */
	.mcl-map-container { min-height: 350px; position: relative; }
	.mcl-map-wrapper { height: 350px !important; min-height: 350px !important; max-height: none; }
	#mcl-google-map { height: 100% !important; min-height: 350px !important; }
	.mcl-map-info-window { min-width: 200px; max-width: 280px; }

	/* Lists Section */
	.mcl-list-selector-btn { min-width: 100%; }
	.mcl-list-dropdown { width: 100%; left: 0; }

	/* Subscription Popup */
	#mcl-subscribe-popup { width: 95%; }

	/* Search & Export */
	.mcl-export-menu { right: 0; left: auto; min-width: 140px; }

	/* Pipeline Tooltip - Disable on mobile */
	.mcl-pipeline-breakdown { display: none !important; }

	/* Auth Wrapper */
	.mcl-auth-wrapper { margin: 20px 10px; }

	/* Call Menu & Email Menu - Bottom Sheet Style */
	.mcl-call-menu, .mcl-email-menu { 
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		top: auto !important;
		min-width: auto !important;
		width: 100% !important;
		max-height: 70vh;
		border-radius: 16px 16px 0 0 !important;
		box-shadow: 0 -4px 20px rgba(0,0,0,0.15) !important;
		z-index: 999999 !important;
		padding-bottom: env(safe-area-inset-bottom, 10px);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.mcl-call-menu.mcl-menu-visible, .mcl-email-menu.mcl-menu-visible {
		animation: mclSlideUp 0.25s ease-out forwards;
	}
	.mcl-call-menu::before, .mcl-email-menu::before {
		content: '';
		display: block;
		width: 36px;
		height: 4px;
		background: #d1d5db;
		border-radius: 2px;
		margin: 10px auto 5px;
	}
	.mcl-call-menu a, .mcl-email-menu a {
		padding: 14px 20px !important;
		font-size: 1em !important;
	}
	.mcl-call-menu a i, .mcl-email-menu a i {
		width: 24px !important;
		font-size: 1.1em;
	}
	@-webkit-keyframes mclSlideUp {
		from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; }
		to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	}
	@keyframes mclSlideUp {
		from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; }
		to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	}
	/* Overlay for bottom sheets */
	.mcl-menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.4);
		z-index: 10000 !important;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		animation: mclFadeIn 0.2s ease-out;
	}
	@-webkit-keyframes mclFadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	@keyframes mclFadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	/* Call Script Modal */
	.mcl-call-modal { width: 100% !important; height: 100vh !important; border-radius: 0 !important; }
	.mcl-call-modal-header { flex-wrap: wrap; gap: 10px; }
	.mcl-call-modal-body { padding: 10px; }
	.mcl-call-sidebar { position: relative; width: 100%; height: auto; }
	.mcl-call-script-content { padding: 10px; font-size: 0.95em; }

	/* Reminders */
	.mcl-reminder-card { padding: 12px; }
	.mcl-reminder-actions { flex-wrap: wrap; }

	/* Probability Settings */
	.mcl-prob-row { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px; }
	.mcl-prob-status { width: 100%; justify-content: space-between; }
	.mcl-prob-slider-wrap { width: 100%; }

	/* Trial Preview */
	.mcl-trial-modal { width: 95%; }

	/* Headers & Titles */
	h1, .mcl-section-title { font-size: 1.4em; }
	h2, .mcl-card h3 { font-size: 1.1em; }

	/* Empty States */
	.mcl-empty-state { padding: 30px 15px; }
	.mcl-empty-icon { font-size: 2em !important; }

	/* DataTables Override */
	#mcl-leads-table_filter > label > input { width: 100%; min-width: 100%; }
	.dataTables_length, .dataTables_filter { width: 100%; text-align: center; margin-bottom: 10px; }
	.dataTables_info, .dataTables_paginate { text-align: center; font-size: 0.85em; }

	/* Scheduled Email Modal */
	.mcl-scheduled-email-form { padding: 10px; }
	.mcl-scheduled-email-form .mcl-grid { grid-template-columns: 1fr; }

	/* Quality Score Badges */
	.mcl-quality-score { padding: 4px 8px; font-size: 0.8em; }

	/* Status Select */
	.mcl-status-select { padding: 8px; font-size: 0.9em; max-width: 100%; }

	/* Hide non-essential on mobile */
	.mcl-hide-mobile { display: none !important; }

	.mcl-list-header{ flex-direction:column; row-gap:10px; }
	.mcl-list-header > .mcl-nav-btn-wrapper { width: 100%; }
	.mcl-list-header > .mcl-nav-btn-wrapper .mcl-nav-btn-split { width: 100%; }
	.mcl-list-header > .mcl-nav-btn-wrapper .mcl-nav-btn-back { flex: 1; justify-content: center; }
	.mcl-list-header > .mcl-nav-btn-wrapper .mcl-nav-btn-dropdown { width: 100%; }
	.mcl-list-selector-container{ width:100%; }
	.mcl-list-selector{ width:100%; text-align:center; }
	.mcl-list-notify{ min-width:175px; justify-content:end; }
	.mcl-inline-progress-container{width:100%;}
	.mcl-inline-progress-container > .mcl-inline-progress, .mcl-inline-progress-container > .mcl-export-container{ width:50%; }
	.mcl-inline-progress-container > .mcl-export-container > #export-btn, .mcl-inline-progress-container > .mcl-export-container > .mcl-export-menu{ width:100%; }

	.mcl-crm-stats-grid{ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
}

@media only screen and (max-width: 480px) {
	/* Extra small screens */
	.mcl-kpi-row { grid-template-columns: 1fr; }
	.mcl-nav-item { padding: 8px 12px; font-size: 0.8em; }
	.mcl-card { padding: 12px; }
	.mcl-feed-table th, .mcl-feed-table td { padding: 8px 5px; font-size: 0.85em; }
	.mcl-lead-actions .mcl-btn { padding: 8px 10px; font-size: 0.8em; }
}

/* Touch-friendly improvements */
@media (hover: none) and (pointer: coarse) {
	.mcl-btn, .mcl-nav-item, .mcl-lead-card, .mcl-filter-option { 
		min-height: 44px; display: flex; align-content: center; align-items: center; justify-content:space-between;
	}
	.mcl-star { font-size: 2em; padding: 5px; }
}

/*  Layout  */
.kb-pipeline-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0;
	height: calc(100vh - 160px);
	min-height: 500px;
}

/*  Top Bar: KPI Strip + View Toggle  */
.kb-top-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	margin-bottom: 12px;
	flex-shrink: 0;
}
.kb-kpi-strip {
	display: flex;
	gap: 20px;
	align-items: center;
	flex-wrap: wrap;
}
.kb-kpi {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.85em;
	color: #64748b;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 6px;
	transition: background 0.15s;
}
.kb-kpi:hover { background: #f1f5f9; }
.kb-kpi-val {
	font-weight: 700;
	font-size: 1.15em;
	color: #1e293b;
}
.kb-kpi i { font-size: 0.9em; }
.kb-kpi.hot i { color: #dc2626; }
.kb-kpi.quality i { color: #059669; }
.kb-kpi.new i { color: #2563eb; }
.kb-kpi.converted i { color: #16a34a; }

/* View toggle */
.kb-view-toggle {
	display: flex;
	background: #f1f5f9;
	border-radius: 8px;
	padding: 3px;
	gap: 2px;
}
.kb-view-btn {
	padding: 6px 14px;
	border: none;
	background: transparent;
	border-radius: 6px;
	cursor: pointer;
	font-size: 0.82em;
	font-weight: 600;
	color: #64748b;
	transition: all 0.2s;
	display: flex;
	align-items: center;
	gap: 5px;
}
.kb-view-btn.active {
	background: #fff;
	color: #0f172a;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.kb-view-btn:hover:not(.active) { color: #334155; }

/*  Pipeline Distribution Bar  */
.kb-dist-bar {
	display: flex;
	height: 6px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 12px;
	background: #f1f5f9;
	flex-shrink: 0;
}
.kb-dist-seg {
	transition: width 0.4s ease;
	position: relative;
}
.kb-dist-seg:hover {
	filter: brightness(1.1);
}

/*  Board Container  */
.kb-board {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	flex: 1;
	padding-bottom: 8px;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
}
.kb-board::-webkit-scrollbar {
	height: 6px;
}
.kb-board::-webkit-scrollbar-track {
	background: #f1f5f9;
	border-radius: 3px;
}
.kb-board::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 3px;
}

/*  Column  */
.kb-col {
	min-width: 260px;
	max-width: 300px;
	flex: 1 0 260px;
	display: flex;
	flex-direction: column;
	background: #f8fafc;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	scroll-snap-align: start;
	transition: border-color 0.2s;
}
.kb-col.drag-over {
	border-color: #3b82f6;
	background: #eff6ff;
}
.kb-col.is-closed {
	min-width: 200px;
	max-width: 220px;
	flex: 0 0 200px;
	opacity: 0.7;
}
.kb-col.is-closed:hover { opacity: 1; }

.kb-col-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border-bottom: 1px solid #e5e7eb;
	flex-shrink: 0;

	cursor: default;
}
.kb-col-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	font-size: 0.82em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #475569;
}
.kb-col-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}
.kb-col-count {
	font-size: 0.78em;
	font-weight: 600;
	color: #94a3b8;
	background: #e2e8f0;
	padding: 2px 8px;
	border-radius: 10px;
}

/*  Card List (scrollable)  */
.kb-card-list {
	flex: 1;
	overflow-y: auto;
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.kb-card-list::-webkit-scrollbar { width: 4px; }
.kb-card-list::-webkit-scrollbar-thumb {
	background: #d1d5db;
	border-radius: 2px;
}

/*  Lead Card  */
.kb-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 10px 12px;
	cursor: pointer;
	transition: all 0.15s;
	position: relative;
}
.kb-card:hover {
	border-color: #93c5fd;
	box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
	transform: translateY(-1px);
}
.kb-card.dragging {
	opacity: 0.5;
	transform: rotate(2deg);
}

.kb-card-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 4px;
}
.kb-card-name {
	font-weight: 600;
	font-size: 0.85em;
	color: #1e293b;
	line-height: 1.3;
	flex: 1;
	margin-right: 6px;
	/* Truncate long names */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.kb-card-score {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.72em;
	font-weight: 700;
	color: #fff;
	flex-shrink: 0;
}
.kb-card-score.excellent { background: #059669; }
.kb-card-score.good { background: #2563eb; }
.kb-card-score.average { background: #d97706; }
.kb-card-score.poor { background: #94a3b8; }

.kb-card-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.75em;
	color: #94a3b8;
	margin-bottom: 6px;
}
.kb-card-meta span {
	display: flex;
	align-items: center;
	gap: 3px;
}

.kb-card-badges {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}
.kb-badge {
	font-size: 0.68em;
	font-weight: 600;
	padding: 2px 6px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
.kb-badge.hot { background: #fef2f2; color: #dc2626; }
.kb-badge.high-value { background: #f0fdf4; color: #16a34a; }
.kb-badge.new-entrant { background: #eff6ff; color: #2563eb; }
.kb-badge.hazmat { background: #fefce8; color: #ca8a04; }

.kb-badge.at-risk { background: #fff7ed; color: #ea580c; }

.kb-card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #f1f5f9;
}
.kb-card-activity {
	font-size: 0.7em;
	color: #94a3b8;
}
.kb-card-reminder {
	font-size: 0.68em;
	color: #7c3aed;
	display: flex;
	align-items: center;
	gap: 3px;
}
.kb-card-reminder.overdue { color: #dc2626; }

.kb-card-status-changed {
	font-size: 0.68em;
	color: #64748b;
	display: flex;
	align-items: center;
	gap: 3px;
}
.kb-card-status-changed i { color: #3b82f6; }

/*  "Show all" link  */
.kb-show-all {
	text-align: center;
	padding: 8px;
	flex-shrink: 0;
}
.kb-show-all a {
	font-size: 0.78em;
	color: #3b82f6;
	text-decoration: none;
	font-weight: 500;
}
.kb-show-all a:hover { text-decoration: underline; }

/*  Empty Column  */
.kb-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	color: #cbd5e1;
	text-align: center;
	flex: 1;
}
.kb-empty i { font-size: 1.5em; margin-bottom: 6px; }
.kb-empty span { font-size: 0.78em; }

/*  Loading State  */
.kb-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	color: #94a3b8;
	gap: 10px;
}
.kb-loading i { animation: spin 1s linear infinite; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/*  Closed Columns Toggle  */
.kb-closed-toggle {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 4px;
	align-self: stretch;
	cursor: pointer;
	color: #94a3b8;
	font-size: 0.78em;
	font-weight: 500;
	writing-mode: vertical-lr;
	text-orientation: mixed;
	background: #f1f5f9;
	border-radius: 8px;
	transition: all 0.2s;
	flex-shrink: 0;
	min-width: 28px;
	justify-content: center;
}
.kb-closed-toggle:hover {
	background: #e2e8f0;
	color: #475569;
}
.kb-closed-toggle.expanded {
	writing-mode: horizontal-tb;
	text-orientation: initial;
	padding: 6px 10px;
	align-self: flex-start;
	min-width: auto;
}
.kb-closed-cols {
	display: none;
	gap: 10px;
}
.kb-closed-cols.visible {
	display: flex;
}

/*  Column Search  */
.kb-col-search-btn {
	background: none;
	border: none;
	color: #94a3b8;
	cursor: pointer;
	padding: 4px 6px;
	border-radius: 4px;
	font-size: 0.78em;
	transition: all 0.15s;
	display: flex;
	align-items: center;
	line-height: 1;
}
.kb-col-search-btn:hover {
	background: #e2e8f0;
	color: #475569;
}
.kb-col-search-btn.active {
	color: #3b82f6;
	background: #eff6ff;
}
.kb-col-search-wrap {
	display: none;
	padding: 6px 8px 8px;
	border-bottom: 1px solid #e5e7eb;
	flex-shrink: 0;
}
.kb-col-search-wrap.visible {
	display: block;
}
.kb-col-search-input {
	width: 100%;
	padding: 6px 10px 6px 28px !important;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	font-size: 0.78em;
	color: #1e293b;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 8px center;
	outline: none;
	transition: border-color 0.15s;
	box-sizing: border-box;
}
.kb-col-search-input:focus {
	border-color: #93c5fd;
	box-shadow: 0 0 0 2px rgba(59,130,246,0.1);
}
.kb-col-search-input::placeholder {
	color: #cbd5e1;
}
.kb-col-search-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 4px;
	font-size: 0.7em;
	color: #94a3b8;
}
.kb-col-search-meta a {
	color: #3b82f6;
	text-decoration: none;
	cursor: pointer;
}
.kb-col-search-meta a:hover {
	text-decoration: underline;
}

/*  Infinite Scroll Sentinel  */
.kb-scroll-sentinel {
	height: 1px;
	flex-shrink: 0;
}
.kb-loading-more {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 8px;
	color: #94a3b8;
	font-size: 0.75em;
	gap: 6px;
}
.kb-loading-more i {
	animation: spin 1s linear infinite;
}

/*  Responsive  */

/* Large tablets / small desktops — sidebar collapses at 1024 */
@media (max-width: 1024px) {
	.kb-pipeline-wrapper {
		height: calc(100vh - 140px);
	}
	.kb-col {
		min-width: 220px;
		max-width: 260px;
		flex: 1 0 220px;
	}
	.kb-col.is-closed {
		min-width: 180px;
		max-width: 200px;
		flex: 0 0 180px;
	}
	.kb-kpi-strip {
		gap: 12px;
	}
	.kb-kpi span:not(.kb-kpi-val) {
		/* Hide text labels, keep values */
		display: none;
	}
}

/* Tablets — 768px */
@media (max-width: 768px) {
	.kb-pipeline-wrapper {
		height: auto;
		min-height: auto;
	}
	.kb-top-bar {
		flex-direction: column;
		gap: 10px;
		align-items: stretch;
		padding: 10px 12px;
	}
	.kb-kpi-strip {
		justify-content: space-between;
		gap: 4px;
	}
	.kb-kpi {
		flex: 1;
		justify-content: center;
		padding: 6px 4px;
		min-width: 0;
	}
	.kb-kpi span:not(.kb-kpi-val) {
		display: none;
	}
	.kb-kpi i {
		font-size: 0.8em;
	}
	.kb-kpi-val {
		font-size: 1em;
	}
	.kb-view-toggle {
		align-self: flex-end;
	}
	.kb-board {
		height: 60vh;
		min-height: 350px;
		gap: 8px;
	}
	.kb-col {
		min-width: 200px;
		max-width: 240px;
		flex: 1 0 200px;
		border-radius: 8px;
	}
	.kb-col.is-closed {
		min-width: 160px;
		max-width: 180px;
		flex: 0 0 160px;
	}
	.kb-col-header {
		padding: 8px 10px;
	}
	.kb-col-title {
		font-size: 0.75em;
	}
	.kb-card {
		padding: 8px 10px;
	}
	.kb-card-name {
		font-size: 0.8em;
	}
	.kb-card-meta {
		font-size: 0.7em;
		gap: 6px;
	}
	.kb-card-score {
		width: 24px;
		height: 24px;
		font-size: 0.65em;
	}
	.kb-badge {
		font-size: 0.62em;
		padding: 1px 4px;
	}
	.kb-dist-bar {
		height: 5px;
		margin-bottom: 8px;
	}
}

/* Small phones — 480px */
@media (max-width: 480px) {
	.kb-top-bar {
		padding: 8px 10px;
		border-radius: 8px;
		margin-bottom: 8px;
	}
	.kb-kpi-strip {
		gap: 2px;
	}
	.kb-kpi {
		padding: 4px 2px;
		gap: 3px;
	}
	.kb-kpi i {
		font-size: 0.75em;
	}
	.kb-kpi-val {
		font-size: 0.9em;
	}
	.kb-view-toggle {
		align-self: center;
		width: 100%;
	}
	.kb-view-btn {
		flex: 1;
		justify-content: center;
		padding: 8px 10px;
		font-size: 0.8em;
	}
	.kb-board {
		height: 55vh;
		min-height: 300px;
		gap: 6px;
		scroll-snap-type: x mandatory;
	}
	.kb-col {
		min-width: 75vw;
		max-width: 80vw;
		flex: 0 0 75vw;
		scroll-snap-align: center;
		border-radius: 8px;
	}
	.kb-col.is-closed {
		min-width: 60vw;
		max-width: 65vw;
		flex: 0 0 60vw;
	}
	.kb-card-list {
		padding: 6px;
		gap: 5px;
	}
	.kb-card {
		padding: 8px;
	}
	.kb-card-name {
		font-size: 0.78em;
		-webkit-line-clamp: 1;
	}
	.kb-card-meta {
		font-size: 0.68em;
		flex-wrap: wrap;
		gap: 4px;
	}
	/* Hide location on very small screens to save space */
	.kb-card-meta span:last-child:nth-child(n+3) {
		display: none;
	}
	.kb-card-footer {
		margin-top: 4px;
		padding-top: 4px;
	}
	.kb-card-activity,
	.kb-card-reminder {
		font-size: 0.65em;
	}
	.kb-closed-toggle {
		font-size: 0.72em;
		min-width: 24px;
		padding: 0 3px;
	}
	.kb-show-all a {
		font-size: 0.72em;
	}
	.kb-empty {
		padding: 16px 12px;
	}
	.kb-empty i { font-size: 1.2em; }
	.kb-empty span { font-size: 0.72em; }
	.kb-dist-bar {
		height: 4px;
		margin-bottom: 6px;
	}
}

/* Touch-friendly: larger hit targets for drag and tap */
@media (hover: none) and (pointer: coarse) {
	.kb-card {
		padding: 12px;
		min-height: 44px;
	}
	.kb-card-score {
		width: 30px;
		height: 30px;
		font-size: 0.74em;
	}
	.kb-view-btn {
		min-height: 38px;
		padding: 8px 14px;
	}
	.kb-kpi {
		min-height: 38px;
	}
	.kb-show-all a {
		display: inline-block;
		padding: 8px 16px;
	}
	.kb-col-header {
		padding: 12px;
	}
}

/* Very tall narrow screens (phones in portrait) */
@media (max-width: 480px) and (min-height: 700px) {
	.kb-board {
		height: 60vh;
	}
}

/* Landscape phones */
@media (max-height: 500px) and (orientation: landscape) {
	.kb-pipeline-wrapper {
		height: auto;
	}
	.kb-board {
		height: 50vh;
		min-height: 250px;
	}
	.kb-top-bar {
		flex-direction: row;
		padding: 6px 10px;
	}
	.kb-kpi {
		padding: 2px 4px;
	}
	.kb-kpi-val { font-size: 0.9em; }
	.kb-col-header { padding: 6px 8px; }
	.kb-card { padding: 6px 8px; }
	.kb-card-name { font-size: 0.75em; -webkit-line-clamp: 1; }
	.kb-card-badges { display: none; }
	.kb-card-footer { display: none; }
}

/*  Reminders section (kept from existing)  */
.kb-reminders-section {
	margin-top: 12px;
	flex-shrink: 0;
}

@keyframes pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(0, 115, 170, 0.4); }
	50% { box-shadow: 0 0 0 8px rgba(0, 115, 170, 0); }
}
.dashicons.spin {
	animation: rotation 1s infinite linear;
}
@keyframes rotation {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* ================================================================
 * LEAD PREVIEW — Conversion-Optimized UI
 * Extracted with MCL_Lead_Preview class (v2.0)
 * ============================================================= */
.mcl-preview-wrap {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	max-width: 100%;
	margin: 0 auto;
}
.mcl-preview-wrap * {
	box-sizing: border-box;
}

/* Search Section */
.mcl-preview-search {
	background: linear-gradient(135deg, #1e3a5f 0%, #0f2744 100%);
	padding: 60px 40px;
	border-radius: 16px;
	text-align: center;
	margin-bottom: 30px;
}
.mcl-preview-search h1 {
	color: #fff !important;
	font-size: 2.2em;
	margin: 0 0 10px 0;
	font-weight: 700;
}
.mcl-preview-search p {
	color: rgba(255,255,255,0.7);
	font-size: 1.05em;
	margin: 0 0 28px 0;
}
.mcl-preview-search-form {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	max-width: 520px;
	margin: 0 auto;
}
.mcl-preview-search-form input {
	flex: 1;
	padding: 15px 20px !important;
	font-size: 1.05em;
	border: 2px solid rgba(255,255,255,0.15) !important;
	border-radius: 10px !important;
	background: rgba(255,255,255,0.95);
	color: #1e293b;
	outline: none !important;
}
.mcl-preview-search-form input:focus {
	border-color: #059669 !important;
}
.mcl-preview-search-form button {
	padding: 15px 28px;
	font-size: 1.05em;
	background: #f59e0b;
	color: #fff;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-weight: 600;
	white-space: nowrap;
	transition: all 0.2s;
}
.mcl-preview-search-form button:hover {
	background: #d97706;
	transform: translateY(-1px);
}
.mcl-preview-search-form button:disabled {
	background: #94a3b8;
	cursor: not-allowed;
	transform: none;
}

/* Results Section */
.mcl-preview-results { display: none; }
.mcl-preview-results.active { display: block; }

/* Results Header */
.mcl-preview-header {
	text-align: center;
	margin-bottom: 25px;
}
.mcl-preview-header h2 {
	font-size: 1.6em;
	color: #1e293b;
	margin: 0 0 6px 0;
	font-weight: 700;
}
.mcl-preview-header h2 .hl-green { color: #059669; }
.mcl-preview-header h2 .hl-orange { color: #f59e0b; }
.mcl-preview-header p {
	color: #64748b;
	margin: 0;
}

/* Stats Row */
.mcl-preview-stats {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
	margin-bottom: 10px;
}
.mcl-preview-stat {
	background: #fff;
	border-radius: 12px;
	padding: 18px 14px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
	border: 1px solid #e2e8f0;
	transition: transform 0.15s, box-shadow 0.15s;
}
.mcl-preview-stat:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.mcl-preview-stat-icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 8px;
	font-size: 0.95em;
}
.mcl-preview-stat-value {
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.1;
}
.mcl-preview-stat-label {
	font-size: 0.82em;
	color: #64748b;
	margin-top: 2px;
}
.mcl-preview-stat.total .mcl-preview-stat-icon { background: #eff6ff; color: #3b82f6; }
.mcl-preview-stat.total .mcl-preview-stat-value { color: #3b82f6; }
.mcl-preview-stat.high-quality .mcl-preview-stat-icon { background: #ecfdf5; color: #059669; }
.mcl-preview-stat.high-quality .mcl-preview-stat-value { color: #059669; }
.mcl-preview-stat.hot .mcl-preview-stat-icon { background: #fef2f2; color: #dc2626; }
.mcl-preview-stat.hot .mcl-preview-stat-value { color: #dc2626; }
.mcl-preview-stat.high-value .mcl-preview-stat-icon { background: #fffbeb; color: #f59e0b; }
.mcl-preview-stat.high-value .mcl-preview-stat-value { color: #f59e0b; }
.mcl-preview-stat.new-entrant .mcl-preview-stat-icon { background: #fff7ed; color: #ea580c; }
.mcl-preview-stat.new-entrant .mcl-preview-stat-value { color: #ea580c; }

/* Opportunity Callout */
.mcl-preview-opportunity {
	background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
	border: 1px solid rgba(5, 150, 105, 0.2);
	border-left: 4px solid #059669;
	border-radius: 12px;
	padding: 18px 24px;
	margin: 20px 0 28px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.mcl-preview-opportunity .opp-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #059669;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1em;
	flex-shrink: 0;
}
.mcl-preview-opportunity .opp-text {
	font-size: 0.98em;
	color: #065f46;
	line-height: 1.5;
}
.mcl-preview-opportunity .opp-text strong { color: #047857; }

/* Map */
.mcl-preview-map-container {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 28px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}
#mcl-preview-map {
	width: 100%;
	height: 320px;
}

/* Lead Table Section */
.mcl-preview-leads-section { margin-bottom: 0; }
.mcl-preview-leads-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.mcl-preview-leads-header h3 {
	font-size: 1.15em;
	font-weight: 700;
	margin: 0;
}
.mcl-preview-count-badge {
	background: #eff6ff;
	color: #3b82f6;
	font-size: 0.8em;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 20px;
}

.mcl-preview-lead-table {
	background: #fff;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	overflow: hidden;
}
.mcl-preview-lead-table-head {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1.2fr;
	padding: 12px 20px;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
	font-size: 0.78em;
	font-weight: 600;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.mcl-preview-lead-row {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1.2fr;
	padding: 14px 20px;
	border-bottom: 1px solid #f1f5f9;
	align-items: center;
	font-size: 0.95em;
	transition: background 0.1s;
}
.mcl-preview-lead-row:hover { background: #fafcff; }
.mcl-preview-company {
	font-weight: 600;
	color: #1e293b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mcl-preview-company .mcl-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 0.7em;
	font-weight: 700;
	margin-left: 8px;
	vertical-align: middle;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
.mcl-badge-hot { background: #fef2f2; color: #dc2626; }
.mcl-badge-new { background: #eff6ff; color: #2563eb; }
.mcl-badge-value { background: #ecfdf5; color: #059669; }
.mcl-preview-distance { color: #64748b; font-size: 0.95em; }
.mcl-preview-drivers { color: #1e293b; }
.mcl-preview-phone { color: #64748b; font-family: monospace; font-size: 0.92em; letter-spacing: 0.03em; }

/* Progressive Blur */
.mcl-preview-lead-row.blur-light {
	filter: blur(2px);
	user-select: none;
	pointer-events: none;
}
.mcl-preview-lead-row.blur-medium {
	filter: blur(4px);
	user-select: none;
	pointer-events: none;
}
.mcl-preview-lead-row.blur-heavy {
	filter: blur(6px);
	user-select: none;
	pointer-events: none;
}

/* Insight Card (why this lead matters) */
.mcl-preview-insight-card {
	border-top: 2px solid #059669;
	background: linear-gradient(135deg, #f0fdf4 0%, #fafffe 100%);
	padding: 20px 24px 18px;
}
.mcl-insight-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
	flex-wrap: wrap;
	gap: 8px;
}
.mcl-insight-header h4 {
	font-size: 0.95em;
	font-weight: 700;
	color: #065f46;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}
.mcl-insight-header h4 i { color: #059669; }
.mcl-insight-tag {
	font-size: 0.7em;
	padding: 3px 10px;
	border-radius: 20px;
	font-weight: 600;
	background: linear-gradient(135deg, #ecfdf5, #d1fae5);
	color: #047857;
}
.mcl-insight-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}
.mcl-insight-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 0.82em;
	font-weight: 500;
	background: #fff;
	border: 1px solid #e2e8f0;
	color: #1e293b;
}
.mcl-insight-pill i { font-size: 0.85em; }
.mcl-insight-pill.highlight {
	background: #fff7ed;
	border-color: #fed7aa;
	color: #9a3412;
}
.mcl-insight-pill.highlight i { color: #ea580c; }
.mcl-insight-pill.fleet i { color: #3b82f6; }
.mcl-insight-pill.recent i { color: #059669; }
.mcl-insight-locked-row {
	display: flex;
	align-items: center;
	gap: 24px;
	padding-top: 14px;
	border-top: 1px dashed #d1d5db;
}
.mcl-insight-locked-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.84em;
	color: #94a3b8;
}
.mcl-insight-locked-item .locked-label {
	font-weight: 600;
	color: #64748b;
	margin-right: 2px;
}
.mcl-insight-locked-item i { font-size: 0.8em; }
.mcl-insight-unlock-link {
	margin-left: auto;
	font-size: 0.82em;
	font-weight: 600;
	color: #059669;
	cursor: pointer;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 4px;
}
.mcl-insight-unlock-link:hover { text-decoration: underline; }

/* CTA Zone */
.mcl-preview-cta-zone { position: relative; }
.mcl-preview-cta-overlay {
	background: linear-gradient(to bottom,
		rgba(248,250,252,0.0) 0%,
		rgba(248,250,252,0.85) 20%,
		rgba(248,250,252,0.97) 40%,
		rgba(248,250,252,1) 55%);
	padding: 40px 20px 0;
	text-align: center;
	position: relative;
	margin-top: -120px;
	z-index: 10;
}
.mcl-preview-cta-primary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 36px;
	background: linear-gradient(135deg, #059669 0%, #047857 100%);
	color: #fff;
	border: none;
	border-radius: 12px;
	font-size: 1.1em;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(5,150,105,0.35);
	transition: all 0.2s;
	font-family: inherit;
}
.mcl-preview-cta-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(5,150,105,0.45);
}
.mcl-preview-cta-sub {
	margin-top: 10px;
	font-size: 0.88em;
	color: #64748b;
}
.mcl-preview-cta-sub strong { color: #1e293b; }

/* Social Proof */
.mcl-preview-social-proof {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 16px;
	font-size: 0.82em;
	color: #94a3b8;
	flex-wrap: wrap;
}
.mcl-preview-sp-item {
	display: flex;
	align-items: center;
	gap: 6px;
}
.mcl-preview-sp-item i { color: #059669; }

/* Email Capture — tight inline row */
.mcl-preview-email-row {
	margin-top: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.mcl-preview-email-label {
	font-size: 0.84em;
	color: #94a3b8;
	margin-right: 12px;
	white-space: nowrap;
}
.mcl-preview-email-row input {
	flex: 1;
	min-width: 0;
	padding: 10px 14px;
	border: 1px solid #e2e8f0;
	border-radius: 8px 0 0 8px;
	font-size: 0.88em;
	font-family: inherit;
	outline: none;
	border-right: none;
}
.mcl-preview-email-row input:focus { border-color: #059669; }
.mcl-preview-email-row button {
	padding: 10px 18px;
	background: #1e3a5f;
	color: #fff;
	border: 1px solid #1e3a5f;
	border-radius: 0 8px 8px 0;
	font-size: 0.84em;
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
	white-space: nowrap;
	transition: background 0.2s;
}
.mcl-preview-email-row button:hover { background: #15294a; }
.mcl-preview-email-success {
	margin-top: 10px;
	color: #059669;
	font-size: 0.88em;
	font-weight: 600;
}
.mcl-preview-email-success-box {
	margin-top: 16px;
	padding: 20px;
	background: #fff;
	border: 1px solid #d1fae5;
	border-radius: 12px;
}
.mcl-preview-email-error {
	margin-top: 10px;
	color: #dc2626;
	font-size: 0.88em;
}

/* What You Get / Unlock Section */
.mcl-preview-unlock-section {
	margin-top: 36px;
	padding: 32px 28px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
}
.mcl-preview-unlock-section h3 {
	text-align: center;
	font-size: 1.15em;
	font-weight: 700;
	margin: 0 0 6px;
}
.mcl-preview-unlock-section > p {
	text-align: center;
	color: #64748b;
	font-size: 0.9em;
	margin: 0 0 24px;
}
.mcl-preview-unlock-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}
.mcl-preview-unlock-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
	background: #f8fafc;
	border-radius: 10px;
	border: 1px solid #f1f5f9;
}
.mcl-preview-unlock-item .ui-icon {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 0.85em;
}
.mcl-preview-unlock-item .ui-text h4 {
	font-size: 0.88em;
	font-weight: 600;
	margin: 0 0 2px;
}
.mcl-preview-unlock-item .ui-text p {
	font-size: 0.78em;
	color: #64748b;
	line-height: 1.4;
	margin: 0;
}

/* Loading */
.mcl-preview-loading {
	text-align: center;
	padding: 60px 20px;
	color: #64748b;
}
.mcl-preview-loading i {
	font-size: 2em;
	margin-bottom: 15px;
	color: #3b82f6;
}

/* Trial Modal */
.mcl-trial-overlay {
	display: none;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.6);
	z-index: 99999;
	align-items: center;
	justify-content: center;
}
.mcl-trial-overlay.active { display: flex; }
.mcl-trial-modal {
	background: #fff;
	border-radius: 16px;
	padding: 40px;
	max-width: 450px;
	width: 90%;
	max-height: 96vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0,0,0,0.3);
	position: relative;
}
.mcl-trial-close {
	position: absolute;
	top: 15px; right: 20px;
	font-size: 1.5em;
	color: #94a3b8;
	cursor: pointer;
	transition: color 0.2s;
}
.mcl-trial-close:hover { color: #475569; }
.mcl-trial-modal h3 { margin: 0 0 10px; font-size: 1.5em; color: #1e293b; }
.mcl-trial-modal p { color: #64748b; margin: 0 0 25px; }
.mcl-trial-form .mcl-trial-input {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 1em;
	margin-bottom: 15px;
	outline: none;
	transition: border-color 0.2s;
}
.mcl-trial-form .mcl-trial-input:focus {
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}
.mcl-trial-form button {
	width: 100%;
	padding: 16px;
	background: linear-gradient(135deg, #059669 0%, #047857 100%);
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 1.1em;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}
.mcl-trial-form button:hover { transform: translateY(-1px); }
.mcl-trial-benefits {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px solid #e2e8f0;
}
.mcl-trial-benefits p { font-weight: 600; color: #1e293b; margin-bottom: 12px; }
.mcl-trial-benefits ul { list-style: none; padding: 0; margin: 0; }
.mcl-trial-benefits li { padding: 6px 0; color: #64748b; font-size: 0.95em; }
.mcl-trial-benefits li i { color: #059669; margin-right: 10px; }

/* Processing state animations */
#mcl-trial-form {
	transition: all 0.4s ease-out;
	overflow: hidden;
}
#mcl-trial-form.collapsing {
	opacity: 0;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.mcl-trial-processing {
	text-align: center;
	padding: 20px;
	animation: mclFadeIn 0.3s ease-out;
}
.mcl-trial-processing-icon { font-size: 3em; color: #059669; margin-bottom: 15px; }
.mcl-trial-processing-text { font-size: 1.1em; color: #333; font-weight: 600; margin-bottom: 10px; }
.mcl-trial-processing-subtext { font-size: 0.9em; color: #666; }
.mcl-trial-processing-steps {
	margin-top: 20px;
	text-align: left;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}
.mcl-trial-processing-step {
	display: flex;
	align-items: center;
	padding: 8px 0;
	color: #999;
	font-size: 0.9em;
	transition: all 0.3s ease;
}
.mcl-trial-processing-step.active { color: #059669; font-weight: 500; }
.mcl-trial-processing-step.completed { color: #059669; }
.mcl-trial-processing-step i { width: 24px; margin-right: 10px; text-align: center; }
@keyframes mclFadeIn {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}
.mcl-trial-benefits.slide-up { margin-top: 0 !important; }

/* No Results */
.mcl-preview-no-results {
	text-align: center;
	padding: 60px 20px;
}
.mcl-preview-no-results i { font-size: 3em; color: #cbd5e1; margin-bottom: 20px; }
.mcl-preview-no-results h3 { color: #475569; margin: 0 0 10px; }
.mcl-preview-no-results p { color: #94a3b8; margin: 0; }

/* Responsive */
@media (max-width: 900px) {
	.mcl-preview-search h1 { font-size: 1.8em; }
	.mcl-preview-stats { grid-template-columns: repeat(3, 1fr); }
	.mcl-preview-unlock-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
	.mcl-preview-search { padding: 40px 20px; }
	.mcl-preview-search h1 { font-size: 1.2em; }
	.mcl-preview-search-form input { width: 100% !important; text-align: center; }
	.mcl-preview-search-form button { width: 100%; }
	.mcl-preview-stats { grid-template-columns: repeat(2, 1fr); }
	.mcl-preview-lead-table-head { display: none; }
	.mcl-preview-lead-row {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}
	.mcl-preview-company { grid-column: 1 / -1; }
	.mcl-preview-insight-card { padding: 16px; }
	.mcl-insight-pills { gap: 6px; }
	.mcl-insight-locked-row { flex-wrap: wrap; gap: 12px; }
	.mcl-preview-unlock-grid { grid-template-columns: 1fr; }
	.mcl-preview-email-row { flex-wrap: wrap; }
	.mcl-preview-email-label { width: 100%; text-align: center; margin-right: 0; margin-bottom: 8px; }
	.mcl-preview-email-row input { border-radius: 8px 0 0 8px; }
}

.mcl-feedback-widget {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
}
.mcl-feedback-toggle {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0073aa, #005a87);
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 1.4em;
	box-shadow: 0 4px 15px rgba(0,115,170,0.4);
	transition: all 0.3s ease;
}
.mcl-feedback-toggle:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 20px rgba(0,115,170,0.5);
}
.mcl-feedback-form {
	position: absolute;
	bottom: 70px;
	right: 0;
	width: 320px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.2);
	overflow: hidden;
}
.mcl-feedback-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	background: linear-gradient(135deg, #0073aa, #005a87);
	color: #fff;
}
.mcl-feedback-header h4 {
	margin: 0;
	font-size: 1em;
}
.mcl-feedback-header button {
	color: #fff !important;
}
.mcl-feedback-body {
	padding: 20px;
}
.mcl-feedback-body label {
	display: block;
	font-weight: 600;
	margin-bottom: 8px;
	font-size: 0.9em;
	color: #333;
}
.mcl-star-rating {
	font-size: 1.8em;
	margin-bottom: 15px;
}
.mcl-star {
	cursor: pointer;
	color: #ddd;
	transition: color 0.2s;
}
.mcl-star.active, .mcl-star:hover {
	color: #f59e0b;
}
.mcl-feedback-category {
	margin-bottom: 15px;
}
.mcl-feedback-category select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 0.95em;
}
.mcl-feedback-text {
	margin-bottom: 15px;
}
.mcl-feedback-text textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	resize: vertical;
	font-family: inherit;
	font-size: 0.95em;
}
@media (max-width: 480px) {
	.mcl-feedback-form {
		width: calc(100vw - 40px);
		right: -10px;
	}
	.mcl-star-rating {
		font-size: 1.4em;
	}
	.mcl-feedback-body {
		padding: 15px;
	}
	.mcl-feedback-body label {
		font-size: 0.85em;
	}
}

.mcl-onboarding-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mcl-onboarding-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(0, 40, 80, 0.95) 0%, rgba(0, 80, 120, 0.95) 100%);
	backdrop-filter: blur(10px);
}

.mcl-onboarding-container {
	position: relative;
	background: #fff;
	border-radius: 24px;
	width: 90%;
	max-width: 600px;
	max-height: 90vh;
	overflow: hidden;
	box-shadow: 0 25px 80px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.1);
	animation: onboardingSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes onboardingSlideUp {
	from { opacity: 0; transform: translateY(40px) scale(0.95); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

.mcl-onboarding-progress {
	height: 4px;
	background: #e5e7eb;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}

.mcl-onboarding-progress-bar {
	height: 100%;
	background: linear-gradient(90deg, #0073aa, #00a0d2);
	width: 0%;
	transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.mcl-onboarding-header {
	display: flex;
	justify-content: flex-end;
	padding: 15px 20px 0;
}

.mcl-onboarding-skip {
	background: none;
	border: none;
	color: #6b7280;
	font-size: 0.9em;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 6px;
	transition: all 0.2s;
}

.mcl-onboarding-skip:hover {
	background: #f3f4f6;
	color: #374151;
}

.mcl-onboarding-slides {
	padding: 20px 40px 30px;
	min-height: 380px;
	position: relative;
}

.mcl-onboarding-slide {
	display: none;
	text-align: center;
	animation: slideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.mcl-onboarding-slide.active {
	display: block;
}

@keyframes slideIn {
	from { opacity: 0; transform: translateX(30px); }
	to { opacity: 1; transform: translateX(0); }
}

.mcl-onboarding-icon-wrap {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	font-size: 2em;
	color: #fff;
}

.mcl-onboarding-icon-wrap.welcome { background: linear-gradient(135deg, #6366f1, #8b5cf6); }
.mcl-onboarding-icon-wrap.dashboard { background: linear-gradient(135deg, #0073aa, #00a0d2); }
.mcl-onboarding-icon-wrap.scout { background: linear-gradient(135deg, #10b981, #059669); }
.mcl-onboarding-icon-wrap.leads { background: linear-gradient(135deg, #f59e0b, #d97706); }
.mcl-onboarding-icon-wrap.pipeline { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.mcl-onboarding-icon-wrap.map { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.mcl-onboarding-icon-wrap.calls { background: linear-gradient(135deg, #06b6d4, #0891b2); }
.mcl-onboarding-icon-wrap.profile { background: linear-gradient(135deg, #64748b, #475569); }
.mcl-onboarding-icon-wrap.finish { background: linear-gradient(135deg, #22c55e, #16a34a); }

.mcl-onboarding-slide h2 {
	font-size: 1.6em;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 15px;
}

.mcl-onboarding-slide p {
	font-size: 1.05em;
	color: #4b5563;
	line-height: 1.6;
	margin: 0 0 20px;
}

.mcl-onboarding-plan-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	color: #92400e;
	padding: 10px 20px;
	border-radius: 30px;
	font-size: 0.95em;
}

.mcl-onboarding-feature-grid {
	display: flex;
	gap: 15px;
	justify-content: center;
	flex-wrap: wrap;
}

.mcl-onboarding-feature-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	background: #f8fafc;
	padding: 15px 20px;
	border-radius: 12px;
	min-width: 100px;
}

.mcl-onboarding-feature-item i {
	font-size: 1.5em;
	color: #0073aa;
}

.mcl-onboarding-feature-item span {
	font-size: 0.85em;
	color: #374151;
	font-weight: 500;
}

.mcl-onboarding-tip {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	padding: 15px;
	border-radius: 12px;
	text-align: left;
}

.mcl-onboarding-tip i {
	color: #059669;
	font-size: 1.2em;
	margin-top: 2px;
}

.mcl-onboarding-tip span {
	color: #065f46;
	font-size: 0.95em;
	line-height: 1.5;
}

.mcl-onboarding-badges-demo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	text-align: left;
}

.mcl-demo-badge {
	padding: 12px 15px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.mcl-demo-badge i {
	margin-right: 6px;
}

.mcl-demo-badge small {
	font-size: 0.8em;
	opacity: 0.8;
	margin-left: 0px;
}

.mcl-demo-badge.hot { background: #fef2f2; color: #dc2626; }
.mcl-demo-badge.high-value { background: #ecfdf5; color: #059669; }
.mcl-demo-badge.new-entrant { background: #eff6ff; color: #2563eb; }
.mcl-demo-badge.at-risk { background: #fff7ed; color: #ea580c; }

.mcl-onboarding-status-flow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	padding: 15px;
	background: #f8fafc;
	border-radius: 12px;
}

.mcl-onboarding-status-flow .status-step {
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 0.85em;
	font-weight: 600;
}

.mcl-onboarding-status-flow .status-step.new { background: #e0e7ff; color: #4338ca; }
.mcl-onboarding-status-flow .status-step.contacted { background: #dbeafe; color: #1d4ed8; }
.mcl-onboarding-status-flow .status-step.qualified { background: #fef3c7; color: #b45309; }
.mcl-onboarding-status-flow .status-step.converted { background: #d1fae5; color: #059669; }

.mcl-onboarding-status-flow i {
	color: #9ca3af;
	font-size: 0.8em;
}

.mcl-onboarding-map-preview {
	position: relative;
	height: 120px;
	background: linear-gradient(135deg, #e0f2fe, #bae6fd);
	border-radius: 12px;
	overflow: hidden;
}

.mcl-map-preview-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	background: #0073aa;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.2em;
	box-shadow: 0 0 0 15px rgba(0,115,170,0.1), 0 0 0 30px rgba(0,115,170,0.05);
}

.mcl-map-preview-dots {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mcl-map-preview-dots .dot {
	position: absolute;
	width: 12px;
	height: 12px;
	background: #f59e0b;
	border-radius: 50%;
	border: 2px solid #fff;
	animation: dotPulse 2s infinite;
}

.mcl-map-preview-dots .d1 { top: 25%; left: 20%; animation-delay: 0s; }
.mcl-map-preview-dots .d2 { top: 40%; left: 75%; animation-delay: 0.3s; background: #10b981; }
.mcl-map-preview-dots .d3 { top: 70%; left: 30%; animation-delay: 0.6s; background: #ef4444; }
.mcl-map-preview-dots .d4 { top: 20%; left: 65%; animation-delay: 0.9s; }
.mcl-map-preview-dots .d5 { top: 65%; left: 70%; animation-delay: 1.2s; background: #10b981; }

@keyframes dotPulse {
	0%, 100% { transform: scale(1); opacity: 1; }
	50% { transform: scale(1.2); opacity: 0.8; }
}

.mcl-onboarding-call-features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.call-feature {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #f8fafc;
	padding: 12px 15px;
	border-radius: 10px;
}

.call-feature i {
	color: #0073aa;
	font-size: 1.1em;
}

.call-feature span {
	font-size: 0.9em;
	color: #374151;
	font-weight: 500;
}

.mcl-onboarding-settings-preview {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.settings-item {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #f8fafc;
	padding: 12px 15px;
	border-radius: 10px;
	font-size: 0.9em;
	color: #374151;
}

.settings-item i {
	color: #6b7280;
}

.mcl-onboarding-cta-buttons {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}

.mcl-onboarding-cta-buttons .mcl-btn {
	padding: 12px 24px;
	font-size: 1em;
}

.mcl-onboarding-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 30px 25px;
	border-top: 1px solid #e5e7eb;
}

.mcl-onboarding-nav-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	background: none;
	border: none;
	color: #0073aa;
	font-size: 0.95em;
	font-weight: 600;
	cursor: pointer;
	padding: 10px 15px;
	border-radius: 8px;
	transition: all 0.2s;
}

.mcl-onboarding-nav-btn:hover {
	background: #f0f9ff;
}

.mcl-onboarding-nav-btn.next {
	background: #0073aa;
	color: #fff;
}

.mcl-onboarding-nav-btn.next:hover {
	background: #005a87;
}

.mcl-onboarding-dots {
	display: flex;
	gap: 8px;
}

.mcl-onboarding-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #d1d5db;
	cursor: pointer;
	transition: all 0.3s;
}

.mcl-onboarding-dot.active {
	background: #0073aa;
	transform: scale(1.2);
}

.mcl-onboarding-dot:hover {
	background: #9ca3af;
}

@media (max-width: 600px) {
	.mcl-onboarding-container {
		width: 95%;
		max-height: 95vh;
	}

	.mcl-onboarding-slides {
		padding: 15px 20px 25px;
		min-height: 350px;
	}

	.mcl-onboarding-slide h2 {
		font-size: 1.3em;
	}

	.mcl-onboarding-badges-demo,
	.mcl-onboarding-call-features,
	.mcl-onboarding-settings-preview {
		grid-template-columns: 1fr;
	}

	.mcl-onboarding-status-flow {
		flex-direction: column;
		gap: 8px;
	}

	.mcl-onboarding-status-flow i {
		transform: rotate(90deg);
	}
}

/* ---- Greeting ---- */
.dap-greeting {
	background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0d4f4f 100%);
	border-radius: 14px;
	padding: 24px 28px;
	color: #fff;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.dap-greeting::after {
	content: '';
	position: absolute;
	top: -60%;
	right: -5%;
	width: 260px;
	height: 260px;
	background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
.dap-greeting h2 {
	font-size: 1.5em;
	font-weight: 700;
	margin: 0 0 2px 0;
	color: #fff !important;
}
.dap-greeting .dap-date {
	opacity: 0.65;
	font-size: 0.9em;
	margin-bottom: 12px;
}
.dap-greeting .dap-kpis {
	display: flex;
	gap: 28px;
	flex-wrap: wrap;
}
.dap-greeting .dap-kpi {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 6px;
	transition: background 0.15s;
}
.dap-greeting .dap-kpi:hover {
	background: rgba(255,255,255,0.12);
}
.dap-greeting .dap-kpi .num {
	font-weight: 700;
	font-size: 1.2em;
	color: #5eead4;
}
.dap-greeting .dap-streak {
	position: absolute;
	top: 20px;
	right: 24px;
	text-align: center;
	z-index: 1;
}
.dap-greeting .dap-streak .streak-num {
	font-size: 2em;
	font-weight: 800;
	line-height: 1;
	color: #fbbf24;
}
.dap-greeting .dap-streak .streak-label {
	font-size: 0.7em;
	opacity: 0.7;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* ---- Opportunity Radar ---- */
.dap-radar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
	gap: 10px;
	margin-bottom: 20px;
}
.dap-radar-card {
	background: #fff;
	border-radius: 10px;
	padding: 16px 14px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.05);
	border-left: 4px solid #e2e8f0;
	transition: all 0.2s;
	cursor: pointer;
	text-decoration: none !important;
	color: inherit !important;
}
.dap-radar-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.dap-radar-card .radar-icon { font-size: 1.3em; margin-bottom: 6px; }
.dap-radar-card .radar-count { font-size: 1.7em; font-weight: 800; line-height: 1.1; }
.dap-radar-card .radar-label { font-size: 0.78em; color: #64748b; line-height: 1.3; margin-top: 2px; }
.dap-radar-card.r-hot    { border-left-color: #dc2626; }
.dap-radar-card.r-hot .radar-count { color: #dc2626; }
.dap-radar-card.r-new    { border-left-color: #2563eb; }
.dap-radar-card.r-new .radar-count { color: #2563eb; }
.dap-radar-card.r-value  { border-left-color: #16a34a; }
.dap-radar-card.r-value .radar-count { color: #16a34a; }
.dap-radar-card.r-hazmat { border-left-color: #a21caf; }
.dap-radar-card.r-hazmat .radar-count { color: #a21caf; }
.dap-radar-card.r-risk   { border-left-color: #ea580c; }
.dap-radar-card.r-risk .radar-count { color: #ea580c; }
.dap-radar-card.r-locked {
	border-left-color: #cbd5e1;
	opacity: 0.6;
	cursor: default;
}
.dap-radar-card.r-locked .radar-count { color: #94a3b8; }
.dap-radar-card.r-locked .radar-lock { font-size: 0.7em; color: #94a3b8; margin-top: 4px; }

/* ---- Daily Queue ---- */
.dap-queue {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	margin-bottom: 20px;
	overflow: visible;
}
.dap-queue-header {
	background: linear-gradient(90deg, #dc2626 0%, #b91c1c 100%);
	color: #fff;
	padding: 16px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 12px 12px 0 0;
}
.dap-queue-header h3 {
	margin: 0;
	font-size: 1.1em;
	font-weight: 700;
	color: #fff !important;
}
.dap-queue-header .sub { font-size: 0.82em; opacity: 0.85; margin-top: 2px; }
.dap-progress-dots { display: flex; gap: 5px; align-items: center; }
.dap-progress-dot {
	width: 11px; height: 11px;
	border-radius: 50%;
	background: rgba(255,255,255,0.3);
	transition: all 0.3s;
}
.dap-progress-dot.done { background: #86efac; box-shadow: 0 0 6px rgba(134,239,172,0.5); }
.dap-queue-explainer {
	background: #f0f9ff;
	border: 1px solid #bae6fd;
	border-radius: 6px;
	padding: 10px 16px;
	margin: 12px 18px;
	font-size: 0.8em;
	color: #0c4a6e;
	line-height: 1.5;
}
.dap-queue-explainer strong { color: #0369a1; }

/* ---- Contact Card ---- */
.dap-contact {
	display: grid;
	grid-template-columns: 42px 1fr auto;
	gap: 14px;
	padding: 16px 20px;
	border-bottom: 1px solid #f1f5f9;
	align-items: start;
	transition: background 0.15s, opacity 0.3s;
	position: relative;
	z-index: 1;
}
.dap-contact.dap-menu-active { z-index: 100; }
.dap-contact:last-child { border-bottom: none; }
.dap-contact:hover { background: #fafbfd; }
.dap-contact.is-done { opacity: 0.4; background: #f0fdf4; }
.dap-contact.is-done .dap-rank { background: #22c55e; color: #fff; }

/* Status-updated state: lead status changed from detail panel */
.dap-contact.is-status-updated { background: #f0fdf4; border-left: 3px solid #22c55e; }
.dap-contact.is-status-updated .dap-rank { background: #22c55e; color: #fff; }
.dap-contact.is-status-updated .dap-info h4 { text-decoration: line-through; text-decoration-color: #94a3b8; }
.dap-status-badge {
	display: inline-block;
	font-size: 0.72em;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 10px;
	margin-left: 8px;
	vertical-align: middle;
	text-decoration: none !important;
	animation: dapBadgePop 0.3s ease-out;
}
.dap-status-badge.s-converted      { background: #dcfce7; color: #16a34a; }
.dap-status-badge.s-not-interested  { background: #fff7ed; color: #c2410c; }
.dap-status-badge.s-disqualified    { background: #fef2f2; color: #dc2626; }
.dap-status-badge.s-qualified       { background: #ecfdf5; color: #065f46; }
.dap-status-badge.s-connected       { background: #eff6ff; color: #2563eb; }
.dap-status-badge.s-attempted       { background: #fffbeb; color: #92400e; }
.dap-status-badge.s-voicemail       { background: #f5f3ff; color: #7c3aed; }
.dap-status-badge.s-archived        { background: #f8fafc; color: #64748b; }
@keyframes dapBadgePop {
	0%   { transform: scale(0.7); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}

.dap-rank {
	width: 36px; height: 36px;
	border-radius: 9px;
	background: #f1f5f9;
	color: #64748b;
	font-weight: 800;
	font-size: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s;
	user-select: none;
	flex-shrink: 0;
	margin-top: 2px;
}
.dap-rank:hover { background: #22c55e; color: #fff; transform: scale(1.05); }
.dap-rank.checked { background: #22c55e; color: #fff; }
.dap-rank.checked::after { content: '\2713'; }

.dap-info h4 {
	margin: 0 0 3px 0;
	font-size: 1em;
	font-weight: 600;
	color: #0f172a;
}
.dap-info h4 a { color: inherit; text-decoration: none; }
.dap-info h4 a:hover { color: #0073aa; }
.dap-meta {
	font-size: 0.82em;
	color: #64748b;
	margin-bottom: 6px;
	line-height: 1.6;
}
.dap-meta span { margin-right: 12px; white-space: nowrap; }
.dap-tags { display: flex; gap: 5px; flex-wrap: wrap; }
.dap-tag {
	font-size: 0.72em;
	font-weight: 600;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
}
.t-hot      { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.t-new      { background: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe; }
.t-value    { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.t-hazmat   { background: #fdf4ff; color: #a21caf; border: 1px solid #f0abfc; }
.t-risk     { background: #fff7ed; color: #c2410c; border: 1px solid #fed7aa; }
.t-fleet    { background: #f8fafc; color: #475569; border: 1px solid #e2e8f0; }
.t-review   { background: #fffbeb; color: #92400e; border: 1px solid #fde68a; }
.t-quality  { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }

/* ---- Action Buttons ---- */
.dap-actions { display: flex; gap: 5px; flex-shrink: 0; align-items: flex-start; padding-top: 2px; }
.dap-act {
	width: 34px; height: 34px;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #64748b;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 0.85em;
	transition: all 0.15s;
	text-decoration: none !important;
	position: relative;
}
.dap-act:hover { border-color: #94a3b8; color: #1e293b; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
.dap-act.a-call:hover   { color: #16a34a; border-color: #86efac; background: #f0fdf4; }
.dap-act.a-email:hover  { color: #2563eb; border-color: #93c5fd; background: #eff6ff; }
.dap-act.a-card:hover   { color: #0073aa; border-color: #7dd3fc; background: #f0f9ff; }
.dap-act.a-safer:hover  { color: #d97706; border-color: #fcd34d; background: #fffbeb; }
.dap-act.a-detail:hover { color: #7c3aed; border-color: #c4b5fd; background: #f5f3ff; }
.dap-act.a-skip:hover   { color: #94a3b8; border-color: #cbd5e1; background: #f8fafc; }
.dap-act .dap-reminder-badge {
	position: absolute;
	top: -5px;
	right: -5px;
	background: #ef4444;
	color: #fff;
	font-size: 0.6em;
	font-weight: 700;
	min-width: 15px;
	height: 15px;
	padding: 0 4px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	pointer-events: none;
}
.dap-act .tip {
	display: none;
	position: absolute;
	bottom: calc(100% + 5px);
	left: 50%;
	transform: translateX(-50%);
	background: #1e293b;
	color: #fff;
	font-size: 0.75em;
	padding: 3px 7px;
	border-radius: 4px;
	white-space: nowrap;
	pointer-events: none;
	font-weight: 500;
	z-index: 10;
}
.dap-act:hover .tip { display: block; }

/* ---- DAP Call & Email Dropdown Menus ---- */
.dap-call-dropdown, .dap-email-dropdown { position: relative; display: inline-block; }
.dap-call-menu, .dap-email-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 100%;
	top: auto;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 100;
	min-width: 210px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.dap-call-menu a, .dap-email-menu a {
	display: block;
	padding: 10px 15px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	font-size: 0.88em;
	white-space: nowrap;
	transition: background 0.1s;
}
.dap-call-menu a:last-child, .dap-email-menu a:last-child { border-bottom: none; }
.dap-call-menu a:hover, .dap-email-menu a:hover { background: #f8fafc; }
.dap-call-menu a i, .dap-email-menu a i { width: 20px; color: #666; margin-right: 4px; }
.dap-call-menu a.dap-menu-upsell, .dap-email-menu a.dap-menu-upsell { color: #94a3b8; }
.dap-call-menu a.dap-menu-upsell i, .dap-email-menu a.dap-menu-upsell i { color: #94a3b8; }

/* Mobile bottom sheet for DAP menus */
@media (max-width: 767px) {
	.dap-call-menu, .dap-email-menu {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		top: auto !important;
		min-width: auto !important;
		width: 100% !important;
		max-height: 70vh;
		border-radius: 16px 16px 0 0 !important;
		box-shadow: 0 -4px 20px rgba(0,0,0,0.15) !important;
		z-index: 999999 !important;
		padding-bottom: env(safe-area-inset-bottom, 10px);
	}
	.dap-call-menu.dap-menu-visible, .dap-email-menu.dap-menu-visible {
		animation: dapMenuSlideUp 0.25s ease-out forwards;
	}
	.dap-call-menu::before, .dap-email-menu::before {
		content: '';
		display: block;
		width: 36px;
		height: 4px;
		background: #d1d5db;
		border-radius: 2px;
		margin: 10px auto 5px;
	}
	.dap-call-menu a, .dap-email-menu a {
		padding: 14px 20px !important;
		font-size: 1em !important;
	}
	.dap-call-menu a i, .dap-email-menu a i {
		width: 24px !important;
		font-size: 1.1em;
	}
}
@keyframes dapMenuSlideUp {
	from { transform: translate3d(0, 100%, 0); opacity: 0; }
	to   { transform: translate3d(0, 0, 0); opacity: 1; }
}
.dap-menu-overlay {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.3);
	z-index: 999998;
}

/* ---- Two Column Layout ---- */
.dap-cols {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 20px;
	margin-bottom: 20px;
}
@media (max-width: 900px) { .dap-cols { grid-template-columns: 1fr; } }

/* ---- Reminders Sidebar ---- */
.dap-rem-item {
	display: flex;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 0.85em;
	align-items: flex-start;
}
.dap-rem-item:last-child { border-bottom: none; }
.dap-rem-icon {
	width: 28px; height: 28px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8em;
	flex-shrink: 0;
	margin-top: 2px;
}
.dap-rem-icon.call    { background: #dcfce7; color: #16a34a; }
.dap-rem-icon.email   { background: #dbeafe; color: #2563eb; }
.dap-rem-icon.dropin  { background: #fef3c7; color: #d97706; }
.dap-rem-icon.followup { background: #f3e8ff; color: #7c3aed; }
.dap-rem-company { font-weight: 600; color: #334155; }
.dap-rem-time { font-size: 0.85em; color: #94a3b8; }
.dap-rem-time.overdue { color: #dc2626; font-weight: 600; }

/* ---- Activity Feed ---- */
.dap-activity-item {
	display: flex;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 0.85em;
}
.dap-activity-item:last-child { border-bottom: none; }
.dap-activity-dot {
	width: 7px; height: 7px;
	border-radius: 50%;
	background: #94a3b8;
	margin-top: 6px;
	flex-shrink: 0;
}
.dap-activity-dot.a-note   { background: #3b82f6; }
.dap-activity-dot.a-status { background: #22c55e; }
.dap-activity-dot.a-call   { background: #f59e0b; }

/* ---- Pipeline Summary (Engage+) ---- */
.dap-pipeline-row {
	display: flex;
	height: 8px;
	border-radius: 4px;
	overflow: hidden;
	margin: 10px 0 8px 0;
	background: #f1f5f9;
}
.dap-pipeline-row div, .dap-pipeline-row a { transition: width 0.5s; }
.dap-pipeline-row a { cursor: pointer; text-decoration: none; }
.dap-pipeline-row a:hover { opacity: 0.8; }
.dap-pipeline-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 0.78em;
	color: #64748b;
}
.dap-pipeline-legend span {
	display: flex;
	align-items: center;
	gap: 4px;
}
.dap-pipeline-legend .dap-pipeline-link {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #64748b;
	text-decoration: none;
	padding: 2px 6px;
	border-radius: 4px;
	transition: all 0.15s;
}
.dap-pipeline-legend .dap-pipeline-link:hover {
	background: #f1f5f9;
	color: #1e293b;
}
.dap-pipeline-legend .dot {
	width: 7px; height: 7px;
	border-radius: 2px;
	flex-shrink: 0;
}

/* ---- Upsell Teaser ---- */
.dap-upsell {
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	border: 2px dashed #cbd5e1;
}
.dap-upsell h4 { margin: 0 0 6px 0; color: #334155; font-size: 1em; }
.dap-upsell p { margin: 0 0 12px 0; color: #64748b; font-size: 0.88em; }

/* ---- Empty State ---- */
.dap-empty {
	text-align: center;
	padding: 30px 20px;
	color: #94a3b8;
}
.dap-empty .empty-icon {
	font-size: 2em;
	margin-bottom: 8px;
	opacity: 0.4;
}

/* ---- Animation ---- */
@keyframes dapFadeIn {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}
.dap-anim { animation: dapFadeIn 0.35s ease-out both; }
.dap-anim:nth-child(2) { animation-delay: 0.04s; }
.dap-anim:nth-child(3) { animation-delay: 0.08s; }
.dap-anim:nth-child(4) { animation-delay: 0.12s; }
.dap-anim:nth-child(5) { animation-delay: 0.16s; }

/* ---- Change Signals Widget ---- */
.dap-signals {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	margin-bottom: 20px;
	overflow: hidden;
}
.dap-signals-header {
	background: linear-gradient(90deg, #1e3a5f 0%, #0f172a 100%);
	color: #fff;
	padding: 14px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dap-signals-header h3 {
	margin: 0;
	font-size: 1.05em;
	font-weight: 700;
	color: #fff !important;
}
.dap-signals-header .sub {
	font-size: 0.8em;
	opacity: 0.75;
	margin-top: 2px;
}
.dap-signals-badges {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}
.dap-signals-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 0.75em;
	font-weight: 600;
	background: rgba(255,255,255,0.15);
	color: #fff;
	white-space: nowrap;
}
.dap-signals-badge .badge-count {
	background: rgba(255,255,255,0.25);
	padding: 0 6px;
	border-radius: 8px;
	font-weight: 700;
}

/* Signal type summary pills — clickable into pipeline */
.dap-signals-pills {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	padding: 12px 20px;
	border-bottom: 1px solid #f1f5f9;
	background: #fafbfd;
}
a.dap-signal-pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 0.8em;
	font-weight: 600;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #334155;
	cursor: pointer;
	transition: all 0.15s;
	text-decoration: none !important;
}
a.dap-signal-pill:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	border-color: #cbd5e1;
}
a.dap-signal-pill:active {
	transform: translateY(0);
}
a.dap-signal-pill .pill-icon {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7em;
	color: #fff;
	flex-shrink: 0;
}
a.dap-signal-pill .pill-count {
	font-weight: 800;
}
a.dap-signal-pill .pill-arrow {
	font-size: 0.7em;
	color: #94a3b8;
	margin-left: 2px;
	transition: transform 0.15s;
}
a.dap-signal-pill:hover .pill-arrow {
	transform: translateX(2px);
	color: #0073aa;
}

/* Individual signal items */
.dap-signal-item {
	display: grid;
	grid-template-columns: 36px 1fr auto auto;
	gap: 12px;
	padding: 12px 20px;
	border-bottom: 1px solid #f1f5f9;
	align-items: center;
	transition: background 0.12s;
}
.dap-signal-item:last-child { border-bottom: none; }
.dap-signal-item:hover { background: #fafbfd; }

/* Signal action buttons — mirrors DAP contact card actions */
.dap-signal-actions {
	display: flex;
	gap: 4px;
	flex-shrink: 0;
	align-items: center;
}
.dap-signal-actions .dap-act {
	width: 30px;
	height: 30px;
	border-radius: 7px;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #64748b;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 0.78em;
	transition: all 0.15s;
	text-decoration: none !important;
	position: relative;
}
.dap-signal-actions .dap-act:hover {
	border-color: #94a3b8;
	color: #1e293b;
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.dap-signal-actions .dap-act.a-call:hover  { color: #16a34a; border-color: #86efac; background: #f0fdf4; }
.dap-signal-actions .dap-act.a-email:hover { color: #2563eb; border-color: #93c5fd; background: #eff6ff; }
.dap-signal-actions .dap-act.a-card:hover  { color: #0073aa; border-color: #7dd3fc; background: #f0f9ff; }
.dap-signal-actions .dap-act.a-safer:hover { color: #d97706; border-color: #fcd34d; background: #fffbeb; }
.dap-signal-actions .dap-act.a-detail:hover { color: #7c3aed; border-color: #c4b5fd; background: #f5f3ff; }
.dap-signal-actions .dap-act .tip {
	display: none;
	position: absolute;
	bottom: calc(100% + 5px);
	left: 50%;
	transform: translateX(-50%);
	background: #1e293b;
	color: #fff;
	font-size: 0.72em;
	padding: 2px 6px;
	border-radius: 4px;
	white-space: nowrap;
	pointer-events: none;
	font-weight: 500;
	z-index: 10;
}
.dap-signal-actions .dap-act:hover .tip { display: block; }
.dap-signal-actions .dap-call-dropdown,
.dap-signal-actions .dap-email-dropdown { position: relative; display: inline-block; }
.dap-signal-actions .dap-call-menu,
.dap-signal-actions .dap-email-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 100%;
	top: auto;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 100;
	min-width: 210px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.dap-signal-actions .dap-call-menu a,
.dap-signal-actions .dap-email-menu a {
	display: block;
	padding: 10px 15px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	font-size: 0.88em;
	white-space: nowrap;
	transition: background 0.1s;
}
.dap-signal-actions .dap-call-menu a:last-child,
.dap-signal-actions .dap-email-menu a:last-child { border-bottom: none; }
.dap-signal-actions .dap-call-menu a:hover,
.dap-signal-actions .dap-email-menu a:hover { background: #f8fafc; }
.dap-signal-actions .dap-call-menu a i,
.dap-signal-actions .dap-email-menu a i { width: 20px; color: #666; margin-right: 4px; }
.dap-signal-item.dap-menu-active { z-index: 100; position: relative; }
.dap-signal-icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9em;
	color: #fff;
	flex-shrink: 0;
}
.dap-signal-content { min-width: 0; }
.dap-signal-company {
	font-weight: 600;
	color: #1e293b;
	font-size: 0.92em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dap-signal-company a { color: #1e293b; text-decoration: none; }
.dap-signal-company a:hover { color: #0073aa; text-decoration: underline; }
.dap-signal-detail {
	font-size: 0.82em;
	color: #64748b;
	margin-top: 1px;
	line-height: 1.3;
}
a.signal-label-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
	padding: 1px 7px;
	border-radius: 4px;
	font-size: 0.9em;
	margin-right: 4px;
	text-decoration: none !important;
	transition: all 0.12s;
}
a.signal-label-link:hover {
	filter: brightness(0.9);
	box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}
.dap-signal-meta {
	text-align: right;
	font-size: 0.78em;
	color: #94a3b8;
	white-space: nowrap;
}
.dap-signal-meta .signal-priority {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 0.85em;
	margin-bottom: 2px;
}
.dap-signal-meta .signal-priority.critical { background: #fef2f2; color: #dc2626; }
.dap-signal-meta .signal-priority.high { background: #fff7ed; color: #ea580c; }
.dap-signal-meta .signal-priority.normal { background: #f0f9ff; color: #0284c7; }
.dap-signals-toggle {
	text-align: center;
	padding: 10px;
	border-top: 1px solid #f1f5f9;
}
.dap-signals-toggle button {
	background: none;
	border: none;
	color: #0073aa;
	font-size: 0.85em;
	cursor: pointer;
	padding: 4px 12px;
	border-radius: 6px;
	transition: background 0.12s;
}
.dap-signals-toggle button:hover { background: #f0f9ff; }
.dap-signals-empty {
	text-align: center;
	padding: 30px 20px;
	color: #94a3b8;
}
.dap-signals-empty .empty-icon { font-size: 2.2em; margin-bottom: 8px; opacity: 0.4; }
.dap-signals-empty p { margin: 4px 0; font-size: 0.9em; }
@media (max-width: 640px) {
	.dap-signals-pills { padding: 10px 14px; }
	.dap-signal-item {
		grid-template-columns: 30px 1fr;
		gap: 10px;
		padding: 10px 14px;
	}
	.dap-signal-actions {
		grid-column: 1 / -1;
		justify-content: flex-start;
		gap: 6px;
		padding-top: 4px;
	}
	.dap-signal-meta {
		grid-column: 2;
		text-align: left;
		margin-top: -4px;
	}
}

/* Trial Preview Overlay */
.mcl-trial-preview-blur {
	filter: blur(3px);
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}

.mcl-trial-lock-overlay {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.35);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.mcl-trial-lock-card {
	background: #fff;
	border-radius: 16px;
	padding: 36px 32px;
	max-width: 400px;
	width: 90%;
	box-shadow: 0 20px 60px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.04);
	text-align: center;
	animation: mclTrialCardIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes mclTrialCardIn {
	from { opacity: 0; transform: translateY(20px) scale(0.96); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}

.mcl-trial-lock-icon {
	width: 64px; height: 64px;
	border-radius: 50%;
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	display: flex; align-items: center; justify-content: center;
	margin: 0 auto 18px;
	box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
}
.mcl-trial-lock-icon i {
	font-size: 24px; color: #fff;
}

.mcl-trial-lock-card h3 {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
	color: #0f172a;
}
.mcl-trial-lock-card p {
	margin: 0 0 22px;
	font-size: 14px;
	color: #64748b;
	line-height: 1.55;
}

.mcl-trial-features-list {
	text-align: left;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}
.mcl-trial-features-list li {
	padding: 7px 0;
	font-size: 13px;
	color: #334155;
	display: flex;
	align-items: center;
	gap: 10px;
}
.mcl-trial-features-list li i {
	color: #059669;
	font-size: 12px;
	width: 18px;
	text-align: center;
	flex-shrink: 0;
}
.mcl-trial-features-list li {
	transition: opacity 0.2s, color 0.2s;
}

.mcl-trial-upgrade-btn {
	display: block;
	width: 100%;
	padding: 14px 20px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, #3b82f6, #2563eb);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s;
	box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
}
.mcl-trial-upgrade-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45);
}

.mcl-trial-plan-pills {
	display: flex; gap: 8px;
	margin-bottom: 18px;
}
.mcl-trial-plan-pill {
	flex: 1;
	padding: 12px 8px;
	border-radius: 10px;
	border: 2px solid #e2e8f0;
	background: #fff;
	cursor: pointer;
	transition: all 0.2s;
	text-align: center;
}
.mcl-trial-plan-pill.selected {
	border-color: #3b82f6;
	background: #eff6ff;
}
.mcl-trial-plan-pill:hover {
	border-color: #93c5fd;
}
.mcl-trial-plan-pill .pill-name {
	font-size: 13px; font-weight: 700; color: #1e293b;
}
.mcl-trial-plan-pill .pill-price {
	font-size: 11px; color: #64748b; margin-top: 2px;
}
.mcl-trial-plan-pill.selected .pill-name { color: #2563eb; }

.mcl-trial-dismiss-link {
	display: block;
	margin-top: 12px;
	font-size: 12px;
	color: #94a3b8;
	cursor: pointer;
	transition: color 0.15s;
}
.mcl-trial-dismiss-link:hover {
	color: #64748b;
}

/* Make the body area relative for overlay positioning */
#mcl-lead-detail-panel.trial-mode #mcl-ldp-body {
	position: relative;
}

/*  Lead Detail Panel Styles  */
#mcl-lead-detail-panel.active { right: 0 !important; }
#mcl-lead-detail-overlay.active { display: block !important; }

.mcl-ldp-accent { height: 4px; background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4); }

.mcl-ldp-badge {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 3px 10px; border-radius: 20px; font-size: 11px;
	font-weight: 600; letter-spacing: 0.02em; white-space: nowrap;
}

.mcl-ldp-stat-grid {
	display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px;
	margin-top: 16px; padding-top: 14px; border-top: 1px solid #f1f5f9;
}
.mcl-ldp-stat { text-align: center; }
.mcl-ldp-stat-value { font-size: 22px; font-weight: 700; color: #0f172a; line-height: 1.1; }
.mcl-ldp-stat-label {
	font-size: 10px; color: #94a3b8; font-weight: 600; margin-top: 3px;
	text-transform: uppercase; letter-spacing: 0.04em;
}

.mcl-ldp-actions { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.mcl-ldp-action-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 14px; border-radius: 8px; border: none;
	font-size: 13px; font-weight: 600; cursor: pointer;
	transition: all 0.15s; white-space: nowrap;
}
.mcl-ldp-action-btn:hover { filter: brightness(0.95); }

/* Tabs */
.mcl-ldp-tabs {
	display: flex; gap: 2px; background: #f1f5f9; border-radius: 10px;
	padding: 3px; margin-bottom: 14px;
}
.mcl-ldp-tab {
	flex: 1; padding: 9px 6px; border-radius: 8px; border: none;
	background: transparent; cursor: pointer; font-size: 12px;
	font-weight: 500; color: #64748b; transition: all 0.2s; text-align: center;
}
.mcl-ldp-tab.active {
	background: #fff; color: #1e293b; font-weight: 600;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.mcl-ldp-tab:hover, .mcl-ldp-tab.active:hover{ color:white !important; background-color:#4a83cc !important; }

/* Cards */
.mcl-ldp-card {
	background: #fff; border-radius: 12px; padding: 18px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04); margin-bottom: 12px;
}
.mcl-ldp-card-title {
	font-size: 11px; font-weight: 700; color: #94a3b8;
	text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 12px;
}

.mcl-ldp-field-row {
	display: flex; justify-content: space-between; align-items: center;
	padding: 7px 0; border-bottom: 1px solid #f8fafc;
}
.mcl-ldp-field-label { font-size: 13px; color: #64748b; font-weight: 500; }
.mcl-ldp-field-value { font-size: 13px; color: #0f172a; font-weight: 600; text-align: right; }

.mcl-ldp-copy-btn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 24px; height: 24px; border-radius: 6px; border: none;
	background: transparent; cursor: pointer; color: #94a3b8;
	margin-left: 6px; padding: 0; flex-shrink: 0;
	transition: all 0.15s; font-size: 12px; vertical-align: middle;
}
.mcl-ldp-copy-btn:hover { background: #f1f5f9; color: #3b82f6; }
.mcl-ldp-copy-btn.copied { color: #059669; }

/* Pipeline */
.mcl-ldp-pipeline { display: flex; gap: 3px; margin-bottom: 8px; }
.mcl-ldp-pipeline-seg {
	flex: 1; height: 6px; border-radius: 3px; background: #e2e8f0;
	transition: background 0.3s; cursor: pointer;
}
.mcl-ldp-pipeline-btns { display: flex; gap: 4px; flex-wrap: wrap; }
.mcl-ldp-pipeline-btn {
	padding: 4px 10px; border-radius: 6px; border: none;
	font-size: 11px; font-weight: 600; cursor: pointer; transition: all 0.15s;
}

/* Score ring */
.mcl-ldp-score-ring { display: flex; flex-direction: column; align-items: center; }

/* Signal rows */
.mcl-ldp-signal {
	display: flex; align-items: flex-start; gap: 10px;
	padding: 7px 0; border-bottom: 1px solid #f8fafc;
}
.mcl-ldp-signal-icon {
	width: 22px; height: 22px; border-radius: 6px;
	display: flex; align-items: center; justify-content: center;
	font-size: 12px; font-weight: 700; flex-shrink: 0;
}

/* Fleet bar */
.mcl-ldp-fleet-bar { margin-bottom: 10px; }
.mcl-ldp-fleet-bar-track {
	display: flex; height: 8px; border-radius: 4px;
	overflow: hidden; background: #f1f5f9;
}

/* Notes */
.mcl-ldp-note-input {
	width: 100%; padding: 10px 12px; border-radius: 8px;
	border: 1px solid #e2e8f0; font-size: 13px; resize: vertical;
	min-height: 60px; font-family: inherit; outline: none;
	transition: border 0.15s; box-sizing: border-box;
}
.mcl-ldp-note-input:focus { border-color: #3b82f6; }

.mcl-ldp-timeline-item {
	display: flex; gap: 12px; padding: 12px 0;
	border-bottom: 1px solid #f1f5f9;
}
.mcl-ldp-timeline-icon {
	width: 30px; height: 30px; border-radius: 8px;
	display: flex; align-items: center; justify-content: center;
	font-size: 13px; flex-shrink: 0;
}

/* Table */
.mcl-ldp-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.mcl-ldp-table th {
	padding: 8px 6px; text-align: center; color: #94a3b8;
	font-weight: 600; font-size: 10px; text-transform: uppercase;
	border-bottom: 2px solid #e2e8f0;
}
.mcl-ldp-table th:first-child { text-align: left; }
.mcl-ldp-table td {
	padding: 7px 6px; text-align: center; border-bottom: 1px solid #f8fafc;
}
.mcl-ldp-table td:first-child { text-align: left; color: #334155; font-weight: 500; }

/* Grid */
.mcl-ldp-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mcl-ldp-grid-span-2 { grid-column: span 2; }

/* Revenue callout */
.mcl-ldp-revenue {
	padding: 14px; border-radius: 10px; border: 1px dashed #bfdbfe;
	background: linear-gradient(135deg, #eff6ff, #f0fdf4); margin-top: 12px;
}

/* Close button */
.mcl-ldp-close {
	position: absolute; top: 12px; right: 14px; width: 32px; height: 32px;
	border-radius: 8px; border: none; background: #f1f5f9; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	font-size: 14px; color: #64748b; transition: all 0.15s; z-index: 10;
}
.mcl-ldp-close:hover { background: #e2e8f0; color: #334155; }

/* Responsive */
@media (max-width: 720px) {
	#mcl-lead-detail-panel { width: 100vw !important; }
	.mcl-ldp-stat-grid { grid-template-columns: repeat(3, 1fr); }
	.mcl-ldp-grid-2 { grid-template-columns: 1fr; }
	.mcl-ldp-grid-span-2 { grid-column: span 1; }
}

/* Cargo tag */
.mcl-ldp-cargo-tag {
	display: inline-block; padding: 5px 12px; border-radius: 8px;
	font-size: 12px; font-weight: 600; background: #f1f5f9;
	color: #475569; margin: 0 6px 6px 0;
}

/* Delta indicators */
.mcl-ldp-delta-up { color: #059669; font-size: 10px; font-weight: 700; }
.mcl-ldp-delta-down { color: #dc2626; font-size: 10px; font-weight: 700; }

/* Compliance tile */
.mcl-ldp-compliance-tile {
	padding: 10px; background: #f8fafc; border-radius: 8px;
}
.mcl-ldp-compliance-tile.warn { background: #fffbeb; }
.mcl-ldp-compliance-tile .label {
	font-size: 10px; color: #94a3b8; font-weight: 500; margin-bottom: 2px;
}
.mcl-ldp-compliance-tile .value {
	font-size: 14px; font-weight: 600; color: #1e293b;
}
.mcl-ldp-compliance-tile.warn .value { color: #d97706; }

/* Meta footer */
.mcl-ldp-meta {
	display: flex; justify-content: center; gap: 20px; padding: 14px;
	font-size: 11px; color: #94a3b8;
}

.mcl-rate-sheet-list { display:flex; flex-direction:column; gap:10px; }
.mcl-rate-sheet-card { display:flex; align-items:center; padding:15px; background:#f8f9fa; border-radius:10px; gap:15px; border:2px solid transparent; transition:all 0.2s; }
.mcl-rate-sheet-card.active { background:#f0f7ff; border-color:#0073aa; }
.mcl-rate-sheet-card:hover { background:#f0f4f8; }
.mcl-rate-sheet-icon { width:50px; height:50px; background:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#dc3545; font-size:1.5em; box-shadow:0 2px 8px rgba(0,0,0,0.08); }
.mcl-rate-sheet-info { flex:1; }
.mcl-rate-sheet-header { display:flex; align-items:center; gap:10px; }
.mcl-rate-sheet-header strong { color:#1e3a5f; }
.mcl-rate-sheet-active-badge { background:#28a745; color:#fff; font-size:0.75em; padding:3px 8px; border-radius:12px; }
.mcl-rate-sheet-meta { font-size:0.85em; color:#666; margin-top:5px; display:flex; gap:15px; }
.mcl-rate-sheet-meta i { margin-right:5px; color:#888; }
.mcl-rate-sheet-actions { display:flex; gap:8px; }
.mcl-upload-zone { border:2px dashed #ccc; border-radius:12px; padding:40px 20px; text-align:center; cursor:pointer; transition:all 0.2s; }
.mcl-upload-zone:hover, .mcl-upload-zone.drag-over { border-color:#0073aa; background:#f0f7ff; }
.mcl-logo-upload-zone { border:2px dashed #ccc; border-radius:8px; padding:15px; text-align:center; cursor:pointer; transition:all 0.2s; }
.mcl-logo-upload-zone:hover { border-color:#0073aa; background:#f0f7ff; }
.mcl-color-input { width:100%; height:40px; padding:5px; border:1px solid #ddd; border-radius:8px; cursor:pointer; }
.mcl-service-row { display:grid; grid-template-columns:2fr 2fr 80px 100px 30px; gap:8px; margin-bottom:8px; align-items:center; }
.mcl-service-row input { padding:8px 10px; border:1px solid #ddd; border-radius:6px; font-size:0.85em; }
.mcl-service-row .remove-btn { background:none; border:none; color:#dc3545; cursor:pointer; padding:5px; }

/* Feature row with icon picker button */
.mcl-feature-row { display:grid; grid-template-columns:50px 1fr 2fr 30px; gap:8px; margin-bottom:8px; align-items:center; background:#f8f9fa; padding:10px; border-radius:8px; }
.mcl-feature-row input { padding:8px 10px; border:1px solid #ddd; border-radius:6px; font-size:0.85em; }
.mcl-feature-row .icon-btn { width:40px; height:40px; border:2px solid #ddd; border-radius:8px; background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1.2em; color:#1e3a5f; transition:all 0.2s; }
.mcl-feature-row .icon-btn:hover { border-color:#0073aa; background:#f0f7ff; }
.mcl-feature-row .remove-btn { background:none; border:none; color:#888; cursor:pointer; padding:5px; }
.mcl-feature-row .remove-btn:hover { color:#dc3545; }

/* Icon picker grid */
.mcl-icon-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; max-height:400px; overflow-y:auto; }
.mcl-icon-option { display:flex; flex-direction:column; align-items:center; padding:12px 8px; border:2px solid #eee; border-radius:8px; cursor:pointer; transition:all 0.2s; }
.mcl-icon-option:hover { border-color:#0073aa; background:#f0f7ff; }
.mcl-icon-option.selected { border-color:#0073aa; background:#e6f3ff; }
.mcl-icon-option i { font-size:1.5em; color:#1e3a5f; margin-bottom:5px; }
.mcl-icon-option span { font-size:0.7em; color:#666; text-align:center; line-height:1.2; }

@media (max-width:900px) {
	#mcl-rate-sheet-creator-modal { width:100% !important; max-width:100% !important; height:100vh !important; max-height:100vh !important; top:0 !important; left:0 !important; transform:none !important; border-radius:0 !important; overflow:hidden !important; }
	#mcl-rate-sheet-creator-modal > h4 { position:sticky; top:0; background:#fff; z-index:10; margin:0; }
	#mcl-rate-sheet-creator-modal > div:last-child { flex-direction:column; height:calc(100vh - 60px) !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; }
	#mcl-rate-sheet-creator-modal > div:last-child > div:first-child { width:100% !important; max-height:none !important; height:auto !important; overflow:visible !important; flex-shrink:0; padding:20px !important; border-right:none !important; border-bottom:1px solid #eee; }
	#mcl-rate-sheet-creator-modal > div:last-child > div:last-child { width:100% !important; height:auto !important; min-height:300px; flex-shrink:0; overflow:visible !important; }
	#rate-sheet-preview-container { padding:10px !important; }
	#rate-sheet-preview-container > div { transform-origin:top left; transform:scale(0.6); width:166.67%; }
	.mcl-service-row { grid-template-columns:1fr 1fr; }
	.mcl-feature-row { grid-template-columns:50px 1fr 30px; }
	.mcl-icon-grid { grid-template-columns:repeat(4, 1fr); }
}
@media (max-width:600px) {
	#rate-sheet-preview-container > div { transform:scale(0.45); width:222%; }
	.mcl-service-row { grid-template-columns:1fr; }
	.mcl-feature-row { grid-template-columns:40px 1fr 30px; }
	.mcl-feature-row .feature-desc { display:none; }
	.mcl-icon-grid { grid-template-columns:repeat(3, 1fr); }
}
@keyframes mcl-spin { to { transform: rotate(360deg); } }
@keyframes mcl-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
#mcl-loader-step { animation: mcl-pulse 2s infinite; }

@media (max-width: 768px) {
	.mcl-plan-comparison {
		flex-direction: column !important;
	}
}

/* --- Enrichment Card --- */
.mcl-ldp-enrichment-card {
    border: 1px solid #fde68a;
    background: linear-gradient(135deg, #fffdf5 0%, #fff 100%);
}
.mcl-ldp-enrichment-cta {
    border: 1px dashed #e2e8f0;
    background: #fafbfc;
}
.mcl-enrich-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
}
.mcl-enrich-badge.fresh {
    background: #ecfdf5;
    color: #059669;
}
.mcl-enrich-badge.stale {
    background: #fffbeb;
    color: #d97706;
}
.mcl-enrich-contact {
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
}
.mcl-enrich-contact:last-child {
    border-bottom: none;
}
.mcl-enrich-contact-name {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 4px;
}
.mcl-enrich-contact-title {
    font-size: 11px;
    font-weight: 400;
    color: #64748b;
    margin-left: 8px;
}
.mcl-enrich-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}
.mcl-enrich-action-link {
    font-size: 11px;
    color: #3b82f6;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.mcl-enrich-action-link:hover {
    text-decoration: underline;
}
.mcl-enrich-source-tag {
    display: inline-block;
    background: #fef3c7;
    color: #d97706;
    font-size: 9px;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 4px;
    margin-left: 4px;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.mcl-enrich-btn {
    transition: all 0.2s;
}
.mcl-enrich-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}
.mcl-enrich-btn:disabled {
    opacity: 0.7;
    cursor: wait;
}
.mcl-enrich-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.15s;
    border: none;
    cursor: pointer;
}
.mcl-enrich-action-btn:hover {
    opacity: 0.8;
    text-decoration: none;
}

/* --- Contact Hub --- */
.mcl-contact-hub {
    padding: 16px !important;
}
.mcl-enrich-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
}
.mcl-enrich-badge.fresh {
    background: #ecfdf5;
    color: #059669;
}
.mcl-enrich-badge.stale {
    background: #fffbeb;
    color: #d97706;
}
.mcl-enrich-contact {
    transition: background 0.15s;
}
.mcl-enrich-contact:hover {
    background: #f1f5f9 !important;
}
.mcl-enrich-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.15s;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}
.mcl-enrich-action-btn:hover {
    opacity: 0.8;
    text-decoration: none;
}
.mcl-enrich-tip-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    margin-bottom: 4px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    color: #475569;
    font-size: 12px;
    transition: background 0.15s;
}
.mcl-enrich-tip-link:hover {
    background: #f8fafc;
    text-decoration: none;
}