/* =========================================================
   Evara Theme — هوية مستوحاة من مشروع evara-home-hub المرجعي
   ألوان oklch (تركواز + ذهبي) — تصميم فلات editorial — RTL
   ========================================================= */

:root {
	--radius: 0.875rem;
	--font-serif: 'Amiri', 'IBM Plex Sans Arabic', serif;

	/* off-white دافئ */
	--background: oklch(0.985 0.005 85);
	--foreground: oklch(0.22 0.025 250);
	--card: oklch(1 0 0);
	--card-foreground: oklch(0.22 0.025 250);

	/* تركواز هادئ */
	--primary: oklch(0.52 0.07 195);
	--primary-foreground: oklch(0.99 0.005 85);

	--secondary: oklch(0.95 0.008 80);
	--secondary-foreground: oklch(0.28 0.03 250);
	--muted: oklch(0.95 0.008 80);
	--muted-foreground: oklch(0.5 0.02 250);
	--accent: oklch(0.93 0.015 195);
	--accent-foreground: oklch(0.28 0.05 195);

	/* ذهبي هادئ */
	--gold: oklch(0.72 0.09 80);

	--destructive: oklch(0.55 0.18 25);
	--destructive-foreground: oklch(0.99 0.005 85);
	--success: oklch(0.55 0.12 155);
	--warning: oklch(0.68 0.12 70);

	--border: oklch(0.91 0.01 80);
	--input: oklch(0.91 0.01 80);
	--ring: oklch(0.52 0.07 195);
	--surface: oklch(0.965 0.008 80);
	--surface-foreground: oklch(0.22 0.025 250);

	/* تدرجات editorial */
	--gradient-editorial: linear-gradient(135deg, color-mix(in oklab, var(--primary) 8%, var(--card)) 0%, var(--card) 60%, color-mix(in oklab, var(--gold) 6%, var(--card)) 100%);
	--gradient-hero: linear-gradient(160deg, color-mix(in oklab, var(--primary) 10%, var(--surface)) 0%, var(--surface) 70%);
	--gradient-ink: linear-gradient(155deg, oklch(0.28 0.04 215) 0%, oklch(0.18 0.03 230) 100%);

	--sidebar-width: 240px;
}

* {
	box-sizing: border-box;
}

/* فلات تمامًا: لا ظلال */
*, *::before, *::after {
	box-shadow: none !important;
}

html, body {
	margin: 0;
	padding: 0;
}

body.evara-body {
	background-color: var(--background);
	color: var(--foreground);
	font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	direction: rtl;
	line-height: 1.6;
}

a {
	color: var(--primary);
	text-decoration: none;
}

h1, h2, h3, h4 {
	letter-spacing: -0.01em;
	margin: 0;
}

/* ---------- أدوات مساعدة ---------- */
.evara-muted { color: var(--muted-foreground); }
.evara-eyebrow {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--muted-foreground);
}

/* ---------- الأزرار ---------- */
.evara-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 18px;
	border-radius: 0.625rem;
	border: 1px solid transparent;
	font-size: 14px;
	font-weight: 500;
	font-family: inherit;
	cursor: pointer;
	transition: opacity 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.evara-btn--primary {
	background: var(--primary);
	color: var(--primary-foreground);
}
.evara-btn--primary:hover { opacity: 0.9; color: var(--primary-foreground); }

.evara-btn--outline {
	background: var(--card);
	color: var(--foreground);
	border-color: var(--border);
}
.evara-btn--outline:hover { background: var(--surface); }

.evara-btn--danger {
	background: var(--destructive);
	color: var(--destructive-foreground);
}
.evara-btn--danger:hover { opacity: 0.9; color: var(--destructive-foreground); }

.evara-btn--ghost {
	background: transparent;
	color: var(--muted-foreground);
	border-color: transparent;
}
.evara-btn--ghost:hover {
	border-color: var(--border);
	background: var(--surface);
	color: var(--foreground);
}

.evara-btn--block { width: 100%; }
.evara-btn--sm { padding: 7px 12px; font-size: 13px; border-radius: 0.5rem; }

.evara-btn svg { width: 16px; height: 16px; }

/* ---------- الحقول ---------- */
.evara-field { margin-bottom: 16px; }
.evara-field__label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 500;
	color: var(--muted-foreground);
}

.evara-input,
.evara-field input,
.evara-field select {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--border);
	border-radius: 0.625rem;
	font-size: 14px;
	font-family: inherit;
	background: var(--background);
	color: var(--foreground);
	outline: none;
	transition: border-color 0.15s ease;
}
.evara-input:focus,
.evara-field input:focus,
.evara-field select:focus {
	border-color: var(--primary);
}

.evara-checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--muted-foreground);
	margin-bottom: 16px;
}
.evara-checkbox input { width: auto; accent-color: var(--primary); }

/* ---------- إشعارات ---------- */
.evara-alert {
	padding: 11px 14px;
	border-radius: 0.625rem;
	margin-bottom: 16px;
	font-size: 13.5px;
	border: 1px solid var(--border);
	background: var(--surface);
	color: var(--foreground);
}
.evara-alert--error {
	background: color-mix(in oklab, var(--destructive) 5%, var(--card));
	color: var(--destructive);
	border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
.evara-alert--success {
	background: color-mix(in oklab, var(--success) 6%, var(--card));
	color: var(--success);
	border-color: color-mix(in oklab, var(--success) 28%, transparent);
}
.evara-alert--info {
	background: color-mix(in oklab, var(--primary) 6%, var(--card));
	color: var(--primary);
	border-color: color-mix(in oklab, var(--primary) 26%, transparent);
}

/* ---------- شعار العلامة ---------- */
.evara-logo {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 0.625rem;
	background: var(--gradient-ink);
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	flex-shrink: 0;
}
.evara-logo--sm { width: 36px; height: 36px; font-size: 16px; }

/* =========================================================
   صفحة الهبوط
   ========================================================= */
.evara-landing {
	min-height: 100vh;
	display: grid;
	place-items: center;
	padding: 24px;
	background: var(--gradient-hero);
}
.evara-landing__card {
	background: var(--card);
	border: 1px solid var(--border);
	padding: 44px 40px;
	border-radius: var(--radius);
	text-align: center;
	max-width: 440px;
	width: 100%;
}
.evara-landing__logo { margin: 0 auto 20px; }
.evara-landing__title { font-size: 28px; font-weight: 600; margin-bottom: 8px; }
.evara-landing__subtitle { color: var(--muted-foreground); margin-bottom: 28px; font-size: 15px; }
.evara-landing__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* =========================================================
   شاشات المصادقة (Split)
   ========================================================= */
.evara-auth {
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	background: var(--background);
}
@media (min-width: 900px) {
	.evara-auth { grid-template-columns: 1fr 1fr; }
}

.evara-auth__aside {
	display: none;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	padding: 48px;
	background-color: var(--gradient-ink);
	background-image: 
		linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.35), rgba(0,0,0,0.7)),
		radial-gradient(ellipse at top left, rgba(0,0,0,0.25), transparent 60%),
		url('../img/auth-hero.png');
	background-size: cover;
	background-position: center;
	color: #fff;
	overflow: hidden;
}
@media (min-width: 900px) {
	.evara-auth__aside { display: flex; }
}
.evara-auth__aside-brand { display: flex; align-items: center; gap: 12px; position: relative; }
.evara-auth__aside-brand .evara-logo {
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.25);
}
.evara-auth__aside-name { font-size: 18px; font-weight: 600; }
.evara-auth__aside-headline { position: relative; max-width: 28ch; }
.evara-auth__aside-headline h2 { font-size: 30px; font-weight: 600; line-height: 1.3; }
.evara-auth__aside-headline p { margin-top: 14px; font-size: 14px; color: rgba(255,255,255,0.78); line-height: 1.7; }
.evara-auth__aside-foot { position: relative; font-size: 12px; color: rgba(255,255,255,0.6); }

.evara-auth__main {
	display: grid;
	place-items: center;
	padding: 32px 24px;
}
.evara-auth__card { width: 100%; max-width: 400px; }
.evara-auth__mobile-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 28px;
}
@media (min-width: 900px) { .evara-auth__mobile-brand { display: none; } }
.evara-auth__mobile-name { font-size: 17px; font-weight: 600; }

.evara-auth__title { font-size: 22px; font-weight: 600; margin-bottom: 6px; }
.evara-auth__subtitle { color: var(--muted-foreground); font-size: 14px; margin-bottom: 24px; }
.evara-auth__footer {
	margin-top: 22px;
	text-align: center;
	font-size: 13.5px;
	color: var(--muted-foreground);
}
.evara-auth__footer a { font-weight: 500; }

/* تبويبات */
.evara-tabs {
	display: flex;
	gap: 6px;
	margin-bottom: 22px;
	background: var(--surface);
	padding: 5px;
	border: 1px solid var(--border);
	border-radius: 0.75rem;
}
.evara-tab {
	flex: 1;
	text-align: center;
	padding: 9px;
	border-radius: 0.5rem;
	cursor: pointer;
	font-weight: 500;
	font-size: 13.5px;
	color: var(--muted-foreground);
	border: 1px solid transparent;
	background: transparent;
	font-family: inherit;
	transition: all 0.15s ease;
}
.evara-tab.is-active {
	background: var(--card);
	color: var(--foreground);
	border-color: var(--border);
}
.evara-tab-panel { display: none; }
.evara-tab-panel.is-active { display: block; }

/* =========================================================
   لوحة التحكم
   ========================================================= */
.evara-dashboard { min-height: 100vh; background: var(--background); }

.evara-sidebar {
	position: fixed;
	inset-block: 0;
	inset-inline-start: 0;
	width: var(--sidebar-width);
	display: flex;
	flex-direction: column;
	background: var(--surface);
	border-inline-end: 1px solid var(--border);
	z-index: 40;
}
.evara-sidebar__brand {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 64px;
	padding: 0 20px;
	border-bottom: 1px solid var(--border);
}
.evara-sidebar__brand-name { font-size: 14px; font-weight: 600; line-height: 1.2; }
.evara-sidebar__brand-sub { font-size: 12px; color: var(--muted-foreground); }

.evara-nav { flex: 1; overflow-y: auto; padding: 12px; list-style: none; margin: 0; }
.evara-nav li { margin-bottom: 4px; }
.evara-nav a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 0.625rem;
	border: 1px solid transparent;
	color: var(--muted-foreground);
	font-size: 14px;
	transition: all 0.15s ease;
}
.evara-nav a:hover {
	border-color: var(--border);
	background: var(--card);
	color: var(--foreground);
}
.evara-nav a.is-active {
	border-color: var(--border);
	background: var(--card);
	color: var(--foreground);
	font-weight: 500;
}
.evara-nav a svg { width: 16px; height: 16px; flex-shrink: 0; }
.evara-nav__sep { height: 1px; background: var(--border); margin: 8px 4px; }

.evara-sidebar__footer { border-top: 1px solid var(--border); padding: 12px; }

/* الرأس العلوي للموبايل */
.evara-mobilebar {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 56px;
	padding: 0 14px;
	border-bottom: 1px solid var(--border);
	background: var(--background);
	position: sticky;
	top: 0;
	z-index: 30;
}
.evara-mobilebar__name { font-size: 14px; font-weight: 600; }
.evara-menu-btn {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 0.625rem;
	border: 1px solid var(--border);
	background: var(--card);
	color: var(--foreground);
	cursor: pointer;
}
@media (min-width: 768px) {
	.evara-mobilebar { display: none; }
}

/* المحتوى */
.evara-main { padding: 28px; }
@media (min-width: 768px) {
	.evara-main { margin-inline-start: var(--sidebar-width); padding: 32px; }
}
.evara-main__inner { width: 100%; max-width: 1100px; margin: 0 auto; }

.evara-pagehead { margin-bottom: 24px; }
.evara-pagehead__title { font-size: 22px; font-weight: 600; }
.evara-pagehead__desc { color: var(--muted-foreground); font-size: 14px; margin-top: 4px; }

/* بطاقات الإحصاء */
.evara-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin-bottom: 28px;
}
.evara-stat {
	border: 1px solid var(--border);
	background: var(--card);
	border-radius: 0.875rem;
	padding: 18px;
}
.evara-stat__label {
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--muted-foreground);
	display: flex;
	align-items: center;
	gap: 8px;
}
.evara-stat__label svg { width: 15px; height: 15px; }
.evara-stat__value { margin-top: 10px; font-size: 26px; font-weight: 600; letter-spacing: -0.02em; }
.evara-stat__hint { margin-top: 6px; font-size: 11px; color: var(--muted-foreground); letter-spacing: 0.04em; }

/* بانل */
.evara-panel {
	border: 1px solid var(--border);
	background: var(--card);
	border-radius: 0.875rem;
	padding: 22px;
	margin-bottom: 20px;
}
.evara-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}
.evara-panel__title { font-size: 15px; font-weight: 600; }

/* جدول */
.evara-table { width: 100%; border-collapse: collapse; }
.evara-table th, .evara-table td {
	text-align: right;
	padding: 12px;
	border-bottom: 1px solid var(--border);
	font-size: 14px;
}
.evara-table th {
	color: var(--muted-foreground);
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.evara-table tr:last-child td { border-bottom: none; }

/* شارات */
.evara-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 500;
	border: 1px solid var(--border);
	background: var(--surface);
	color: var(--muted-foreground);
}
.evara-badge svg { width: 12px; height: 12px; }
.evara-badge--pending { color: var(--warning); border-color: color-mix(in oklab, var(--warning) 35%, transparent); background: color-mix(in oklab, var(--warning) 8%, var(--card)); }
.evara-badge--active { color: var(--success); border-color: color-mix(in oklab, var(--success) 35%, transparent); background: color-mix(in oklab, var(--success) 8%, var(--card)); }
.evara-badge--rejected,
.evara-badge--suspended { color: var(--destructive); border-color: color-mix(in oklab, var(--destructive) 35%, transparent); background: color-mix(in oklab, var(--destructive) 6%, var(--card)); }
.evara-badge--paid { color: var(--success); border-color: color-mix(in oklab, var(--success) 35%, transparent); background: color-mix(in oklab, var(--success) 8%, var(--card)); }
.evara-badge--partial { color: var(--warning); border-color: color-mix(in oklab, var(--warning) 35%, transparent); background: color-mix(in oklab, var(--warning) 8%, var(--card)); }
.evara-badge--unpaid { color: var(--muted-foreground); border-color: var(--border); background: var(--surface); }
.evara-badge--overdue { color: var(--destructive); border-color: color-mix(in oklab, var(--destructive) 35%, transparent); background: color-mix(in oklab, var(--destructive) 6%, var(--card)); }
.evara-badge--muted { color: var(--muted-foreground); border-color: var(--border); background: var(--surface); }
.evara-badge--danger { color: var(--destructive); border-color: color-mix(in oklab, var(--destructive) 35%, transparent); background: color-mix(in oklab, var(--destructive) 6%, var(--card)); }

/* صندوق الكود */
.evara-code-box {
	background: var(--surface);
	border: 1px dashed color-mix(in oklab, var(--primary) 45%, var(--border));
	border-radius: 0.75rem;
	padding: 16px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 4px;
	color: var(--primary);
}

.evara-inline-form { display: inline-block; margin-inline-start: 6px; }

/* صف نموذج أفقي */
.evara-formrow {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px;
	align-items: end;
}

/* إجراءات الصف + محرر منبثق */
.evara-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.evara-rowedit { position: relative; }
.evara-rowedit > summary { list-style: none; cursor: pointer; }
.evara-rowedit > summary::-webkit-details-marker { display: none; }
.evara-rowedit__panel {
	position: absolute;
	z-index: 20;
	inset-inline-start: 0;
	margin-top: 6px;
	width: 260px;
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 0.75rem;
	padding: 14px;
}
.evara-rowedit__panel .evara-field:last-of-type { margin-bottom: 12px; }

/* حالة فارغة */
.evara-empty {
	border: 1px dashed var(--border);
	border-radius: 0.875rem;
	padding: 36px 20px;
	text-align: center;
	color: var(--muted-foreground);
}
.evara-empty__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin: 0 auto 12px;
	border-radius: 999px;
	border: 1px solid var(--border);
	background: var(--surface);
	color: var(--muted-foreground);
}
.evara-empty__icon svg { width: 20px; height: 20px; }
.evara-empty__title { font-size: 15px; font-weight: 500; color: var(--foreground); margin-bottom: 4px; }
.evara-empty__desc { font-size: 13.5px; }

/* =========================================================
   شاشة حالة الحساب
   ========================================================= */
.evara-status {
	min-height: 100vh;
	display: grid;
	place-items: center;
	padding: 24px;
	background: var(--gradient-hero);
}
.evara-status__card {
	background: var(--card);
	border: 1px solid var(--border);
	max-width: 460px;
	width: 100%;
	padding: 40px;
	border-radius: 1.25rem;
	text-align: center;
}
.evara-status__icon {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 18px;
	border-radius: 999px;
	border: 1px solid var(--border);
	background: var(--surface);
	color: var(--muted-foreground);
}
.evara-status__icon svg { width: 24px; height: 24px; }
.evara-status__title { font-size: 22px; font-weight: 600; margin-bottom: 14px; }

/* =========================================================
   درج الموبايل
   ========================================================= */
.evara-drawer-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.45);
	z-index: 45;
}
.evara-drawer-overlay.is-open { display: block; }

@media (max-width: 767px) {
	.evara-sidebar {
		transform: translateX(100%);
		transition: transform 0.22s ease;
		width: 280px;
		max-width: 85vw;
	}
	.evara-sidebar.is-open { transform: translateX(0); }
}

/* =========================================================
   الإعلانات
   ========================================================= */
.evara-announce-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.evara-announce {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 0.875rem;
	padding: 20px;
}
.evara-announce.is-pinned {
	border-color: var(--primary);
	background: var(--surface);
}
.evara-announce__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 6px;
}
.evara-announce__title {
	font-size: 16px;
	font-weight: 600;
	color: var(--foreground);
	margin: 0;
}
.evara-announce__meta {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: var(--muted-foreground);
	margin-bottom: 12px;
}
.evara-announce__meta-icon { width: 14px; height: 14px; }
.evara-announce__body {
	font-size: 14px;
	line-height: 1.8;
	color: var(--foreground);
}
.evara-announce__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid var(--border);
}
.evara-badge__icon { width: 13px; height: 13px; }

/* =========================================================
   الكمبوند: العمارة النشطة + بطاقات العمارات
   ========================================================= */
.evara-active-building {
	margin: 4px 0 14px;
	padding: 10px 12px;
	border: 1px solid var(--border);
	border-radius: 0.75rem;
	background: var(--surface);
}
.evara-active-building__label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	color: var(--muted-foreground);
	margin-bottom: 4px;
}
.evara-active-building__label svg { width: 14px; height: 14px; }
.evara-active-building__name {
	font-size: 14px;
	font-weight: 600;
	color: var(--foreground);
}

.evara-cardgrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 14px;
}
.evara-bcard {
	border: 1px solid var(--border);
	border-radius: 0.875rem;
	background: var(--card);
	padding: 16px;
}
.evara-bcard.is-active {
	border-color: var(--primary);
	background: var(--surface);
}
.evara-bcard__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
}
.evara-bcard__name { font-size: 15px; font-weight: 600; color: var(--foreground); margin: 0; }
.evara-bcard__code { font-size: 12px; color: var(--muted-foreground); margin-bottom: 6px; }
.evara-bcard__code span { font-family: monospace; color: var(--foreground); }
.evara-bcard__meta {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: var(--muted-foreground);
	margin-bottom: 10px;
}
.evara-bcard__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 13px;
	color: var(--muted-foreground);
	padding: 10px 0;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	margin-bottom: 12px;
}
.evara-bcard__stats span { display: inline-flex; align-items: center; gap: 5px; }
.evara-bcard__stats svg { width: 15px; height: 15px; }
.evara-bcard__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

/* مدير العمارة داخل بطاقة العمارة */
.evara-bcard__admin {
	margin: 14px 0;
	padding: 14px 0;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}
.evara-bcard__admin-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
.evara-bcard__admin-icon { width: 16px; height: 16px; color: var(--muted-foreground); }
.evara-bcard__admin-label { font-size: 13px; font-weight: 600; color: var(--foreground); margin-inline-end: auto; }
.evara-bcard__admin-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 10px;
}
.evara-bcard__admin-name { font-size: 13px; font-weight: 500; color: var(--foreground); }
.evara-bcard__admin-email { font-size: 12px; color: var(--muted-foreground); }
.evara-bcard__admin-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.evara-invite-link {
	display: block;
	width: 100%;
	margin-top: 8px;
	font-family: monospace;
	font-size: 12px;
	padding: 8px 10px;
	border: 1px solid var(--border);
	border-radius: 8px;
	background: var(--card);
	color: var(--foreground);
}

/* المرحلة 7 — شريط الباقة والاستخدام */
.evara-sub {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 14px;
	padding: 16px 18px;
	margin-bottom: 18px;
}
.evara-sub.is-blocked { border-color: color-mix(in oklab, var(--destructive) 45%, var(--border)); }
.evara-sub__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 4px;
}
.evara-sub__plan { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.evara-sub__plan svg { width: 18px; height: 18px; color: var(--primary); }
.evara-sub__plan-name { font-size: 15px; }
.evara-sub__status {
	font-size: 12px;
	padding: 3px 12px;
	border-radius: 999px;
	background: var(--accent);
	color: var(--accent-foreground);
	border: 1px solid var(--border);
}
.evara-sub.is-blocked .evara-sub__status {
	background: color-mix(in oklab, var(--destructive) 12%, var(--card));
	color: var(--destructive);
	border-color: color-mix(in oklab, var(--destructive) 35%, var(--border));
}
.evara-sub__warn {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--destructive);
	background: color-mix(in oklab, var(--destructive) 8%, var(--card));
	border: 1px solid color-mix(in oklab, var(--destructive) 25%, var(--border));
	border-radius: 10px;
	padding: 10px 12px;
	margin: 10px 0;
}
.evara-sub__warn svg { width: 16px; height: 16px; flex-shrink: 0; }
.evara-sub__meters {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 14px;
	margin-top: 12px;
}
.evara-meter__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12.5px;
	margin-bottom: 6px;
}
.evara-meter__label { color: var(--muted-foreground); }
.evara-meter__count { font-weight: 600; color: var(--foreground); font-variant-numeric: tabular-nums; }
.evara-meter__bar {
	height: 7px;
	background: var(--secondary);
	border-radius: 999px;
	overflow: hidden;
}
.evara-meter__bar span {
	display: block;
	height: 100%;
	background: var(--primary);
	border-radius: 999px;
}
.evara-meter.is-near .evara-meter__bar span { background: var(--warning); }
.evara-meter.is-near .evara-meter__count { color: var(--warning); }

/* =========================================================
   طابع Editorial فاخر — مُنطّق لمدير الكمبوند فقط
   (Serif أنيق، خلفية عاجية، خطوط فاصلة رفيعة، لمسات ذهبية، بلا ظل)
   ========================================================= */
.evara-dashboard--editorial {
	--ivory: oklch(0.987 0.008 88);
	--ink: oklch(0.24 0.02 250);
	--hairline: oklch(0.9 0.012 85);
	--gold-line: color-mix(in oklab, var(--gold) 55%, var(--border));
	background: var(--ivory);
}

/* الإيقاع والمساحات */
@media (min-width: 768px) {
	.evara-dashboard--editorial .evara-main { padding: 48px 56px; }
}
.evara-dashboard--editorial .evara-main__inner { max-width: 1120px; }

/* رأس الصفحة */
.evara-dashboard--editorial .evara-pagehead {
	margin-bottom: 36px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--gold-line);
}
.evara-dashboard--editorial .evara-pagehead__title {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: 34px;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: var(--ink);
}
.evara-dashboard--editorial .evara-pagehead__desc {
	margin-top: 10px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	color: var(--muted-foreground);
}

/* eyebrow عنوان قسم تحريري */
.evara-dashboard--editorial .evara-eyebrow {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.26em;
	color: color-mix(in oklab, var(--gold) 70%, var(--foreground));
	margin: 0 0 14px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.evara-dashboard--editorial .evara-eyebrow::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--hairline);
}

/* بطاقات الإحصاء */
.evara-dashboard--editorial .evara-stats { gap: 1px; background: var(--hairline); border: 1px solid var(--hairline); border-radius: 4px; overflow: hidden; }
.evara-dashboard--editorial .evara-stat {
	border: none;
	border-radius: 0;
	background: var(--card);
	padding: 24px 22px;
}
.evara-dashboard--editorial .evara-stat__label {
	font-size: 10.5px;
	letter-spacing: 0.18em;
	color: var(--muted-foreground);
}
.evara-dashboard--editorial .evara-stat__label svg { color: color-mix(in oklab, var(--gold) 60%, var(--muted-foreground)); opacity: 0.9; }
.evara-dashboard--editorial .evara-stat__value {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: 34px;
	letter-spacing: 0;
	margin-top: 14px;
	color: var(--ink);
}

/* البانلات */
.evara-dashboard--editorial .evara-panel {
	border: 1px solid var(--hairline);
	border-radius: 4px;
	padding: 28px;
}
.evara-dashboard--editorial .evara-panel__head {
	padding-bottom: 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--hairline);
}
.evara-dashboard--editorial .evara-panel__title {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: 21px;
	color: var(--ink);
}

/* شريط الباقة */
.evara-dashboard--editorial .evara-sub {
	border: 1px solid var(--hairline);
	border-radius: 4px;
	border-top: 2px solid var(--gold-line);
	padding: 22px 24px;
}
.evara-dashboard--editorial .evara-sub__plan-name {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: 19px;
}
.evara-dashboard--editorial .evara-sub__status {
	border-radius: 2px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 10.5px;
}
.evara-dashboard--editorial .evara-meter__count { font-family: var(--font-serif); font-size: 15px; }

/* الشريط الجانبي */
.evara-dashboard--editorial .evara-sidebar { background: var(--ivory); border-inline-end: 1px solid var(--gold-line); }
.evara-dashboard--editorial .evara-sidebar__brand { border-bottom: 1px solid var(--hairline); }
.evara-dashboard--editorial .evara-sidebar__brand-name {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.02em;
}
.evara-dashboard--editorial .evara-nav a {
	border-radius: 0;
	border: none;
	border-inline-start: 2px solid transparent;
	padding-block: 11px;
	letter-spacing: 0.02em;
	color: var(--muted-foreground);
}
.evara-dashboard--editorial .evara-nav a:hover {
	background: transparent;
	color: var(--ink);
	border-inline-start-color: var(--hairline);
}
.evara-dashboard--editorial .evara-nav a.is-active {
	background: transparent;
	color: var(--ink);
	border-inline-start-color: var(--gold);
	font-weight: 500;
}
.evara-dashboard--editorial .evara-active-building { border-bottom: 1px solid var(--hairline); }

/* الجداول */
.evara-dashboard--editorial .evara-table th {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 10.5px;
	border-bottom: 1px solid var(--gold-line);
}
.evara-dashboard--editorial .evara-table td { padding-block: 16px; border-bottom: 1px solid var(--hairline); }

/* الأزرار */
.evara-dashboard--editorial .evara-btn { border-radius: 3px; letter-spacing: 0.02em; }
.evara-dashboard--editorial .evara-btn--primary { background: var(--ink); color: var(--ivory); border: 1px solid var(--ink); }
.evara-dashboard--editorial .evara-btn--primary:hover { background: color-mix(in oklab, var(--ink) 88%, var(--gold)); }
.evara-dashboard--editorial .evara-btn--outline { border-color: var(--gold-line); color: var(--ink); }

/* صندوق الكود (لو ظهر) */
.evara-dashboard--editorial .evara-code-box { font-family: var(--font-serif); letter-spacing: 0.2em; }