/* ════════════════════════════════════════════════════════════════════════════
   101-iron-lock-modal.css — طبقة «القيد الحديدي» فوق device-limit-modal.css
   ────────────────────────────────────────────────────────────────────────────
   تنسيقات إضافية فقط لعناصر شاشة «الدكتور حمدان» الجديدة (قائمة الأجهزة + أزرار
   جديدة + وسم تحذير). لا تُعدّل القاعدة — طبقة فوقها (فلسفة الطبقات 90+).
   RTL + clamp() متجاوبة + نفس الثيم البنفسجي/الكوني الزجاجي.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── كتلة الأجهزة المسجَّلة ─────────────────────────────────────────────── */
.dlm-root .dlm-devices{
  margin: clamp(6px, 1.6vw, 12px) 0 clamp(4px, 1.2vw, 10px);
  text-align: right;
}
.dlm-root .dlm-devices-title{
  display: flex; align-items: center; gap: 8px;
  font-size: clamp(.82rem, 2.6vw, .95rem);
  font-weight: 700;
  color: var(--text-primary, #fff);
  opacity: .92;
  margin-bottom: clamp(6px, 1.4vw, 10px);
}
.dlm-root .dlm-devices-title i{ opacity: .8; }

.dlm-root .dlm-dev-list{
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: clamp(6px, 1.4vw, 10px);
}

.dlm-root .dlm-dev{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: clamp(12px, 2.4vw, 16px);
  padding: clamp(9px, 2vw, 13px) clamp(11px, 2.4vw, 15px);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.dlm-root .dlm-dev-head{
  display: flex; align-items: center; gap: 9px;
  font-size: clamp(.84rem, 2.7vw, .98rem);
  font-weight: 600;
  color: var(--text-primary, #fff);
  line-height: 1.5;
}
.dlm-root .dlm-dev-head i{
  flex: 0 0 auto;
  color: #6ee7f0; /* سماوي هادئ — متناسق، بلا توهج بنفسجي/أحمر */
  font-size: 1.02rem; opacity: .95;
}
.dlm-root .dlm-dev-name{ word-break: break-word; }
.dlm-root .dlm-dev-os{
  font-size: .82em; opacity: .7; font-weight: 500;
}
.dlm-root .dlm-dev-primary{
  display: inline-block;
  margin-inline-start: 6px;
  font-size: .72em; font-weight: 700;
  color: #34d399;
  background: rgba(52,211,153,.14);
  border: 1px solid rgba(52,211,153,.34);
  border-radius: 999px;
  padding: 1px 8px;
  vertical-align: middle;
}
.dlm-root .dlm-dev-meta{
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  margin-top: clamp(4px, 1vw, 7px);
  font-size: clamp(.72rem, 2.3vw, .82rem);
  color: var(--text-secondary, rgba(255,255,255,.7));
  opacity: .9;
}
.dlm-root .dlm-dev-dot{ opacity: .45; }

.dlm-root .dlm-devices-empty{
  background: rgba(255,255,255,.05);
  border: 1px dashed rgba(255,255,255,.16);
  border-radius: 14px;
  padding: clamp(10px, 2.2vw, 14px);
  font-size: clamp(.82rem, 2.6vw, .92rem);
  color: var(--text-secondary, rgba(255,255,255,.78));
  text-align: center;
}

/* ── تذييل زر الرجوع (سطر مستقل أسفل الأزرار) ───────────────────────────── */
.dlm-root .dlm-foot{
  margin-top: clamp(8px, 1.8vw, 13px);
  display: flex; justify-content: center;
}
.dlm-root .dlm-foot .dlm-btn{ width: 100%; }

/* ── زر «إعادة المحاولة» الناعم ─────────────────────────────────────────── */
.dlm-root .dlm-btn-soft{
  background: rgba(110,231,240,.10);
  border: 1px solid rgba(110,231,240,.30);
  color: #bdf3f7;
}
.dlm-root .dlm-btn-soft:hover{
  background: rgba(110,231,240,.18);
  border-color: rgba(110,231,240,.46);
}
.dlm-root .dlm-btn-soft:focus-visible{
  outline: 2px solid rgba(110,231,240,.7);
  outline-offset: 2px;
}

/* ── وسم «تعذّر التحقق» التحذيري ────────────────────────────────────────── */
.dlm-root .dlm-badge-warn{
  background: rgba(245,158,11,.14);
  border-color: rgba(245,158,11,.4) !important;
  color: #fcd9a0 !important;
}
.dlm-root .dlm-badge-warn .dot{ background: #f59e0b !important; }

/* ── الجمل الناعمة داخل الملاحظة ────────────────────────────────────────── */
.dlm-root .dlm-note .dlm-soft{
  opacity: .85;
  font-size: .95em;
}
.dlm-root .dlm-note p{ margin: 0 0 6px; }
.dlm-root .dlm-note p:last-child{ margin: 0; }

/* ── على الشاشات الصغيرة جداً: الأزرار عمودية مريحة ─────────────────────── */
@media (max-width: 380px){
  .dlm-root .dlm-actions{ flex-direction: column; }
  .dlm-root .dlm-actions .dlm-btn{ width: 100%; }
}