/* ============================================================
   dhcp.css — مراقبة DHCP (بيعتمد على we_lines.css + subpanel.css + devices.css)
   ============================================================ */
.dhcp-badge{ display:inline-flex; align-items:center; font-size:10.5px; font-weight:800; padding:2px 8px; border-radius:99px; }
.dhcp-badge.on{ background:var(--ok-soft); color:var(--ok); }
.dhcp-badge.off{ background:var(--surface-3); color:var(--txt-3); }
.dhcp-badge.none{ background:var(--warn-soft); color:var(--warn); }
.dhcp-badge.live{ background:var(--info-soft); color:var(--info); }
.dhcp-badge.push{ background:var(--accent-soft); color:var(--accent); }

.dhcp-mini{ min-height:30px; padding:5px 12px; font-size:12px; }

.dhcp-mon-row{ display:flex; align-items:center; gap:10px; padding:12px 14px; background:var(--surface); border:1px solid var(--line); border-radius:12px; margin-block-end:8px; }
.dhcp-mon-info{ flex:1; min-width:0; }
.dhcp-mon-info b{ font-size:13.5px; color:var(--txt); display:block; }
.dhcp-mon-info small{ font-size:11.5px; color:var(--txt-3); }
.dhcp-mon-badges{ display:flex; gap:5px; flex:none; }
.dhcp-mon-acts{ display:flex; gap:4px; flex:none; }
.dhcp-mon-acts button{ inline-size:32px; block-size:32px; border:0; background:transparent; border-radius:8px; cursor:pointer; display:grid; place-items:center; color:var(--txt-3); }
.dhcp-mon-acts button .ic{ inline-size:16px; block-size:16px; }
.dhcp-mon-acts button:hover{ background:var(--surface-2); color:var(--txt); }
.dhcp-mon-acts .del:hover{ color:var(--bad); }

@media (max-width:767px){
  .dhcp-mon-row{ flex-wrap:wrap; }
  .dhcp-mon-info{ flex-basis:100%; }
}