/* The device inventory (pages/devices.rs). */
.dev-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0; }
.dev-toolbar .mc-input { min-width: 240px; flex: 1 1 240px; }
.dev-counts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin: 12px 0; }
.dev-count { border: 1px solid var(--border, #d0d5dd); border-radius: 8px; padding: 8px 12px; }
.dev-count dt { font-size: 12px; opacity: .8; }
.dev-count dd { margin: 0; font-size: 20px; font-weight: 600; }
.dev-count--bad dd { color: var(--danger, #b42318); }
.dev-badge { display: inline-block; padding: 0 6px; border-radius: 6px; font-size: 12px; border: 1px solid currentColor; }
.dev-badge--bad { color: var(--danger, #b42318); }
.dev-badge--warn { color: var(--warning, #b54708); }
.dev-mono { font-family: var(--font-mono, ui-monospace, monospace); font-size: 12px; word-break: break-all; }
.dev-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; margin: 12px 0; }
.dev-card { border: 1px solid var(--border, #d0d5dd); border-radius: 8px; padding: 12px 16px; }
.dev-facts { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 0 0 12px; }
.dev-facts dd { margin: 0; }
.dev-list { list-style: none; padding: 0; margin: 0; }
.dev-kind { font-size: 12px; opacity: .8; }
.dev-label { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; }
.dev-resolved td { opacity: .65; }
.dev-fixed { display: block; opacity: .8; }