/* نظام الأزرار الموحّد — متوافق كلياً مع معايير تلوند القياسية Standard Tailwind */

/* مكوّن الأزرار الرسمي */
.nds-btn, .nds-btn-primary, .nds-btn-accent, .nds-btn-secondary, .nds-btn-danger {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .625rem 1.25rem; border-radius: .75rem;
  font-size: .875rem; font-weight: 700; line-height: 1.25rem; white-space: nowrap;
  border: 1px solid transparent; cursor: pointer;
  transition: all .15s ease-in-out;
}
.nds-btn:active, .nds-btn-primary:active, .nds-btn-accent:active, .nds-btn-secondary:active, .nds-btn-danger:active { transform: scale(0.98); }
.nds-btn:focus-visible, .nds-btn-primary:focus-visible, .nds-btn-accent:focus-visible, .nds-btn-secondary:focus-visible, .nds-btn-danger:focus-visible {
  outline: 2px solid var(--nds-primary, #0f7c8a); outline-offset: 2px;
}
.nds-btn:disabled, .nds-btn-primary:disabled, .nds-btn-accent:disabled, .nds-btn-secondary:disabled, .nds-btn-danger:disabled { opacity: .55; cursor: not-allowed; }

.nds-btn-primary { 
  background-color: var(--nds-primary, #0f7c8a); 
  color: #fff; 
  border-color: var(--nds-primary, #0f7c8a);
}
.nds-btn-primary:hover { 
  background-color: var(--nds-primary-hover, var(--nds-dark, #003c48)); 
  border-color: var(--nds-primary-hover, var(--nds-dark, #003c48));
}

.nds-btn-accent { 
  background-color: var(--nds-accent, #2db7c3); 
  color: var(--nds-dark, #03141f); 
}
.nds-btn-accent:hover { 
  opacity: .9; 
}

.nds-btn-secondary {
  background-color: color-mix(in srgb, var(--nds-text, #1e293b) 8%, transparent);
  color: var(--nds-text, #1e293b);
  border-color: color-mix(in srgb, var(--nds-text, #1e293b) 15%, transparent);
}
.nds-btn-secondary:hover {
  background-color: color-mix(in srgb, var(--nds-text, #1e293b) 14%, transparent);
}

.nds-btn-danger {
  background-color: #ef4444;
  color: #fff;
  border-color: #ef4444;
}
.nds-btn-danger:hover {
  background-color: #dc2626;
  border-color: #dc2626;
}

.nds-btn--sm { padding: .375rem .75rem; font-size: .75rem; border-radius: .5rem; }
.nds-btn--lg { padding: .75rem 1.5rem; font-size: 1rem; border-radius: 1rem; }
.nds-btn--block { display: flex; width: 100%; }

/* ==========================================================================
   فئات أزرار لوحات التحكم (dk-btn) — متزامنة بالكامل مع الهوية المرئية
   ========================================================================== */
.dk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 2.5rem; padding: 0 1rem; border-radius: 0.75rem;
  font-size: 0.8125rem; font-weight: 800; line-height: 1.25;
  text-decoration: none; cursor: pointer;
  color: var(--nds-text, #1e293b);
  background: var(--nds-surface, #f8fafc);
  border: 1px solid color-mix(in srgb, var(--nds-text, #1e293b) 15%, transparent);
  transition: all .2s ease-in-out;
}
.dk-btn:hover {
  background: color-mix(in srgb, var(--nds-text, #1e293b) 8%, transparent);
}

/* داخل هيرو لوحة التحكم ذات الخلفية الداكنة */
.dk-hero .dk-btn {
  color: #fff;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .25);
}
.dk-hero .dk-btn:hover {
  background: rgba(255, 255, 255, .26);
}

/* زر أساسي (الحفظ، الإضافة، الإنشاء) */
.dk-btn--primary,
.dk-btn-primary,
.btn--primary {
  background-color: var(--nds-primary, #0f7c8a) !important;
  color: #fff !important;
  border-color: var(--nds-primary, #0f7c8a) !important;
  box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--nds-primary, #0f7c8a) 40%, transparent);
}
.dk-btn--primary:hover,
.dk-btn-primary:hover,
.btn--primary:hover {
  background-color: var(--nds-primary-hover, var(--nds-dark, #003c48)) !important;
  border-color: var(--nds-primary-hover, var(--nds-dark, #003c48)) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.dk-btn--primary:active,
.btn--primary:active {
  transform: translateY(0);
}

/* زر التمييز الصلب */
.dk-btn--solid,
.btn--solid {
  background-color: var(--nds-accent, #2db7c3) !important;
  color: var(--nds-dark, #03141f) !important;
  border-color: transparent !important;
  font-weight: 800;
}
.dk-btn--solid:hover,
.btn--solid:hover {
  background-color: color-mix(in srgb, var(--nds-accent, #2db7c3) 88%, #fff) !important;
}

/* زر ناعم للأفعال الثانوية والتنقل */
.dk-btn--soft,
.btn--soft {
  background-color: color-mix(in srgb, var(--nds-primary, #0f7c8a) 12%, transparent);
  color: var(--nds-primary, #0f7c8a);
  border-color: color-mix(in srgb, var(--nds-primary, #0f7c8a) 25%, transparent);
}
.dk-hero .dk-btn--soft {
  background-color: rgba(255, 255, 255, .16);
  color: #fff;
  border-color: rgba(255, 255, 255, .28);
}
.dk-btn--soft:hover,
.btn--soft:hover {
  background-color: color-mix(in srgb, var(--nds-primary, #0f7c8a) 20%, transparent);
}
.dk-hero .dk-btn--soft:hover {
  background-color: rgba(255, 255, 255, .28);
}

/* أزرار الحذف والخطر */
.dk-btn--danger,
.btn--danger {
  background-color: #ef4444 !important;
  color: #fff !important;
  border-color: #ef4444 !important;
}
.dk-btn--danger:hover,
.btn--danger:hover {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
}