/* Shared Node Status Widget — Version 3.3
   Identical on both nodes. Scoped to node-status-* classes only.
*/

.node-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.node-status-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:102px;
  padding:13px 14px;
  background:#fff;
  border:1px solid #d8e1e8;
  border-radius:12px;
}

.node-status-card.node-status-featured{
  border-color:#c5daf2;
  background:#f8fbff;
}

.node-status-dot{
  width:12px;
  height:12px;
  min-width:12px;
  border-radius:50%;
  display:inline-block;
  margin-top:4px;
  background:#98a3ad;
  box-shadow:0 0 0 4px rgba(152,163,173,.14);
}

.node-status-content{min-width:0}

.node-status-card h3{
  margin:0 0 3px;
  color:#123b5d;
  font-size:.89rem;
  line-height:1.2;
}

.node-status-card h3 .node-status-node,
.node-status-card h3 .node-status-label{
  display:block;
}

.node-status-card h3 .node-status-label{
  margin-top:2px;
  color:#5c6a76;
  font-size:.76rem;
  font-weight:650;
}

.node-status-value{
  display:block;
  color:#18222c;
  font-size:1rem;
  line-height:1.25;
}

.node-status-description{
  margin:3px 0 0;
  color:#5c6a76;
  font-size:.78rem;
  line-height:1.35;
}

.node-status-meta{
  margin:5px 0 0;
  color:#73808b;
  font-size:.72rem;
  line-height:1.25;
}

.node-status-available{
  background:#2f9b5f;
  box-shadow:0 0 0 4px rgba(47,155,95,.14);
}

.node-status-in-use{
  background:#d89116;
  box-shadow:0 0 0 4px rgba(216,145,22,.17);
}

.node-status-offline{
  background:#d64c4c;
  box-shadow:0 0 0 4px rgba(214,76,76,.15);
}

.node-status-unavailable,
.node-status-unknown{
  background:#98a3ad;
  box-shadow:0 0 0 4px rgba(152,163,173,.14);
}

.node-status-card[data-current-status="available"] .node-status-value{color:#155f35}
.node-status-card[data-current-status="in-use"] .node-status-value{color:#9b6400}
.node-status-card[data-current-status="offline"] .node-status-value{color:#a62d2d}
.node-status-card[data-current-status="unavailable"] .node-status-value{color:#59656f}

@media (max-width:720px){
  .node-status-grid{grid-template-columns:1fr}
  .node-status-card{min-height:0}
}