/* =========================================================
   admin.css — تصميم لوحة تحكم منصة DentalSites
   ========================================================= */
body { font-family: 'Cairo', sans-serif; }

.admin-sidebar { width: 260px; }

.tab-btn {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .7rem 1rem;
  border-radius: .75rem;
  font-weight: 600;
  color: #4b5563;
  transition: all .2s ease;
  cursor: pointer;
  width: 100%;
  text-align: right;
}
.tab-btn:hover { background: #f3f4f6; color: #0f766e; }
.tab-btn.active { background: #0f766e; color: #fff; }

.tab-panel { display: none; }
.tab-panel.active { display: block; }

.field-label { font-weight: 700; font-size: .875rem; color: #374151; margin-bottom: .35rem; display: block; }

.field-input, .field-textarea, .field-select {
  width: 100%;
  border: 1.5px solid #e5e7eb;
  border-radius: .65rem;
  padding: .65rem .9rem;
  font-family: inherit;
  font-size: .925rem;
  transition: border-color .2s ease;
  background: #fff;
}
.field-input:focus, .field-textarea:focus, .field-select:focus {
  outline: none;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15,118,110,.12);
}

.color-swatch-input { width: 3.2rem; height: 2.6rem; border: 1.5px solid #e5e7eb; border-radius: .5rem; padding: .2rem; cursor: pointer; }

.card-box { background: #fff; border: 1px solid #eef0f2; border-radius: 1rem; padding: 1.5rem; }

.item-row { border: 1px solid #eef0f2; border-radius: .9rem; padding: 1rem; background: #fafbfc; }

.btn-sm-danger { color: #dc2626; }
.btn-sm-danger:hover { color: #991b1b; }

.toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: #111827;
  color: #fff;
  padding: .8rem 1.5rem;
  border-radius: .75rem;
  font-weight: 600;
  opacity: 0;
  transition: all .3s ease;
  z-index: 200;
  pointer-events: none;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

.badge-status {
  display: inline-block;
  padding: .2rem .7rem;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 700;
}
.status-new { background: #dbeafe; color: #1e40af; }
.status-confirmed { background: #dcfce7; color: #166534; }
.status-cancelled { background: #fee2e2; color: #991b1b; }
.status-done { background: #f3f4f6; color: #374151; }