.activation-card {
  display: grid;
  gap: 8px;
}

.activation-card h2 {
  margin: 0;
  font-size: 22px;
}

.activation-status {
  margin: 0;
  color: #b8cff0;
  font-size: 14px;
  font-weight: 700;
}

.activation-status-ok {
  color: #bff4cf;
}

.activation-status-warn {
  color: #ffdba4;
}

.activation-identity,
.activation-message,
.activation-error {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}

.activation-identity {
  color: #d8e7ff;
}

.activation-message {
  color: #9ec2f2;
}

.activation-error {
  color: #ffc4c9;
  font-weight: 700;
}

.activation-form {
  display: grid;
  gap: 6px;
}

.activation-form label {
  color: #c2d8fa;
  font-size: 12px;
  font-weight: 700;
}

.activation-field-error {
  margin: -2px 0 2px;
  color: #ffc4c9;
  font-size: 12px;
  font-weight: 700;
}

.input-invalid {
  border-color: rgba(236, 123, 133, 0.8) !important;
  box-shadow: 0 0 0 1px rgba(236, 123, 133, 0.36) !important;
}

.activation-actions {
  display: grid;
  gap: 8px;
}

.install-card {
  display: grid;
  gap: 8px;
}

.install-steps {
  margin: 4px 0 0;
  padding-left: 20px;
  color: #d7e7ff;
  font-size: 14px;
  line-height: 1.45;
  display: grid;
  gap: 6px;
}

.install-steps strong {
  color: #ffffff;
}

.access-lock-card {
  border-color: rgba(236, 123, 133, 0.45);
  background: linear-gradient(180deg, rgba(82, 30, 44, 0.9), rgba(64, 24, 36, 0.92));
}

.access-lock-text {
  color: #ffd6da;
  font-size: 14px;
  font-weight: 700;
}

.access-lock-hint {
  color: #f1c7cc;
  font-size: 13px;
}

.report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.report-card {
  padding: 10px;
}

.report-card p {
  margin: 0;
  font-size: 13px;
  color: #a8c4ee;
}

.report-card strong {
  display: block;
  margin-top: 8px;
  font-size: 27px;
  color: #f4b452;
}

.report-note {
  margin: 0;
  color: #98b7e8;
  font-size: 12px;
}