/* Mujaddidoun volunteers – functional base styles (final look comes with the site design). */
.mjv { --mjv-blue:#1472A5; --mjv-ink:#0E3A55; --mjv-gray:#4F6475; --mjv-cloud:#F4F8FA; --mjv-line:#DCE6EE; --mjv-orange:#F48160; --mjv-green:#50B79F;
	direction: rtl; text-align: right; color: var(--mjv-ink); font-family: "Bahij Janna", "IBM Plex Sans Arabic", Tahoma, sans-serif; }
.mjv *, .mjv *::before, .mjv *::after { box-sizing: border-box; }
.mjv-card { background:#fff; border:1px solid var(--mjv-line); border-radius:16px; padding:24px; margin:0 0 20px; }
.mjv-card--narrow { max-width:460px; margin-inline:auto; }
.mjv-section-title { margin:0 0 16px; font-size:1.15em; color:var(--mjv-ink); }
.mjv-muted { color:var(--mjv-gray); }

/* Forms */
.mjv-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; }
.mjv-field { margin:0 0 12px; }
.mjv-field--wide { grid-column:1 / -1; }
.mjv-field label, .mjv-field legend, .mjv .login-username label, .mjv .login-password label { display:block; font-weight:600; margin-bottom:6px; }
.mjv input[type=text], .mjv input[type=email], .mjv input[type=password], .mjv input[type=tel], .mjv input[type=date], .mjv select, .mjv input[type=file] {
	width:100%; padding:10px 12px; border:1px solid var(--mjv-line); border-radius:10px; background:#fff; font:inherit; color:inherit; }
.mjv input:focus, .mjv select:focus { outline:2px solid var(--mjv-blue); outline-offset:1px; }
.mjv-skills { border:0; padding:0; }
.mjv-chip { display:inline-flex; align-items:center; gap:6px; margin:0 0 8px 8px; padding:6px 12px; border:1px solid var(--mjv-line); border-radius:999px; background:var(--mjv-cloud); cursor:pointer; font-weight:400; }
.mjv-field label.mjv-chip { display:inline-flex; font-weight:400; margin:0 0 8px 8px; }
.mjv-chip--static { cursor:default; font-size:.9em; }
.mjv-consent { margin:16px 0; }
.mjv-hp { position:absolute !important; left:-9999px !important; height:1px; overflow:hidden; }

/* Buttons */
.mjv-btn, .mjv .button, .mjv #wp-submit { display:inline-block; padding:10px 22px; border-radius:10px; border:2px solid var(--mjv-blue); background:#fff; color:var(--mjv-blue); font:inherit; font-weight:700; text-decoration:none; cursor:pointer; min-height:44px; }
.mjv-btn--primary, .mjv #wp-submit { background:var(--mjv-blue); color:#fff; }
.mjv-btn:hover { opacity:.9; }

/* Alerts & statuses */
.mjv-alert { padding:12px 16px; border-radius:10px; margin:0 0 16px; }
.mjv-alert ul { margin:0; padding-right:18px; }
.mjv-alert--success { background:#E3F3EE; color:#0E3A55; }
.mjv-alert--error { background:#FDEBE5; color:#0E3A55; }
.mjv-alert--info { background:var(--mjv-cloud); color:#0E3A55; }
.mjv-status { display:inline-block; padding:4px 12px; border-radius:999px; font-size:.9em; font-weight:600; }
.mjv-status--pending { background:#FFF4E0; color:#7A4B00; }
.mjv-status--approved { background:#E3F3EE; color:#1F5F4F; }
.mjv-status--rejected { background:#FDEBE5; color:#8A2E17; }
.mjv-tag { display:inline-block; background:var(--mjv-cloud); border-radius:6px; padding:2px 8px; margin-left:8px; font-weight:700; color:var(--mjv-blue); }

/* Profile */
.mjv-profile-head { display:flex; gap:20px; align-items:center; }
.mjv-avatar { width:96px; height:96px; border-radius:50%; object-fit:cover; flex:none; }
.mjv-profile-id h2 { margin:0 0 6px; }
.mjv-edit summary { cursor:pointer; font-weight:700; }
.mjv-edit[open] summary { margin-bottom:16px; }

/* Stats */
.mjv-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:16px; margin:0 0 20px; }
.mjv-stat { background:var(--mjv-blue); color:#fff; border-radius:16px; padding:20px; text-align:center; }
.mjv-stat strong { display:block; font-size:2.2em; line-height:1.2; }
.mjv-stat span { display:block; opacity:.95; }

/* Tables */
.mjv-table { width:100%; border-collapse:collapse; }
.mjv-table th, .mjv-table td { padding:10px; border-bottom:1px solid var(--mjv-line); text-align:right; vertical-align:top; }
.mjv-table th { background:var(--mjv-cloud); }

/* Activities */
.mjv-activities { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
.mjv-activity h3 { margin:0 0 10px; }
.mjv-activity h3 a { color:var(--mjv-ink); text-decoration:none; }
.mjv-activity__img { width:100%; height:180px; object-fit:cover; border-radius:12px; margin-bottom:12px; }
.mjv-meta { list-style:none; margin:0 0 14px; padding:0; }
.mjv-meta li { margin:0 0 6px; }
.mjv-action--compact { margin-top:auto; }

@media (max-width: 640px) {
	.mjv-grid { grid-template-columns:1fr; }
	.mjv-profile-head { flex-direction:column; text-align:center; }
	.mjv-table th, .mjv-table td { padding:8px 6px; font-size:.95em; }
}

/* Team dashboard */
.mjv-team__head { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.mjv-team__tabs { display:flex; gap:6px; flex-wrap:wrap; border-bottom:2px solid var(--mjv-line); margin-bottom:20px; }
.mjv-team__tabs a { padding:10px 16px; border-radius:10px 10px 0 0; text-decoration:none; color:var(--mjv-gray); font-weight:600; min-height:44px; display:inline-flex; align-items:center; }
.mjv-team__tabs a.is-active { background:var(--mjv-blue); color:#fff; }
.mjv-team__cols { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:20px; align-items:start; }
.mjv-card__head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.mjv-actions-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 0 12px; }
.mjv-actions-row form { margin:0; }
.mjv-filter-links { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 14px; }
.mjv-filter-links a { padding:6px 14px; border:1px solid var(--mjv-line); border-radius:999px; text-decoration:none; color:var(--mjv-ink); }
.mjv-filter-links a.is-active { background:var(--mjv-ink); border-color:var(--mjv-ink); color:#fff; }
.mjv-filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.mjv-filters input[type=search], .mjv-filters select { width:auto; min-width:160px; padding:10px 12px; border:1px solid var(--mjv-line); border-radius:10px; font:inherit; }
.mjv-btn--sm { padding:6px 12px; min-height:36px; font-size:.9em; }
.mjv-btn--danger { border-color:#8A2E17; color:#8A2E17; }
.mjv-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.mjv-table-wrap .mjv-table { min-width:640px; }
.mjv-nowrap { white-space:nowrap; }
.mjv .mjv-input-sm { width:90px; }
.mjv-avatar--sm { width:36px; height:36px; }
.mjv-dl { display:grid; grid-template-columns:max-content 1fr; gap:8px 16px; margin:0; }
.mjv-dl dt { font-weight:600; color:var(--mjv-gray); }
.mjv-dl dd { margin:0; }
.mjv-fieldset { border:1px solid var(--mjv-line); border-radius:12px; padding:16px; margin:0 0 16px; }
.mjv-fieldset legend { font-weight:700; padding:0 6px; }
.mjv textarea { width:100%; padding:10px 12px; border:1px solid var(--mjv-line); border-radius:10px; font:inherit; color:inherit; }
.mjv-todo { margin:0; padding-right:18px; }
.mjv-todo li { margin-bottom:8px; }
.mjv-profile-links { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
@media (max-width: 860px) { .mjv-team__cols { grid-template-columns:1fr; } }
.mjv-team .mjv-table th:last-child, .mjv-team .mjv-table td:last-child { position:sticky; left:0; background:#fff; box-shadow:4px 0 8px -6px rgba(14,58,85,.25) inset; }
.mjv-team .mjv-table thead th:last-child { background:var(--mjv-cloud); }

/* Membership status */
.mjv-status--active { background:#E3F3EE; color:#1F5F4F; }
.mjv-status--former { background:#ECEFF2; color:#4F6475; }
h2 .mjv-status, h3 .mjv-status { font-size:.6em; vertical-align:middle; }
.mjv-bulk { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:10px; }
.mjv-inline { display:inline-flex; gap:6px; align-items:center; font-weight:400; }

/* Members directory */
.mjv-people { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }
.mjv-person { text-align:center; }
.mjv-person .mjv-avatar { margin:0 auto 10px; }
.mjv-person h3 { margin:0 0 6px; font-size:1.05em; }

/* Theme-proof form controls: some themes fix select height, which clips Arabic letters (ج، ل، ر). */
.mjv select, .mjv input[type=text], .mjv input[type=search], .mjv input[type=email], .mjv input[type=password], .mjv input[type=tel], .mjv input[type=date], .mjv input[type=time], .mjv input[type=number], .mjv input[type=url] {
	height:auto !important; min-height:46px; line-height:1.6 !important; padding-top:8px !important; padding-bottom:8px !important; letter-spacing:normal !important; }
.mjv, .mjv * { letter-spacing:normal; }
.mjv-filters select, .mjv-filters input[type=search], .mjv-bulk select { width:auto; min-width:150px; flex:0 1 auto; }
.mjv-filters input[type=search] { flex:1 1 220px; }

/* Badges next to names */
.mjv-badges { display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 8px; }
.mjv-person .mjv-badges { justify-content:center; }
.mjv-badge { display:inline-block; padding:3px 10px; border-radius:999px; font-size:.82em; font-weight:600; background:var(--mjv-cloud); color:var(--mjv-ink, #0E3A55); border:1px solid var(--mjv-line); }
.mjv-badge--title { background:#0E3A55; color:#fff; border-color:#0E3A55; }
.mjv-badge--rank { background:#1472A5; color:#fff; border-color:#1472A5; }
.mjv-badge--dept { background:#E3F3EE; color:#1F5F4F; border-color:#C9E8DF; }
.mjv-badge--campaign { background:#FFF1EA; color:#8A3B1F; border-color:#FAD9CC; }
.mjv-badges .mjv-status { font-size:.82em; padding:3px 10px; }

/* Departments & campaigns */
.mjv-dept-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:12px; }
.mjv-dept { text-align:center; margin:0; }
.mjv-dept__count { display:block; font-size:2em; line-height:1.2; color:#1472A5; }
.mjv-inline-edit { display:inline-block; }
.mjv-inline-edit > summary { list-style:none; cursor:pointer; }
.mjv-inline-edit > summary::-webkit-details-marker { display:none; }
.mjv-inline-edit[open] form { margin-top:8px; padding:12px; border:1px solid var(--mjv-line); border-radius:12px; background:#fff; text-align:right; min-width:240px; }
.mjv-kind { border:0; padding:0; }
.mjv-kind .mjv-inline { margin-left:16px; }
.mjv-section-title + .mjv-people { margin-bottom:24px; }

/* Stars */
.mjv-stars { display:inline-flex; align-items:center; gap:1px; line-height:1; }
.mjv-star { color:#D9E3EA; font-size:1.1em; }
.mjv-star.is-full { color:#F7AE5A; }
.mjv-star.is-half { background:linear-gradient(to left, #F7AE5A 50%, #D9E3EA 50%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.mjv-rating-select { min-width:90px; }

/* Members */
a.mjv-person { display:block; color:inherit; text-decoration:none; transition:box-shadow .15s, transform .15s; }
a.mjv-person:hover { box-shadow:0 6px 20px rgba(14,58,85,.08); transform:translateY(-2px); }
.mjv-badge--lead { background:#665FA8; color:#fff; border-color:#665FA8; }
.mjv-list { margin:0; padding:0 18px 0 0; }
.mjv-list li { margin:0 0 8px; }

/* Activity recap */
.mjv-best { display:flex; align-items:center; gap:14px; padding:14px; margin:0 0 16px; border-radius:14px; background:#FFF6E8; border:1px solid #F7D9A8; color:inherit; text-decoration:none; }
.mjv-best .mjv-avatar { width:64px; height:64px; margin:0; }
.mjv-best small { display:block; color:#8A5A12; }
.mjv-best strong { font-size:1.15em; }
.mjv-faces { display:grid; grid-template-columns:repeat(auto-fill, minmax(110px, 1fr)); gap:12px; }
.mjv-face { display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; color:inherit; text-decoration:none; font-size:.9em; }
.mjv-face-stack { display:flex; align-items:center; margin:8px 0 12px; }
.mjv-avatar--xs { width:32px !important; height:32px !important; border:2px solid #fff; margin-inline-start:-8px; }
.mjv-face-stack .mjv-avatar--xs:first-child { margin-inline-start:0; }
.mjv-best-line { margin:4px 0; }
.mjv-dept__leads { font-size:.88em; margin:8px 0; }
