/* Badge Sign-in Setup page: framed screenshots, and the status words the
   agent's Setup tab shows (OK, FIX, CHECK, INFO) in the tab's own colours.
   Only these two classes are styled, so other pages are unaffected. */

/* The settings window is white, like the page: a visible frame and a
   deeper shadow so each screenshot reads as a picture. Rounded to follow
   the Windows 11 window corners, which the screenshots keep transparent. */
.md-typeset img.screenshot {
  border: 1px solid #8f9bab;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(23, 32, 43, .18), 0 12px 32px rgba(23, 32, 43, .16);
}

[data-md-color-scheme="slate"] .md-typeset img.screenshot {
  border-color: #5b6a7e;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .45);
}

.md-typeset .cs-tag {
  font-weight: 700;
  font-size: .85em;
  letter-spacing: .04em;
  white-space: nowrap;
}

.md-typeset .cs-tag.ok { color: #2e7d32; }
.md-typeset .cs-tag.fix { color: #a40000; }
.md-typeset .cs-tag.check { color: #8a4b00; }
.md-typeset .cs-tag.info { color: #1f4e79; }

[data-md-color-scheme="slate"] .md-typeset .cs-tag.ok { color: #6fcf73; }
[data-md-color-scheme="slate"] .md-typeset .cs-tag.fix { color: #ff7b72; }
[data-md-color-scheme="slate"] .md-typeset .cs-tag.check { color: #e3a34d; }
[data-md-color-scheme="slate"] .md-typeset .cs-tag.info { color: #79b8ff; }

/* Setting and option names are read off these tables as exact keys: never
   break one in the middle. */
.md-typeset .cs-keys td:first-child code {
  white-space: nowrap;
  word-break: normal;
}