.company-list {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.company {
  border: 1px solid #dde3dd;
  border-radius: 12px;
  padding: 18px;
}

.company > div b,
.company > div span {
  display: block;
}

.certificate-summary {
  display: grid;
  gap: 3px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid;
  border-radius: 10px;
  font-size: 13px;
}

.certificate-summary strong { font-size: 14px; }
.certificate-summary.valid { color: #165b3b; background: #edf8f1; border-color: #9bcbae; }
.certificate-summary.warning { color: #73510b; background: #fff8df; border-color: #e5c76c; }
.certificate-summary.expired,
.certificate-summary.rejected { color: #8b2923; background: #fff0ee; border-color: #e6a49f; }
.certificate-summary.pending { color: #59625d; background: #f3f5f3; border-color: #ccd3ce; }

.company > div span {
  color: #66706a;
  font-size: 12px;
  margin-top: 5px;
}

.certificate-form {
  display: grid;
  grid-template-columns: 1.4fr 1fr auto;
  gap: 12px;
  align-items: end;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dde3dd;
}

.certificate-form label {
  display: grid;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
}

.certificate-form input {
  width: 100%;
  border: 1px solid #bdc9c1;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
}

.certificate-result {
  grid-column: 1 / -1;
  color: #66706a;
  font-weight: 400;
}

.certificate-result.ok { color: #165b3b; }
.certificate-result.error { color: #a33a32; }

@media (max-width: 1000px) {
  .certificate-form { grid-template-columns: 1fr; }
  .certificate-result { grid-column: 1; }
}