html { font-size: 14px; }
body { background: #f4f5f7; }

.tile { transition: transform .08s ease, box-shadow .08s ease; color: inherit; }
.tile:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.1); }
.tile-icon { font-size: 2.4rem; color: #0d6efd; }

.status { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .3rem; vertical-align: middle; }
.status-up { background: #198754; }
.status-down { background: #dc3545; }
.status-unknown { background: #adb5bd; }

#grid td { white-space: nowrap; }
.form-check-input { cursor: pointer; }