.system-information { max-width: 1180px; margin: 0 auto; }
.system-information .page-heading { margin-bottom: 28px; }
.system-info-card { padding: 30px 34px; margin-bottom: 24px; border: 1px solid #e6e8eb; border-radius: 22px; background: #fff; }
.system-info-card header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.system-info-card h2 { margin: 0; font-size: 23px; font-weight: 700; color: #222834; }
.system-info-status { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; color: #24846d; background: #edf8f2; border-radius: 8px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.system-info-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.system-info-status.is-unknown { color: #9e6a28; background: #fff6e8; }
.system-info-card dl { margin: 0; }
.system-info-row { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 3fr); gap: 24px; padding: 20px 0; border-bottom: 1px solid #e9ecf0; font-size: 15px; line-height: 1.65; }
.system-info-row dt { color: #8a96a8; font-weight: 600; }
.system-info-row dd { margin: 0; color: #59677f; text-align: right; font-weight: 600; overflow-wrap: anywhere; }
.system-info-row a { color: #59677f; text-decoration: none; }
.system-info-row a:hover { color: #ec6439; text-decoration: underline; }
.system-info-row a:focus-visible { outline: 2px solid #ec6439; outline-offset: 4px; border-radius: 3px; }
.system-info-note { color: #929baa; margin: 23px 0 0; font-size: 13px; line-height: 1.8; }
.system-info-empty { padding: 34px; text-align: center; color: #87929f; }
@media (max-width: 700px) {
  .system-info-card { padding: 22px 20px; border-radius: 18px; }
  .system-info-card h2 { font-size: 20px; }
  .system-info-row { grid-template-columns: 90px minmax(0, 1fr); gap: 12px; padding: 17px 0; font-size: 13px; }
  .system-information .page-heading { align-items: flex-start; gap: 18px; }
  .system-information .page-heading .ghost-button { min-width: 100px; }
}