/* VEYRA Operations Engine — Luxury Executive Styling */

.veyra-ops-wrap {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	margin: 20px 20px 0 0;
	color: #F8FAFC;
	direction: rtl;
}

.veyra-ops-wrap * {
	box-sizing: border-box;
}

.veyra-ops-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #0F172A;
	padding: 24px 28px;
	border-radius: 16px;
	border: 1px solid #1E293B;
	box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.veyra-ops-header h1 {
	color: #F8FAFC;
	font-size: 22px;
	margin: 0 0 6px 0;
	font-weight: 800;
}

.veyra-ops-sub {
	color: #94A3B8;
	font-size: 13.5px;
	margin: 0;
}

/* KPI Cards Grid */
.veyra-kpi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.veyra-kpi-card {
	background: #0F172A;
	border: 1px solid #1E293B;
	border-radius: 14px;
	padding: 18px 20px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.veyra-kpi-card__label {
	font-size: 12.5px;
	color: #94A3B8;
	font-weight: 600;
}

.veyra-kpi-card__value {
	font-size: 24px;
	color: #F8FAFC;
	font-weight: 800;
}

.veyra-kpi-card--warning {
	border-color: rgba(245, 158, 11, 0.4);
}
.veyra-kpi-card--warning .veyra-kpi-card__value {
	color: #F59E0B;
}

.veyra-kpi-card--success {
	border-color: rgba(16, 185, 129, 0.4);
}
.veyra-kpi-card--success .veyra-kpi-card__value {
	color: #10B981;
}

/* Filter Bar */
.veyra-filter-bar {
	display: flex;
	gap: 12px;
	align-items: center;
}

.veyra-input, .veyra-select {
	background: #1E293B;
	border: 1px solid #334155;
	border-radius: 8px;
	color: #F8FAFC;
	padding: 10px 14px;
	font-size: 13.5px;
	outline: none;
	transition: all 0.2s;
}

.veyra-input:focus, .veyra-select:focus {
	border-color: #E8A33D;
	box-shadow: 0 0 0 2px rgba(232,163,61,0.25);
}

/* Luxury Card & Table */
.veyra-card {
	background: #0F172A;
	border: 1px solid #1E293B;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.veyra-table {
	width: 100%;
	border-collapse: collapse;
	text-align: right;
}

.veyra-table th {
	background: #1E293B;
	color: #94A3B8;
	font-size: 12px;
	font-weight: 700;
	padding: 12px 14px;
	border-bottom: 2px solid #334155;
	text-transform: uppercase;
}

.veyra-table td {
	padding: 14px;
	border-bottom: 1px solid #1E293B;
	font-size: 13px;
	vertical-align: middle;
}

.veyra-table tr:hover td {
	background: rgba(30, 41, 59, 0.5);
}

/* Badges & Pills */
.veyra-badge {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 700;
}
.veyra-badge--gold { background: rgba(232, 163, 61, 0.15); color: #E8A33D; border: 1px solid rgba(232, 163, 61, 0.3); }
.veyra-badge--blue { background: rgba(2, 132, 199, 0.15); color: #38BDF8; border: 1px solid rgba(2, 132, 199, 0.3); }
.veyra-badge--gray { background: #334155; color: #94A3B8; }

.veyra-status-pill {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
}
.veyra-status-pill--success { background: #064E3B; color: #34D399; }
.veyra-status-pill--warning { background: #78350F; color: #FBBF24; }

/* Buttons */
.veyra-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 18px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	border: none;
	transition: all 0.2s ease;
}

.veyra-btn--gold {
	background: #E8A33D;
	color: #0F172A;
}
.veyra-btn--gold:hover {
	background: #F59E0B;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(232,163,61,0.3);
}

.veyra-btn--outline {
	background: transparent;
	border: 1px solid #334155;
	color: #F8FAFC;
}
.veyra-btn--outline:hover {
	border-color: #E8A33D;
	color: #E8A33D;
}

.veyra-btn--ghost {
	background: transparent;
	color: #94A3B8;
}
.veyra-btn--ghost:hover {
	color: #fff;
}

.veyra-btn--sm {
	padding: 5px 10px;
	font-size: 11.5px;
}
.veyra-btn--xs {
	padding: 4px 8px;
	font-size: 11px;
	border-radius: 6px;
}

/* Icon Buttons for WhatsApp */
.veyra-btn-icon {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px 8px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.15s ease;
}
.veyra-btn-icon--green { background: #166534; color: #4ADE80; }
.veyra-btn-icon--green:hover { background: #15803D; color: #fff; }

.veyra-btn-icon--blue { background: #1E3A8A; color: #60A5FA; }
.veyra-btn-icon--blue:hover { background: #1D4ED8; color: #fff; }

.veyra-btn-icon--gold { background: #78350F; color: #FCD34D; }
.veyra-btn-icon--gold:hover { background: #B45309; color: #fff; }

/* Modals */
.veyra-modal-backdrop {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(15, 23, 42, 0.85);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

.veyra-modal {
	background: #0F172A;
	border: 1px solid #334155;
	border-radius: 16px;
	width: 90%;
	max-width: 580px;
	padding: 24px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.5);
	color: #F8FAFC;
	direction: rtl;
}

.veyra-modal__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #1E293B;
}

.veyra-modal__header h3 {
	margin: 0;
	font-size: 17px;
	color: #E8A33D;
}

.veyra-modal__close {
	background: transparent;
	border: none;
	color: #94A3B8;
	font-size: 18px;
	cursor: pointer;
}

.veyra-modal__footer {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 24px;
	padding-top: 14px;
	border-top: 1px solid #1E293B;
}

.veyra-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.veyra-form-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.veyra-form-group label {
	font-size: 12.5px;
	font-weight: 600;
	color: #CBD5E1;
}

/* Frontend Single Property Meal Selector Box */
.veyra-meal-selector-box {
	background: #0F172A;
	border: 1.5px solid #1E293B;
	border-radius: 14px;
	padding: 16px;
	margin: 16px 0;
	color: #F8FAFC;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	direction: rtl;
}

.veyra-meal-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}
.veyra-meal-icon { font-size: 24px; }
.veyra-meal-header strong { font-size: 14px; color: #F8FAFC; display: block; }
.veyra-meal-header small { color: #94A3B8; font-size: 11.5px; }

.veyra-meal-options {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
	margin-bottom: 12px;
}

.veyra-meal-option input { display: none; }
.veyra-meal-option__card {
	border: 1px solid #334155;
	background: #1E293B;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	transition: all 0.2s;
	display: flex;
	flex-direction: column;
	gap: 4px;
	height: 100%;
}
.veyra-meal-option input:checked + .veyra-meal-option__card {
	border-color: #E8A33D;
	background: rgba(232, 163, 61, 0.12);
	box-shadow: 0 0 0 1px #E8A33D;
}
.veyra-meal-option__title { font-size: 12px; font-weight: 700; color: #F8FAFC; }
.veyra-meal-option__price { font-size: 13px; font-weight: 800; color: #E8A33D; }
.veyra-meal-option__desc { font-size: 10.5px; color: #94A3B8; margin: 4px 0 0; line-height: 1.3; }

.veyra-advance-notice {
	background: rgba(245, 158, 11, 0.1);
	border: 1px solid rgba(245, 158, 11, 0.3);
	border-radius: 8px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #FCD34D;
}

/* Smart Property Finder & Live Map for Quick Booking */
.veyra-finder-box {
	background: #0F172A;
	border: 1px solid #1E293B;
	border-radius: 16px;
	padding: 20px;
	margin-bottom: 24px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.veyra-finder-controls {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.veyra-finder-pills {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 12px;
}

.veyra-pill-btn {
	background: #1E293B;
	border: 1px solid #334155;
	color: #CBD5E1;
	border-radius: 20px;
	padding: 5px 12px;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.15s;
}

.veyra-pill-btn:hover, .veyra-pill-btn.active {
	background: #E8A33D;
	color: #0F172A;
	border-color: #E8A33D;
	font-weight: 700;
}

.veyra-finder-split {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 18px;
	margin-top: 18px;
}

@media (max-width: 1024px) {
	.veyra-finder-split {
		grid-template-columns: 1fr;
	}
}

.veyra-cards-scroller {
	max-height: 480px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-right: 4px;
}

.veyra-cards-scroller::-webkit-scrollbar {
	width: 6px;
}
.veyra-cards-scroller::-webkit-scrollbar-thumb {
	background: #334155;
	border-radius: 4px;
}

.veyra-prop-card {
	background: #1E293B;
	border: 1.5px solid #334155;
	border-radius: 12px;
	padding: 14px;
	display: flex;
	gap: 14px;
	cursor: pointer;
	transition: all 0.2s;
	position: relative;
}

.veyra-prop-card:hover {
	border-color: #38BDF8;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.veyra-prop-card--selected {
	border-color: #E8A33D !important;
	background: rgba(232, 163, 61, 0.08) !important;
	box-shadow: 0 0 0 2px rgba(232, 163, 61, 0.4) !important;
}

.veyra-prop-card__thumb {
	width: 100px;
	height: 100px;
	border-radius: 8px;
	overflow: hidden;
	background: #0F172A;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
}

.veyra-prop-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.veyra-prop-card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.veyra-prop-card__title {
	font-size: 15px;
	font-weight: 700;
	color: #F8FAFC;
	margin: 0;
}

.veyra-prop-card__meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	font-size: 12px;
	color: #94A3B8;
}

.veyra-prop-card__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
	padding-top: 8px;
	border-top: 1px solid rgba(51, 65, 85, 0.5);
}

.veyra-prop-card__price {
	font-size: 15px;
	font-weight: 800;
	color: #E8A33D;
}

.veyra-map-container {
	height: 480px;
	border-radius: 12px;
	overflow: hidden;
	border: 1.5px solid #334155;
	position: sticky;
	top: 20px;
	background: #0F172A;
	z-index: 1;
}

.veyra-selected-banner {
	background: rgba(232, 163, 61, 0.12);
	border: 1.5px solid #E8A33D;
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.veyra-calc-breakdown {
	background: #0F172A;
	border: 1.5px solid #38BDF8;
	border-radius: 12px;
	padding: 16px 20px;
	margin: 16px 0;
}

.veyra-calc-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
	font-size: 13px;
	color: #CBD5E1;
	border-bottom: 1px dashed #334155;
}

.veyra-calc-row:last-child {
	border-bottom: none;
}

.veyra-calc-row--total {
	font-size: 15.5px;
	font-weight: 800;
	color: #F8FAFC;
	padding-top: 10px;
	border-top: 1.5px solid #38BDF8;
	border-bottom: none;
}

.veyra-calc-row--advance {
	font-size: 14.5px;
	font-weight: 800;
	color: #E8A33D;
	background: rgba(232, 163, 61, 0.1);
	padding: 10px 14px;
	border-radius: 8px;
	margin-top: 8px;
}