/* ============================================================
   لوحة تحكم دار الإقامة — تصميم إداري أنيق (RTL)
   ============================================================ */

:root {
  --ink: #14201c; --forest: #1f4037; --forest-2: #2c5a4c;
  --gold: #c9a24b; --gold-soft: #e2c785; --cream: #f4f6f4;
  --paper: #ffffff; --line: #e4e9e6; --muted: #6f7d76;
  --danger: #b3402f; --ok: #2f7d52; --warn: #c98a2b;
  --shadow: 0 10px 30px -16px rgba(20,40,30,.28);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Tajawal', system-ui, sans-serif;
  background: var(--cream); color: var(--ink); direction: rtl; line-height: 1.6;
}
h1,h2,h3 { font-family: 'El Messiri','Tajawal',sans-serif; color: var(--forest); }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }

/* ---------- تخطيط اللوحة ---------- */
.admin-wrap { display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; }

/* الشريط الجانبي */
.sidebar {
  background: linear-gradient(180deg, var(--forest), var(--forest-2));
  color: #d8e2dc; padding: 1.5rem 1rem; position: sticky; top: 0; height: 100vh;
  display: flex; flex-direction: column;
}
.sidebar .logo { display:flex; align-items:center; gap:.6rem; padding:.5rem; margin-bottom:1.5rem; }
.sidebar .logo .mark {
  width:40px;height:40px;border-radius:11px;background:rgba(201,162,75,.25);
  display:grid;place-items:center;color:var(--gold-soft);font-size:1.3rem;
}
.sidebar .logo b { font-family:'El Messiri';font-size:1.2rem;color:#fff; }
.sidebar .logo span { font-size:.65rem;color:var(--gold-soft);letter-spacing:.1em;display:block; }
.sidebar nav { display:flex; flex-direction:column; gap:.3rem; flex:1; }
.sidebar nav a {
  display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-radius:10px;
  color:#c4d4cc;font-weight:500;transition:background .2s,color .2s;
}
.sidebar nav a:hover { background:rgba(255,255,255,.08); color:#fff; }
.sidebar nav a.active { background:var(--gold); color:#2a2110; font-weight:700; }
.sidebar nav a .ico { font-size:1.2rem; }
.sidebar .logout { padding:.8rem 1rem;border-radius:10px;color:#e6b8af;border:1px solid rgba(255,255,255,.12); text-align:center; }
.sidebar .logout:hover { background:rgba(179,64,47,.25); }

/* المحتوى */
.content { padding: 2rem; overflow-x: auto; }
.topbar { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem; }
.topbar h1 { font-size:1.8rem; }
.topbar .user { display:flex;align-items:center;gap:.6rem;background:var(--paper);padding:.5rem 1rem;border-radius:999px;box-shadow:var(--shadow); }
.topbar .user .av { width:34px;height:34px;border-radius:50%;background:var(--forest);color:var(--gold-soft);display:grid;place-items:center;font-weight:700; }

/* بطاقات الإحصائيات */
.stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1.2rem; margin-bottom:2rem; }
.stat {
  background:var(--paper);border-radius:14px;padding:1.4rem;box-shadow:var(--shadow);
  border-inline-start:4px solid var(--gold); display:flex;flex-direction:column;gap:.3rem;
}
.stat .ico { font-size:1.6rem; }
.stat .num { font-family:'El Messiri';font-size:2rem;color:var(--forest);font-weight:700; }
.stat .lbl { color:var(--muted);font-size:.9rem; }
.stat.green { border-color:var(--ok); }
.stat.gold { border-color:var(--gold); }
.stat.blue { border-color:var(--forest-2); }
.stat.red { border-color:var(--danger); }

/* الكروت العامة */
.card { background:var(--paper);border-radius:14px;box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem; }
.card-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem; }
.card-head h2 { font-size:1.3rem; }

/* الجداول */
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; min-width:600px; }
thead th {
  text-align:right;padding:.85rem 1rem;background:var(--cream);color:var(--forest);
  font-weight:700;font-size:.88rem;border-bottom:2px solid var(--line);white-space:nowrap;
}
tbody td { padding:.85rem 1rem;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:middle; }
tbody tr:hover { background:#fafbfa; }
.thumb-sm { width:54px;height:42px;border-radius:8px;object-fit:cover; }

/* الشارات */
.badge { padding:.25rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;display:inline-block; }
.badge-pending { background:rgba(201,138,43,.15);color:var(--warn); }
.badge-confirmed { background:rgba(47,125,82,.15);color:var(--ok); }
.badge-cancelled { background:rgba(179,64,47,.15);color:var(--danger); }
.badge-active { background:rgba(47,125,82,.15);color:var(--ok); }
.badge-inactive { background:rgba(111,125,118,.15);color:var(--muted); }
.badge-stars { color:var(--gold);letter-spacing:.05em; }

/* الأزرار */
.btn { display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:10px;border:none;
  font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:transform .15s,background .2s,opacity .2s; }
.btn:hover { transform:translateY(-1px); }
.btn-gold { background:var(--gold);color:#2a2110; }
.btn-forest { background:var(--forest);color:#fff; }
.btn-danger { background:rgba(179,64,47,.12);color:var(--danger); }
.btn-danger:hover { background:var(--danger);color:#fff; }
.btn-edit { background:rgba(31,64,55,.1);color:var(--forest); }
.btn-edit:hover { background:var(--forest);color:#fff; }
.btn-sm { padding:.4rem .8rem;font-size:.82rem; }
.btn-block { width:100%;justify-content:center; }
.actions { display:flex;gap:.4rem;flex-wrap:wrap; }

/* النماذج */
.form-group { margin-bottom:1rem; }
.form-group label { display:block;font-weight:700;margin-bottom:.4rem;font-size:.88rem; }
.form-group input,.form-group select,.form-group textarea {
  width:100%;padding:.7rem .9rem;border:1.5px solid var(--line);border-radius:10px;
  font-family:inherit;font-size:.95rem;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus {
  outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,75,.15);
}
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:1rem; }
.form-grid-3 { display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem; }

/* التنبيهات */
.alert { padding:.85rem 1.1rem;border-radius:10px;margin-bottom:1.2rem;font-weight:500; }
.alert-success { background:rgba(47,125,82,.12);color:var(--ok);border:1px solid rgba(47,125,82,.3); }
.alert-error { background:rgba(179,64,47,.1);color:var(--danger);border:1px solid rgba(179,64,47,.3); }

/* صفحة تسجيل الدخول */
.login-page { min-height:100vh;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--forest),var(--forest-2)); padding:1rem; }
.login-box { background:var(--paper);border-radius:20px;padding:2.5rem;width:min(420px,100%);box-shadow:0 30px 60px -20px rgba(0,0,0,.4); }
.login-box .logo-c { text-align:center;margin-bottom:1.8rem; }
.login-box .logo-c .mark { width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--forest),var(--forest-2));
  display:grid;place-items:center;color:var(--gold-soft);font-size:1.8rem;margin:0 auto .8rem; }
.login-box h1 { font-size:1.6rem; }
.login-box p.sub { color:var(--muted);font-size:.9rem; }

/* فتح/إغلاق النموذج المنبثق */
.modal-toggle { display:none; }

@media (max-width: 860px) {
  .admin-wrap { grid-template-columns:1fr; }
  .sidebar { position:fixed; right:-280px; width:260px; z-index:100; transition:right .3s; }
  .sidebar.open { right:0; }
  .form-grid, .form-grid-3 { grid-template-columns:1fr; }
  .menu-btn { display:inline-flex !important; }
}
.menu-btn { display:none; background:var(--forest);color:#fff;border:none;padding:.5rem .8rem;border-radius:8px;font-size:1.2rem;cursor:pointer; }