.monitoring-navbar {
    background: #fff;
    border-bottom: 1px solid #e6e8ee;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

.monitoring-brand {
    font-weight: 600;
    color: #1a1d23;
    letter-spacing: 0.01em;
}

.monitoring-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    padding: 4px;
    background: #f3f5f8;
    border-radius: 10px;
}

.monitoring-tab {
    display: inline-block;
    padding: 0.45rem 0.95rem;
    border-radius: 8px;
    color: #4b5563;
    font-size: 0.925rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.monitoring-tab:hover,
.monitoring-tab:focus {
    color: #1b6ec2;
    background: #fff;
    text-decoration: none;
}

.monitoring-tab.active {
    color: #fff;
    background: #1b6ec2;
    box-shadow: 0 1px 2px rgba(27, 110, 194, 0.35);
}

.monitoring-tab.active:hover,
.monitoring-tab.active:focus {
    color: #fff;
    background: #1861ac;
}