/*
 * طبقة الهوية للبوابات — متوافقة كلياً مع معايير تلوند القياسية Standard Tailwind
 * تقتصر على ألوان الهوية المُدارة من لوحة الإدارة دون التدخل في مقاسات تلوند القياسية.
 */
.nds-portal {
  --skin-line: color-mix(in srgb, var(--nds-text, #1a2332) 11%, transparent);
  --skin-line-strong: color-mix(in srgb, var(--nds-text, #1a2332) 20%, transparent);
}

/* تركيز الحقول بلون هوية الإدارة دون تغيير مقاساتها */
.nds-portal :is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="hidden"]), select, textarea):focus {
  outline: none;
  border-color: var(--nds-primary, #006341);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--nds-primary, #006341) 20%, transparent);
}

.nds-portal :is(input[type="checkbox"], input[type="radio"], input[type="range"]) { 
  accent-color: var(--nds-primary, #006341); 
}

/* الشريط العلوي: ضبابية خفيفة */
.nds-portal main > header { 
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}