/* Additive to style.css - devices-page-specific rules only. Generic
   table/badge/dialog styling now lives in style.css (shared with
   derivations.html/alarms.html). */

#main {
  display: block;
  height: auto;
  padding: 1rem;
  overflow-y: auto;
}

#main section { margin-bottom: 2rem; }
#main h2 { font-size: 1rem; margin: 0 0 0.5rem; }
#main h2 .hint { font-weight: normal; font-size: 0.8rem; }

/* --badge-color, not border-color/color directly - style.css's shared
   .badge base rule derives both the text color and the tinted background
   from this one token (see style.css's design-token pass). */
.badge.status-pending { --badge-color: var(--color-warning); }
.badge.status-provisioned { --badge-color: var(--color-success); }
.badge.status-ignored { --badge-color: var(--muted); }
.badge.default-cred-flag { --badge-color: var(--color-critical); }

td button {
  font-size: 0.8rem;
  margin: 0 0.15rem 0.15rem 0;
}

.learn-list { list-style: none; padding: 0; margin: 0.4rem 0; max-height: 180px; overflow-y: auto; border: 1px solid var(--border); border-radius: 4px; }
.learn-list li { padding: 0.15rem 0.4rem; font-size: 0.8rem; }
.learn-list label { display: flex; align-items: center; gap: 0.4rem; margin: 0; }