/* ============================================================================
   Components - Status row
   system/components/status-row.css

   A label + value pair, typically grouped inside a panel or card.
   Replaces the Bridge's .info-row / .printer-row pattern with a single
   reusable primitive.

   See sibling status-row.md.
   ============================================================================ */

.gm .gm-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gm-space-4);
  padding: var(--gm-space-2) 0;
  border-bottom: 1px solid var(--gm-border-subtle);
}
.gm .gm-status-row:last-child {
  border-bottom: none;
}

.gm .gm-status-row-label {
  display: flex;
  align-items: center;
  gap: var(--gm-space-2);
  font-size: var(--gm-fs-sm);
  color: var(--gm-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

.gm .gm-status-row-value {
  font-size: var(--gm-fs-base);
  color: var(--gm-text-secondary);
  text-align: right;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Value variants */
.gm .gm-status-row-value.gm-status-row-mono {
  font-family: var(--gm-font-mono);
  font-size: var(--gm-fs-xs);
}
.gm .gm-status-row-value.gm-status-row-ok {
  color: var(--gm-success);
}
.gm .gm-status-row-value.gm-status-row-warn {
  color: var(--gm-warning);
}
.gm .gm-status-row-value.gm-status-row-error {
  color: var(--gm-danger);
}