/* Colors from the client's built-in QIP Classic skin (crates/init-client/ui/skins/qip-classic.ini). */
body {
  margin: 0;
  padding: 24px 8px;
  background: #dfe6f1;
  color: #000;
  font: 13px/1.45 Tahoma, Verdana, sans-serif;
}
a { color: #1f4e8f; }

.window {
  max-width: 560px;
  margin: 0 auto;
  border: 1px solid #24508f;
  border-radius: 3px 3px 0 0;
  background: #ece9d8;
}
.title {
  padding: 3px 8px;
  background: linear-gradient(#3b6fc0, #2e5ea8);
  color: #fff;
  font-weight: bold;
}
.body { padding: 16px 20px 20px; }

.logo {
  margin: 0 0 16px;
  font: bold 40px/1 Tahoma, Verdana, sans-serif;
  text-align: center;
}
.dot {
  display: inline-block;
  width: .34em;
  height: .34em;
  margin-left: 1px;
  border: 1px solid rgba(0, 0, 0, .31);
  border-radius: 50%;
  background: #3cbf3c;
}

.download {
  margin-bottom: 18px;
  text-align: center;
}
.download p {
  margin: 6px 0 0;
  color: #6d6d6d;
  font-size: 11px;
}
.button {
  display: inline-block;
  padding: 10px 26px;
  border: 1px solid #003c74;
  border-radius: 3px;
  background: linear-gradient(#ffffff, #f4f3ee 60%, #dcd8c8);
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.button:hover, .button:focus { box-shadow: inset 0 0 0 2px #e8a020; outline: none; }
.button:active { background: #dcd8c8; }

.group {
  padding: 2px 6px;
  border-bottom: 1px solid #c8d4e8;
  background: #eef2f9;
  color: #1f4e8f;
  font-weight: bold;
}
ul { margin: 8px 0 16px; padding-left: 22px; }
li { margin: 3px 0; }

.fingerprint {
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #c8a000;
  background: #ffffe1;
}
.fingerprint code {
  display: block;
  font: 13px Consolas, "Courier New", monospace;
  word-break: break-all;
  user-select: all;
}
.fingerprint p { margin: 6px 0 0; font-size: 11px; }