.admin-body{ background: var(--paper-2); }

.login-wrap{
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  padding: 20px;
}
.login-card{
  background: var(--card);
  border:1.5px solid var(--line);
  border-radius: var(--radius-l);
  padding: 32px 28px;
  width: 100%; max-width: 360px;
}

.admin{ max-width:1080px; margin:0 auto; padding: 0 20px 60px; }
.admin-header{
  display:flex; align-items:center; justify-content:space-between;
  padding: 20px 0;
  border-bottom:1px solid var(--line);
  margin-bottom: 20px;
}
.admin-header__title{ font-family:var(--font-head); font-weight:700; color:var(--brand-dark); margin:0; }
.link-btn{ background:none; border:none; color:var(--ink-soft); text-decoration:underline; cursor:pointer; font-family:inherit; }

.tabs{ display:flex; gap:6px; margin-bottom:22px; flex-wrap:wrap; }
.tab{
  padding: 9px 18px; border-radius: 999px; border:1.5px solid var(--line);
  background: var(--card); cursor:pointer; font-family:inherit; font-size:.9rem; color: var(--ink-soft);
}
.tab[aria-current="true"]{ background: var(--brand); color:#fff; border-color: var(--brand); }

.filters{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; align-items:center; }
.filters select, .filters input{
  padding: 9px 12px; border-radius: var(--radius-s); border:1.5px solid var(--line); background:var(--card); font-family:inherit;
}
.btn-small{
  padding: 9px 16px; border-radius: 999px; border:1.5px solid var(--brand); background:none; color:var(--brand);
  cursor:pointer; font-family:inherit; font-weight:600; font-size:.85rem;
}
.btn-small:hover{ background: var(--brand); color:#fff; }

.list{ display:flex; flex-direction:column; gap:10px; }
.row-card{
  background: var(--card); border:1.5px solid var(--line); border-radius: var(--radius-m);
  padding: 14px 16px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap;
}
.row-card__main{ flex:1; min-width:200px; }
.row-card__title{ font-weight:700; margin:0 0 4px; }
.row-card__sub{ margin:0; color:var(--ink-soft); font-size:.85rem; }
.row-card__actions{ display:flex; gap:8px; flex-wrap:wrap; }

.badge{
  display:inline-block; padding:3px 10px; border-radius:999px; font-size:.75rem; font-weight:600;
}
.badge--pending{ background:#EFE0BE; color:#7A5A17; }
.badge--confirmed{ background:#D8E6DC; color:#245A38; }
.badge--cancelled{ background:#F1D6CE; color:#8A3A21; }
.badge--completed{ background:#D6E1F0; color:#274C7A; }
.badge--no_show{ background:#E4E0D8; color:#5B5546; }

.panel-2col{ display:grid; grid-template-columns:1fr; gap:28px; }
@media(min-width:800px){ .panel-2col{ grid-template-columns: 320px 1fr; } }

.section-title{ font-family:var(--font-head); font-size:1.05rem; margin: 0 0 12px; color:var(--brand-dark); }

.stacked-form{ display:flex; flex-direction:column; gap:10px; }
.stacked-form textarea.field{ min-height:70px; resize:vertical; }

.stat-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin-bottom:26px; }
.stat-card{ background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius-m); padding:16px; }
.stat-card__num{ font-family:var(--font-head); font-weight:700; font-size:1.6rem; color:var(--brand-dark); }
.stat-card__label{ color:var(--ink-soft); font-size:.82rem; }

.modal{
  position:fixed; inset:0; background:rgba(32,40,33,.45);
  display:flex; align-items:center; justify-content:center; padding:20px; z-index:10;
}
.modal__box{
  background:var(--card); border-radius:var(--radius-l); padding:24px; width:100%; max-width:460px; max-height:85vh; overflow:auto;
}
.inline-form{ display:flex; gap:8px; margin: 14px 0; flex-wrap:wrap; }
.inline-form select, .inline-form input{ padding:8px 10px; border-radius:var(--radius-s); border:1.5px solid var(--line); background:#fff; }

/* الإعدادات */
.setting-row{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:1rem 1.25rem; max-width:560px; }
.setting-label{ display:flex; align-items:center; gap:.6rem; font-weight:600; cursor:pointer; }
.setting-label input[type="checkbox"]{ width:1.15rem; height:1.15rem; accent-color: var(--brand); }

.btn-small--danger{ border-color:#c0392b; color:#c0392b; }
.btn-small--danger:hover{ background:#c0392b; color:#fff; }
.btn-small:disabled{ opacity:.45; cursor:not-allowed; }
.btn-small:disabled:hover{ background:none; color:inherit; }