/* HostScout.ca - ARIN Whois / RDAP tool
   Loaded after hosting-checker.css */

.arin-tool-page .checker-hero-inner {
  max-width: 760px;
}

.arin-tool-page .arin-form {
  width: min(100%, 690px);
  grid-template-columns: minmax(0, 1fr) 142px;
}

.rdap-domain-note {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 12px;
  margin-bottom: 16px;
  padding: 15px 17px;
  color: #5d4d16;
  background: #fff9e8;
  border: 1px solid #eadca9;
  border-radius: 9px;
}

.rdap-domain-note-icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #7a5d00;
  background: #fff0bb;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
}

.rdap-domain-note strong {
  display: block;
  margin-bottom: 4px;
  color: #644e0b;
  font-size: 11.5px;
}

.rdap-domain-note p {
  margin: 0;
  color: #76601b;
  font-size: 10.5px;
  line-height: 1.6;
}

.rdap-registry-badge {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 4px 9px;
  color: #8f0000;
  background: #fff2f2;
  border: 1px solid #efcccc;
  border-radius: 999px;
  font-size: 9.5px;
  font-weight: 800;
}

.report-action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.rdap-result-layout {
  grid-template-columns: minmax(0, 1.38fr) minmax(285px, .7fr);
}

.rdap-details .rdap-status-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.rdap-status-list span {
  display: inline-flex;
  padding: 4px 7px;
  color: #585d64;
  background: #f5f6f7;
  border: 1px solid #e3e5e8;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 700;
}

.rdap-cidr-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 18px;
}

.rdap-cidr-list code {
  padding: 7px 9px;
  color: #24272c;
  background: #f7f8f9;
  border: 1px solid #e3e5e8;
  border-radius: 6px;
  font: 600 10.5px/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.rdap-entities {
  padding: 0 18px;
}

.rdap-entity-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 14px 0;
  border-bottom: 1px solid #eceef0;
}

.rdap-entity-row:last-child {
  border-bottom: 0;
}

.rdap-entity-row strong {
  display: block;
  color: #202328;
  font-size: 11.5px;
  line-height: 1.4;
}

.rdap-entity-row code {
  color: #666b72;
  background: transparent;
  font: 600 9.5px/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.rdap-timeline {
  margin: 0;
  padding: 0 18px;
}

.rdap-timeline > div {
  display: grid;
  gap: 4px;
  padding: 14px 0;
  border-bottom: 1px solid #eceef0;
}

.rdap-timeline > div:last-child {
  border-bottom: 0;
}

.rdap-timeline dt {
  color: #858a91;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.rdap-timeline dd {
  margin: 0;
  color: #24272c;
  font-size: 11.5px;
  font-weight: 700;
}

.rdap-ip-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0 18px;
  list-style: none;
}

.rdap-ip-list li {
  border-bottom: 1px solid #eceef0;
}

.rdap-ip-list li:last-child {
  border-bottom: 0;
}

.rdap-ip-list a {
  display: block;
  padding: 12px 0;
  color: #AD0000;
  font: 600 10.5px/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.rdap-ip-list a:hover {
  text-decoration: underline;
}

.rdap-raw-card details {
  background: #fff;
}

.rdap-raw-card summary {
  padding: 15px 18px;
  color: #2d3136;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  list-style-position: inside;
}

.rdap-raw-card pre {
  max-height: 520px;
  margin: 0;
  padding: 18px;
  overflow: auto;
  color: #d8dee9;
  background: #15181d;
  border-top: 1px solid #292d33;
  font: 10px/1.58 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.rdap-attribution p {
  max-width: 980px;
}

@media (max-width: 980px) {
  .rdap-result-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .arin-tool-page .arin-form {
    grid-template-columns: 1fr;
    width: min(100%, 620px);
  }

  .rdap-entity-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
}