body { min-height: 100vh; }
.navbar-brand { letter-spacing: .2px; }
.card { border: 0; border-radius: .85rem; }
.card-header { background: #fff; border-bottom-color: #eef1f4; }
.stat-card { border-left: 4px solid var(--bs-primary); }
.table > :not(caption) > * > * { vertical-align: middle; }
.description { white-space: pre-wrap; }
.auth-card { max-width: 480px; margin: 3rem auto; }

.system-detail-column { min-width: 360px; }
.system-detail-cell { min-width: 360px; max-width: 520px; white-space: normal; }
.system-dashboard-detail { max-width: 520px; white-space: normal; }
.system-timeline { border-left: 3px solid #dbe7ff; margin-left: .5rem; padding-left: 1.5rem; }
.system-timeline-item { position: relative; padding: 0 0 1.5rem; margin-bottom: 1rem; border-bottom: 1px solid #eef1f4; }
.system-timeline-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.system-timeline-item::before {
    content: "";
    position: absolute;
    left: -1.96rem;
    top: .35rem;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: var(--bs-primary);
    box-shadow: 0 0 0 .25rem #eaf1ff;
}