/* devtoken.tools — Certificate Inspector page styles (builds on style.css) */

#input { font-family: var(--mono); font-size: 12px; }
.grid-2 .drop-zone { min-height: 100%; }
#host-result .result-box { margin: 10px 0 0; }
#host-result .result-box p { margin: 0; }
#file-status:empty { display: none; }

.cert-kv { margin-top: 16px; }
.cert-kv dd { word-break: break-word; }
.cert-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 16px;
  font-family: var(--mono);
  font-size: 13px;
}

.chain-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.chain-node {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  border: 1px solid var(--border2);
  border-radius: 8px;
  background: var(--bg3);
  max-width: 100%;
}
.chain-role { font-family: var(--mono); font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; }
.chain-name { font-size: 14px; color: var(--text); word-break: break-word; }
.chain-link { font-family: var(--mono); font-size: 12px; }
.chain-link.ok { color: var(--local); }
.chain-link.bad { color: #fca5a5; }
.chain-link.unknown { color: var(--muted); }
#summary { margin-top: 16px; }