/* المنصة الهجينة — مكونات مشتركة بين النواة المشتركة ومركز بصيرة */
.hy-steps { display: flex; gap: 6px; flex-wrap: wrap; }
.hy-step { flex: 1 1 140px; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 10px; font-size: 12.5px; color: var(--text-3); background: var(--surface); min-width: 0; }
.hy-step b { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11.5px; background: var(--surface-3); color: var(--text-2); flex: none; }
.hy-step.done { color: var(--text); border-color: var(--success-bd); background: var(--success-bg); }
.hy-step.done b { background: var(--success); color: #fff; }
.hy-step.cur { color: var(--primary); border-color: var(--primary); background: var(--primary-50); font-weight: 600; }
.hy-step.cur b { background: var(--primary); color: #fff; }
.hy-choice { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.hy-opt { display: flex; gap: 10px; align-items: flex-start; padding: 13px; border: 1.5px solid var(--border); border-radius: 12px; cursor: pointer; background: var(--surface); min-width: 0; }
.hy-opt:hover { border-color: var(--border-strong); }
.hy-opt.on { border-color: var(--primary); background: var(--primary-50); }
.hy-opt.off { opacity: .55; cursor: not-allowed; }
.hy-opt input { margin-top: 3px; flex: none; }
.hy-opt .d { font-size: 12px; color: var(--text-3); margin-top: 2px; line-height: 1.6; }
.hy-console { background: #0f172a; color: #cbd5e1; border-radius: 10px; padding: 12px 14px; font-family: var(--mono); font-size: 12px; line-height: 1.9; direction: ltr; text-align: left; max-height: 220px; overflow: auto; }
.hy-console .ok { color: #86efac; } .hy-console .wr { color: #fcd34d; } .hy-console .no { color: #fca5a5; }
.hy-src { display: inline-flex; align-items: center; font-size: 10.5px; font-weight: 700; padding: 0 6px; border-radius: 5px; line-height: 17px; margin-inline-start: 6px; vertical-align: middle; border: 1px solid; }
.hy-src.sys { color: var(--info); background: var(--info-bg); border-color: var(--info-bd); }
.hy-src.man { color: var(--violet); background: var(--violet-bg); border-color: var(--violet-bd); }
.hy-src.drv { color: var(--text-3); background: var(--surface-3); border-color: var(--border); }
.hy-duty { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; }
.hy-duty + .hy-duty { margin-top: 8px; }
.hy-duty code { font-size: 11.5px; }
.hy-gate { display: flex; align-items: center; gap: 10px; justify-content: space-between; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; flex-wrap: wrap; }
.hy-gate + .hy-gate { margin-top: 8px; }
.hy-why { font-size: 12.5px; color: var(--danger); background: var(--danger-bg); border: 1px solid var(--danger-bd); border-radius: 8px; padding: 7px 10px; }
.hy-kill { border-color: var(--danger-bd) !important; background: var(--danger-bg) !important; }
.hy-meter { height: 8px; background: var(--surface-3); border-radius: 99px; overflow: hidden; }
.hy-meter > span { display: block; height: 100%; background: var(--primary); border-radius: 99px; }
.hy-meter.over > span { background: var(--danger); }
.hy-group td { background: var(--surface-2, var(--surface-3)); font-weight: 700; font-size: 12.5px; }
.hy-feat td { vertical-align: middle; }
.hy-feat .select { min-width: 150px; }
.hy-feat .input-affix { min-width: 130px; }
.hy-feat .input-affix .input { min-width: 70px; }
.hy-feat.changed td:first-child { box-shadow: inset -3px 0 0 var(--warning); }
[dir="ltr"] .hy-feat.changed td:first-child { box-shadow: inset 3px 0 0 var(--warning); }
.hy-mini { width: 100%; border-collapse: collapse; font-size: 13px; }
.hy-mini th, .hy-mini td { padding: 7px 8px; border-bottom: 1px solid var(--border); text-align: start; }
.hy-mini th { font-size: 12px; color: var(--text-3); font-weight: 600; }
.hy-add { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; margin-top: 10px; }
.hy-persona { display: flex; gap: 12px; align-items: center; }
.hy-persona .av-d { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, #4C46C8, #7C3AED); color: #fff; flex: none; }
.hy-persona .av-h { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--surface-3); color: var(--text-2); flex: none; }
.hy-wrap-table { overflow-x: auto; }
@media (max-width: 720px) {
  .hy-step { flex-basis: 100%; }
  .hy-duty { grid-template-columns: 1fr; }
}

/* الموظف الرقمي: الصورة الرمزية والوسم والطابور */
.agt-av { display: block; flex: none; border-radius: 12px; }
.agt-tag { display: inline-block; font-size: 11px; font-weight: 700; line-height: 1; padding: 3px 7px; border-radius: 999px; background: var(--primary-50); color: var(--primary); border: 1px solid var(--primary-200); vertical-align: middle; }
.agt-why { margin: 6px 0 4px; padding-inline-start: 18px; }
.agt-why li + li { margin-top: 2px; }
.agt-namebox { display: flex; gap: 14px; align-items: flex-start; padding: 12px; border: 1px solid var(--border); border-radius: 12px; }
.agt-g { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; padding: 4px 10px; border: 1px solid var(--border); border-radius: 999px; cursor: pointer; }
.agt-row { display: flex; align-items: center; gap: 10px; min-width: 0; }
.agt-row > div { min-width: 0; }
.agt-out { border: 1px dashed var(--primary-200); background: var(--primary-50); border-radius: 10px; padding: 10px 12px; }
.agt-stamp { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--primary); }
.agt-inject { font-size: 12.5px; background: var(--warning-bg); border: 1px solid var(--warning-bd); color: var(--text); border-radius: 8px; padding: 8px 10px; }
.agt-inject q { font-weight: 700; }
.agt-task { border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; }
.agt-task + .agt-task { margin-top: 10px; }
.agt-audit { font-size: 12px; }
.agt-audit li { padding: 4px 0; border-bottom: 1px dashed var(--border); overflow-wrap: anywhere; }
.agt-kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.agt-kv > div { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; }
.agt-kv b { display: block; font-size: 18px; }
@media (max-width: 720px) { .agt-namebox { flex-direction: column; } }

/* زر ذكاء اصطناعي معطّل: رمادي باهت بسبب مقروء بدل أن يبدو متاحاً ثم يفشل */
.ai-off, .icon-btn.ai-btn.ai-off, .btn.ai-off { background: var(--surface-2, #EEF1F5) !important; color: var(--text-3, #6B7280) !important;
  border-color: var(--border, #D8E0E8) !important; box-shadow: none !important; cursor: not-allowed; opacity: .75; filter: grayscale(1); }
.ai-off svg { opacity: .8; }