body { padding-top: 68px; background: #f5f7fb; color: #1f2937; }

.fz-nav { background: #1466d6; }
.fz-brand { color: #fff; font-size: 24px; font-weight: bold; letter-spacing: .5px; text-decoration: none; white-space: nowrap; }
.fz-brand:hover { color: #fff; text-decoration: none; }
.navbar .nav-link { color: rgba(255,255,255,.85) !important; font-size: 15px; white-space: nowrap; padding: .5rem .8rem; }
.navbar .nav-link.active { color: #fff !important; font-weight: bold; border-bottom: 2px solid #fff; }

#container { max-width: 1100px; padding-top: 20px; padding-bottom: 60px; }

.page-title { font-size: 22px; font-weight: 700; margin: 6px 0 18px; }
.card-box { background: #fff; border: 1px solid #e5e9f0; border-radius: 10px; padding: 18px 20px; margin-bottom: 20px; }
.card-box h5 { font-size: 16px; font-weight: 700; margin-bottom: 14px; }

.table thead th { background: #f0f4fa; border-top: none; font-size: 13px; color: #37455a; }
.table td, .table th { vertical-align: middle; font-size: 14px; }

.badge-in { background: #12855b; color: #fff; }
.badge-out { background: #b26a00; color: #fff; }
.badge-off { background: #9aa3af; color: #fff; }
.badge-lg { font-size: 13px; padding: .4em .75em; font-weight: 600; }
.badge-light.badge-lg { border: 1px solid #d5dbe3; color: #6b7482; }

.form-row-tight .form-group { margin-bottom: .6rem; }
.hint { color: #6b7482; font-size: 12px; }
#fzMap { width: 100%; height: 320px; border-radius: 8px; border: 1px solid #d7deea; }
.login-wrap { max-width: 380px; margin: 8vh auto 0; }