#system-view { max-width: 1500px; margin: auto; padding: 1rem; }
#system-content { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,430px),1fr)); gap: 1rem; }
.system-card { min-width: 0; background: #161d2b; border: 1px solid #48546b; padding: 1rem; border-radius: .75rem; overflow-wrap: anywhere; }
.system-card h2 { font-size: 1.2rem; margin-top: 0; }
.system-card p { color: #bdc9de; }
.system-card dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; border-bottom: 1px solid #354054; }
.system-card dd { margin: 0; text-align: right; }
.system-table { overflow-x: auto; max-width: 100%; }
.system-table table { border-collapse: collapse; width: 100%; font-size: .85rem; }
.system-table th, .system-table td { padding: .5rem; text-align: left; border-bottom: 1px solid #354054; vertical-align: top; }
#system-error { color: #ffbab4; }
@media (max-width: 480px) { #system-view { padding: .5rem; } .system-card { padding: .75rem; } }