/* KYNORIQ Monitoring 2.1.16 – separates Layout, bestehendes Admin-Design bleibt erhalten */
#monitoring .monitor-list { display:grid; gap:20px; }
#monitoring .monitor-row {
  display:block !important; height:auto !important; min-height:0 !important;
  padding:22px !important; border-radius:16px; overflow:visible;
}
#monitoring .monitor-top {
  display:flex !important; justify-content:space-between; align-items:flex-start;
  flex-wrap:wrap; gap:14px; margin-bottom:20px;
}
#monitoring .monitor-metrics {
  display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px; margin:0 0 18px !important;
}
#monitoring .monitor-metrics > div { min-width:0; }
#monitoring .monitor-bottom {
  display:flex !important; flex-direction:row !important; align-items:center !important;
  justify-content:flex-start !important; flex-wrap:wrap !important;
  gap:10px !important; width:100% !important; min-height:0 !important;
  margin:0 !important; padding:16px 0 0 !important;
  border-top:1px solid #e4ebef;
}
#monitoring .monitor-bottom > .monitor-checked { margin-right:auto; }
#monitoring .monitor-bottom > form:not(.monitor-add) {
  flex:0 0 auto !important; width:auto !important; max-width:none !important;
  margin:0 !important; padding:0 !important; border:0 !important;
  background:transparent !important; box-shadow:none !important;
}
#monitoring .monitor-bottom > form:not(.monitor-add) button { width:auto !important; margin:0 !important; }
#monitoring .monitor-bottom > form.monitor-add {
  order:10; flex:0 0 100% !important; width:100% !important; max-width:none !important;
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px 20px !important; align-items:end !important;
  margin:14px 0 0 !important; padding:22px !important;
  border:1px solid #dce5ea !important; border-radius:14px !important;
  background:#f7fafb !important; box-sizing:border-box !important;
}
#monitoring .monitor-bottom > form.monitor-add h3 {
  grid-column:1/-1; margin:0 0 2px !important; font-size:18px;
}
#monitoring .monitor-bottom > form.monitor-add label {
  display:flex !important; flex-direction:column !important; gap:7px !important;
  width:100% !important; min-width:0 !important; margin:0 !important;
}
#monitoring .monitor-bottom > form.monitor-add input,
#monitoring .monitor-bottom > form.monitor-add select {
  box-sizing:border-box !important; width:100% !important; max-width:none !important;
  min-height:42px !important;
}
#monitoring .monitor-bottom > form.monitor-add button {
  grid-column:1/-1; justify-self:start; width:auto !important;
  min-width:190px; margin-top:4px;
}
#monitoring > form.monitor-add {
  max-width:none !important; width:100% !important; box-sizing:border-box !important;
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px 20px !important; margin-top:22px !important;
}
#monitoring > form.monitor-add h3 { grid-column:1/-1; }
#monitoring > form.monitor-add label { min-width:0; }
#monitoring > form.monitor-add input, #monitoring > form.monitor-add select {
  box-sizing:border-box !important; width:100% !important;
}
#monitoring > form.monitor-add button { grid-column:1/-1; justify-self:start; width:auto !important; }
@media(max-width:800px) {
  #monitoring .monitor-metrics { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #monitoring .monitor-bottom > form.monitor-add,
  #monitoring > form.monitor-add { grid-template-columns:minmax(0,1fr) !important; }
  #monitoring .monitor-row { padding:15px !important; }
  #monitoring .monitor-bottom > .monitor-checked { flex-basis:100%; }
}