/* ============================================================
   devices.css — إدارة الأجهزة
   بيعتمد على we_lines.css للعناصر المشتركة (we-head, we-stats,
   we-toolbar, we-search, we-line-list, bsh, we-pass-wrap, we-toggles…)
   ============================================================ */

/* ── كارت الجهاز ── */
.dev-card{
  background:var(--surface); border:1px solid var(--line);
  border-radius:14px; padding:12px 14px;
  transition:border-color .15s;
}
.dev-name{ display:flex; align-items:center; gap:8px; font-weight:800; font-size:14.5px; color:var(--txt); flex-wrap:wrap; }
.dev-type-badge{ font-size:10.5px; font-weight:800; padding:1px 7px; border-radius:6px; background:var(--accent-soft); color:var(--accent); }
.dev-meta{ font-size:12px; color:var(--txt-3); margin-block-start:3px; }

.dev-dot{ inline-size:9px; block-size:9px; border-radius:50%; flex:none; display:inline-block; background:var(--txt-3); }
.dev-dot.on{ background:var(--ok); box-shadow:0 0 0 3px var(--ok-soft); }
.dev-dot.off{ background:var(--bad); box-shadow:0 0 0 3px var(--bad-soft); }
.dev-dot.pending{ background:var(--txt-3); }

.dev-lc-stats{ display:flex; align-items:center; gap:10px 14px; flex-wrap:wrap; margin-block:9px 4px; font-size:12px; color:var(--txt-3); }
.dev-lc-stats b{ color:var(--txt); font-weight:800; }

.dev-lc-foot{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-block-start:8px; padding-block-start:8px; border-block-start:1px solid var(--line); }
.dev-status-chip{ display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:800; }
.dev-board{ font-size:11px; color:var(--txt-3); }

/* ── سكربت المايكروتك ── */
.dev-script-note{ font-size:12.5px; color:var(--txt-2); background:var(--info-soft); padding:10px 12px; border-radius:10px; margin-block-end:12px; }
.dev-script-note b{ color:var(--txt); }
.dev-script-wrap{ position:relative; }
.dev-copy-btn{
  position:absolute; inset-block-start:8px; inset-inline-end:8px; z-index:1;
  display:inline-flex; align-items:center; gap:5px; font:inherit; font-size:12px; font-weight:700;
  padding:5px 10px; border-radius:8px; cursor:pointer;
  background:var(--surface-3); border:1px solid var(--line); color:var(--txt);
}
.dev-copy-btn .ic{ inline-size:14px; block-size:14px; }
.dev-copy-btn:hover{ border-color:var(--accent); color:var(--accent); }
.dev-script-wrap pre{
  margin:0; padding:14px; padding-block-start:40px;
  background:var(--surface-2); border:1px solid var(--line); border-radius:12px;
  color:var(--txt); font-family:var(--mono, 'Consolas', monospace); font-size:12px; line-height:1.55;
  white-space:pre; overflow-x:auto; -webkit-overflow-scrolling:touch;
}
.dev-script-meta{ margin-block-start:12px; display:flex; flex-direction:column; gap:6px; }
.dev-meta-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; padding:8px 10px; background:var(--surface-2); border-radius:9px; }
.dev-meta-row span{ color:var(--txt-3); }
.dev-meta-row b{ color:var(--txt); word-break:break-all; text-align:end; }

/* ── السجل ── */
.dev-log-toolbar{ display:grid; grid-template-columns:1fr 200px; gap:10px; align-items:center; }
.dev-log-filter{ min-height:42px; }
.dev-det-log-h{ font-weight:800; font-size:13px; color:var(--txt); margin-block:14px 8px; }
.dev-log-list{ display:flex; flex-direction:column; gap:2px; }
.dev-log-row{ display:flex; gap:10px; padding:10px 4px; border-block-end:1px solid var(--line); }
.dev-log-row:last-child{ border-block-end:0; }
.dev-log-dot{ inline-size:8px; block-size:8px; border-radius:50%; flex:none; margin-block-start:5px; background:var(--ok); }
.dev-log-dot.note{ background:var(--info); }
.dev-log-dot.hb{ background:var(--ok); }
.dev-log-body{ flex:1; min-width:0; }
.dev-log-top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.dev-log-top b{ font-size:13px; color:var(--txt); font-weight:800; }
.dev-log-ev{ font-size:10.5px; font-weight:800; padding:1px 7px; border-radius:5px; background:var(--surface-3); color:var(--txt-2); }
.dev-log-time{ font-size:11px; color:var(--txt-3); margin-inline-start:auto; }
.dev-log-sub{ font-size:12px; color:var(--txt-3); margin-block-start:2px; }
.dev-log-empty{ text-align:center; padding:24px; color:var(--txt-3); font-size:13px; }

@media (max-width:767px){
  .dev-log-toolbar{ grid-template-columns:1fr; }
  .dev-log-time{ margin-inline-start:0; }
}

/* ═══════ اكتشاف الأجهزة من المكروتك (device_add) ═══════ */
.dev-discover-sec .csub-field-btn{ display:flex; flex-direction:column; }
.dev-lbl-sp{ visibility:hidden; }
.dev-discover-btn{ inline-size:100%; justify-content:center; }
.dev-discover-box{ margin-block-start:10px; }
.dev-discover-search{ margin-block-end:8px; }
.dev-discover-list{
  max-block-size:280px; overflow-y:auto; display:flex; flex-direction:column; gap:6px;
  border:1px solid var(--card-line); border-radius:var(--r-md); padding:6px; background:var(--surface-2);
}
.dev-discover-row{
  display:flex; flex-direction:column; gap:3px; text-align:start;
  padding:9px 11px; border-radius:var(--r-sm); background:var(--surface);
  border:1px solid var(--card-line); cursor:pointer; transition:background .15s, border-color .15s;
}
.dev-discover-row:hover{ background:var(--accent-soft); border-color:var(--accent); }
.dev-discover-row.is-exists{ opacity:.72; }
.ddr-main{ display:flex; align-items:center; gap:8px; }
.ddr-main b{ font-size:12.5px; font-weight:800; }
.ddr-sub{ display:flex; align-items:center; gap:10px; font-size:11px; color:var(--txt-3); font-weight:600; }
.ddr-sub span[dir="ltr"]{ font-family:ui-monospace,Menlo,Consolas,monospace; }
.ddr-typ{ padding:1px 7px; border-radius:999px; background:var(--surface-3); font-weight:800; font-size:9.5px; }
.dev-exists{ font-size:9.5px; font-weight:800; padding:2px 8px; border-radius:999px; background:var(--warn-soft); color:var(--warn); }
.dev-discover-loading{ display:flex; align-items:center; justify-content:center; gap:8px; padding:20px; font-size:12px; color:var(--txt-3); font-weight:600; }
.dev-discover-err{ color:var(--bad); }